Flutter URL缩短服务插件flutter_url_shortener的使用

flutter_url_shortener 是一个基于 Flutter 的 URL 缩短插件，使用了 Bitly API 服务。本文将详细介绍如何使用该插件来缩短 URL。

开始使用

注册账户并获取 Token

首先，你需要在 Bitly 官网 注册一个账户，并获取一个访问令牌（Token）。

功能概述

• 将长 URL 转换为 Bitlink。
• 将长 URL 转换为 Bitlink 并设置额外参数。

示例代码

以下是一个完整的示例代码，展示了如何使用 flutter_url_shortener 插件来缩短 URL 和创建自定义 Bitlink。

1. 添加依赖

在你的 pubspec.yaml 文件中添加 flutter_url_shortener 依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_url_shortener: ^latest_version

2. 初始化 Token

在应用启动时，初始化 Bitly 的访问令牌：

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

void main() {
  /// 设置访问令牌
  FShort.instance.setup(token: 'YOUR_BITLY_ACCESS_TOKEN');

  runApp(MyApp());
}

3. 创建主应用

创建一个简单的 Flutter 应用，包含两个按钮，分别用于缩短 URL 和创建自定义 Bitlink。

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _shortenURL = '';
  String _customURL = '';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo Home Page'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'https://www.google.com.vn',
            ),
            Container(
              alignment: Alignment.center,
              child: Text(_shortenURL),
              height: 60,
            ),
            ElevatedButton(
              style: ElevatedButton.styleFrom(primary: Colors.blue),
              child: Text('Shorten a link'),
              onPressed: _genShortenUrl,
            ),
            Container(
              alignment: Alignment.center,
              child: Text(_customURL),
              height: 60,
            ),
            ElevatedButton(
              style: ElevatedButton.styleFrom(primary: Colors.blue),
              child: Text('Create a Bitlink'),
              onPressed: _createBitLink,
            ),
          ],
        ),
      ),
    );
  }

  void _genShortenUrl() {
    try {
      FShort.instance
          .generateShortenURL(longUrl: 'https://www.google.com.vn/')
          .then((value) {
        setState(() {
          _shortenURL = value.link!;
        });
      });
    } on BitlyException catch (_) {
      // 处理 Bitly 异常
    } on Exception catch (_) {
      // 处理其他异常
    }
  }

  void _createBitLink() {
    try {
      FShort.instance
          .createBitLink(
              params: BitlyParams(
        longUrl: "https://dev.bitly.com",
        domain: 'bit.ly',
        tags: ['ver1.1', 'ver1.2'],
        deeplinks: [
          DeeplinkParams(
            appId: 'com.hades.test',
            appUriPath: '/store?id=123456',
            installUrl:
                'https://play.google.com/store/apps/details?id=com.hades.test&hl=en_US',
            installType: 'promote_install',
          ),
        ],
      ))
          .then((value) {
        setState(() {
          _customURL = value.link!;
        });
      });
    } on BitlyException catch (_) {
      // 处理 Bitly 异常
    } on Exception catch (_) {
      // 处理其他异常
    }
  }
}

4. 运行应用

运行你的 Flutter 应用，点击按钮即可看到缩短后的 URL 和创建的自定义 Bitlink。

总结

通过以上步骤，你可以轻松地在 Flutter 应用中集成 flutter_url_shortener 插件，实现 URL 的缩短和自定义 Bitlink 的创建。希望这篇文章对你有所帮助！如果有任何问题或建议，欢迎留言交流。