Flutter第三方登录插件ssinappflutter的使用

本文将详细介绍如何在Flutter项目中使用ssinappflutter插件来实现第三方登录功能。该插件可以帮助开发者通过配置Web视图（WebView）实现Android或iOS平台上的第三方登录。

配置依赖项

首先，在pubspec.yaml文件中添加ssinappflutter插件的依赖项：

dependencies:
  ssinappflutter: ^0.0.34

然后运行以下命令以安装依赖项：

flutter pub get

初始化环境变量

在main()函数中初始化BaseUrlManager，设置子域名：

import 'package:ssinappflutter/ssinappflutter.dart';

void main() {
  // 设置子域名
  BaseUrlManager.setSubdomain("995a-prod-micro");

  // 在这里继续初始化其他必要的配置...
}

配置Token列表

在main()函数中传递Token列表，这些Token通常由后端团队提供：

void main() {
  BaseUrlManager.setSubdomain("995a-prod-micro");

  // 设置Token列表
  TokenManager.setTokens([
    "yOH8vkzfe6CTVeY28w55%2BgEtPmg39FcK05sHI8O%2F5ua0Oq2kPOZe%2BlkhhayxeitDwCEpCmHxL2DCiToampXsxw%3D%3D",
    "yOH8vkzfe6CTVeY28w55+gEtPmg39FcK05sHI8O/5ua0Oq2kPOZe+lkhhayxeitDwCEpCmHxL2DCiToampXsxw==",
    "y5YA8+0bQheDtcUSFJRwIgPwjc4eI2Bdt/aNBcdo2WzQuTzaMN+GU0UQFUA9wcbiEf0zkvFlX77OEvhVTHkrkg==",
    "i0nFNuasAD2N9JhmjYqKLta5JeP+fs4+87t0jGnAAD6q8T57URDuNqVenW1G1Lhs75epUjBNLsJbCvn6ZuBaIw==",
    "8PHllag32EllW3JUT74LuKZII6J4e/n0a77ur3y5qQ9QglC/nnwgy+u+hoBRT0TDYJru99QaG5MxnvSMD+IqBA==",
  ]);

  // 继续其他初始化操作...
}

配置联系人数据（可选）

如果需要传递联系人信息，可以调用ContactManager.setContactDataFromMap()方法，并传入一个Map<String, String>对象：

void main() {
  BaseUrlManager.setSubdomain("995a-prod-micro");

  // 设置Token列表
  TokenManager.setTokens([
    "yOH8vkzfe6CTVeY28w55%2BgEtPmg39FcK05sHI8O%2F5ua0Oq2kPOZe%2BlkhhayxeitDwCEpCmHxL2DCiToampXsxw%3D%3D",
    "yOH8vkzfe6CTVeY28w55+gEtPmg39FcK05sHI8O/5ua0Oq2kPOZe+lkhhayxeitDwCEpCmHxL2DCiToampXsxw==",
    "y5YA8+0bQheDtcUSFJRwIgPwjc4eI2Bdt/aNBcdo2WzQuTzaMN+GU0UQFUA9wcbiEf0zkvFlX77OEvhVTHkrkg==",
    "i0nFNuasAD2N9JhmjYqKLta5JeP+fs4+87t0jGnAAD6q8T57URDuNqVenW1G1Lhs75epUjBNLsJbCvn6ZuBaIw==",
    "8PHllag32EllW3JUT74LuKZII6J4e/n0a77ur3y5qQ9QglC/nnwgy+u+hoBRT0TDYJru99QaG5MxnvSMD+IqBA==",
  ]);

  // 设置联系人数据
  Map<String, String> userData = {
    "Email": "flutterplugin@gmail.com",
    "name": "Flutter Test",
    "Phone Number": "12345678",
    "agents_email": "agent@example.com",
    "City": "New York"
  };

  ContactManager.setContactDataFromMap(userData);

  // 继续其他初始化操作...
}

配置元数据（可选）

如果需要传递元数据，可以调用MetaDataManager.setMetadataFromMap()方法，并传入一个Map<String, String>对象：

void main() {
  BaseUrlManager.setSubdomain("995a-prod-micro");

  // 设置Token列表
  TokenManager.setTokens([
    "yOH8vkzfe6CTVeY28w55%2BgEtPmg39FcK05sHI8O%2F5ua0Oq2kPOZe%2BlkhhayxeitDwCEpCmHxL2DCiToampXsxw%3D%3D",
    "yOH8vkzfe6CTVeY28w55+gEtPmg39FcK05sHI8O/5ua0Oq2kPOZe+lkhhayxeitDwCEpCmHxL2DCiToampXsxw==",
    "y5YA8+0bQheDtcUSFJRwIgPwjc4eI2Bdt/aNBcdo2WzQuTzaMN+GU0UQFUA9wcbiEf0zkvFlX77OEvhVTHkrkg==",
    "i0nFNuasAD2N9JhmjYqKLta5JeP+fs4+87t0jGnAAD6q8T57URDuNqVenW1G1Lhs75epUjBNLsJbCvn6ZuBaIw==",
    "8PHllag32EllW3JUT74LuKZII6J4e/n0a77ur3y5qQ9QglC/nnwgy+u+hoBRT0TDYJru99QaG5MxnvSMD+IqBA==",
  ]);

  // 设置联系人数据
  Map<String, String> userData = {
    "Email": "flutterplugin@gmail.com",
    "name": "Flutter Test",
    "Phone Number": "12345678",
    "agents_email": "agent@example.com",
    "City": "New York"
  };
  ContactManager.setContactDataFromMap(userData);

  // 设置元数据
  Map<String, String> metadata = {"metadatText": "testttt"};
  MetaDataManager.setMetadataFromMap(metadata);

  // 继续其他初始化操作...
}

打开WebView

在需要打开WebView的Widget中，使用以下代码片段来触发第三方登录：

import 'package:ssinappflutter/ssinappflutter.dart';

class MyLoginButton extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () {
        // 打开WebView并指定回调值
        Ssinappflutter.openWebView(
          context,
          'https://example.com', // 目标URL
          urlMatcher: 'testandroid2', // 回调值
        );
      },
      child: Text('第三方登录'),
    );
  }
}