opengraph 0.0.15

A Dart/Flutter package for seamless integration of OpenGraph metadata, allowing easy display of website information via API.

OpenGraph Preview Widget

This widget allows you to preview the OpenGraph data of a URL.

Screenshots

Api Key

You can get an API key from https://recursos.datogedon.com/product/opengraph-api-key/ to use this package. Use the free plan.
You can actually use the API without any tokens, up to a maximum of 5,000 monthly requests. If you need more requests, you can get a token from the link above.

Getting Started

Initialize the widget with the URL you want to preview.

Max Objects

maxObjects. Define in the maxObjects variable the maximum number of objects that the app will store in memory to avoid making constant requests. Objects are only available during the session, that is, in ephemeral memory. It is not stored in persistent memory.

Example

import 'package:flutter/material.dart';
import 'package:opengraph/opengraph.dart';

class OpenGraphProvider{
  static OpenGraphCredentials CONFIG = OpenGraphCredentials(
    url: "https://app.server.gt/api/opengraph/?site=",
    token: "<TOKEN>",
    maxObjects: 1000
  );
}

main() async {
  WidgetsFlutterBinding.ensureInitialized();
  // Initialize the provider
  OpenGraphRequest().initProvider(OpenGraphProvider.CONFIG);
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('OpenGraph Preview'),
        ),
        body: Center(
          child: OpenGraphPreview(
            url: "https://www.youtube.com/watch?v=6g4dkBF5anU",
          ),
        ),
      ),
    );
  }
}

Test Flutter Pad

You can test the package in the flutter pad here with the following code: