Flutter插件phyllo_connect的使用

Phyllo Connect 是一个快速且安全的方式，用于在您的应用程序中通过 Phyllo 连接工作平台。它支持 iOS 和 Android 平台。

使用方法

要在 Flutter 项目中使用 phyllo_connect 插件，请将其添加为项目的依赖项。首先，在 pubspec.yaml 文件中添加以下依赖：

dependencies:
  phyllo_connect: ^latest_version

然后运行 flutter pub get 来安装该插件。

示例代码

以下是使用 phyllo_connect 插件的一个完整示例，包括如何初始化 SDK、启动连接以及处理回调。

配置文件（configs.dart）

首先，创建一个配置文件来存储客户端 ID、客户端密钥和环境设置：

class Configs {
  Configs._();

  static const String clientId = '<client id here>';
  static const String clientSecret = '<client secret here>';
  static const PhylloEnvironment environment = PhylloEnvironment.sandbox; // 设置 Phyllo 环境
}

提供者文件（phyllo_provider.dart）

接下来，创建一个提供者文件来管理 Phyllo Connect 的实例和逻辑：

import 'package:flutter/material.dart';
import 'package:phyllo_connect/phyllo_connect.dart';
import 'package:phyllo_connect_example/constants/configs.dart';

final PhylloConnect _phylloConnect = PhylloConnect.instance;

void launchSdk(String workPlatformId, String userId, String token) {
  Map<String, dynamic> config = {
    'clientDisplayName': 'Your App Name',
    'environment': PhylloEnvironment.sandbox.name,
    'userId': userId,
    'token': token,
    'workPlatformId': workPlatformId,
  };

  _phylloConnect.initialize(config);
  _phylloConnect.open();

  // 回调函数
  _phylloConnect.onConnectCallback(
    onAccountConnected: (accountId, workPlatformId, userId) {
      print('onAccountConnected: $accountId, $workPlatformId, $userId');
    },
    onAccountDisconnected: (accountId, workPlatformId, userId) {
      print('onAccountDisconnected: $accountId, $workPlatformId, $userId');
    },
    onTokenExpired: (userId) {
      print('onTokenExpired: $userId');
    },
    onExit: (reason, userId) {
      print('onExit: $reason, $userId');
    },
    onConnectionFailure: (reason, workPlatformId, userId) {
      print('onConnectionFailure: $reason, $workPlatformId, $userId');
    },
  );

  print('version: ${_phylloConnect.version()}');
}

主应用文件（main.dart）

最后，在主应用文件中设置并运行应用：

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:phyllo_connect_example/phyllo_provider.dart';
import 'package:phyllo_connect_example/views/home.dart';
import 'package:phyllo_connect_example/constants/app_colors.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) => PhylloProvider()),
      ],
      child: MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Phyllo Connect Example',
        theme: _getThemeData(),
        home: const MyHomePage(),
      ),
    );
  }

  ThemeData _getThemeData() {
    return ThemeData(
      primaryColor: AppColors.primaryColor,
      backgroundColor: Colors.white,
      scaffoldBackgroundColor: Colors.white,
      visualDensity: VisualDensity.adaptivePlatformDensity,
      splashColor: Colors.white.withOpacity(0.2),
      highlightColor: Colors.white.withOpacity(0.2),
      unselectedWidgetColor: Colors.grey.shade400,
      checkboxTheme: CheckboxThemeData(
        checkColor: MaterialStateProperty.all(Colors.white),
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(4),
          side: BorderSide(width: 1, color: Colors.grey.shade400),
        ),
      ),
      colorScheme: ColorScheme.fromSwatch(primarySwatch: generateMaterialColor())
          .copyWith(secondary: AppColors.primaryColor),
    );
  }
}

注意事项

• 确保替换 <client id here> 和 <client secret here> 为您从 Phyllo 获取的实际值。
• 根据需要调整主题颜色和其他样式设置。

通过上述步骤，您可以成功集成 Phyllo Connect 到您的 Flutter 应用中，并实现与工作平台的连接。