Flutter自定义按钮插件laokyc_button的使用

Flutter 自定义按钮插件 laokyc_button 的使用

特性

LaoKYC 登录按钮 是一个 Flutter 包，可以帮助您的客户端通过 LaoKYC 连接到您的应用。此包由 LaoKYC 开发。

该包将帮助您为那些无法通过常规方式注册到您的应用的客户提供可选登录功能。

安装

在 pubspec.yaml 文件中添加以下代码：

dependencies:
    laokyc_button: ^0.8.8

使用

导入包

import 'package:laokyc_button/laokyc_login_button.dart';

添加参数

LaoKYCButton(
  clientId: 'Your clientId', // 您的 clientId
  clientSecret: 'Your clientSecret', // 您的 clientSecret
  redirectUrl: 'Your redirectUrl', // 您的重定向 URL
  route: 'Your page after client login success', // 客户登录成功后的页面
  locale: const Locale('en') or const Locale('lo'), // 选择语言以显示登录对话框，'lo' 表示老挝语，'en' 表示英语
  scope: 'This will be provide by LaoKYC', // 这将由 LaoKYC 提供
);

请注意，所有这些参数将由 LaoKYC 提供。

电子邮件 : partner@sbg.com
电话 : +8562058988895

额外信息

在 Android 项目中配置

在 build.gradle 中添加以下代码

defaultConfig {
  .
  .
  manifestPlaceholders = [
      'appAuthRedirectScheme': 'Your Redirect Url' // 您的重定向 URL
  ]
}

在 AndroidManifest.xml 中添加以下代码

<queries>
  <intent>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.BROWSABLE" />
    <data android:scheme="https" />
  </intent>
  <intent>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.APP_BROWSER" />
    <data android:scheme="https" />
  </intent>
</queries>

最终，在客户登录成功后的页面获取数据

在 pubspec.yaml 中添加以下代码

dependencies:
  shared_preferences: ^2.0.6

在 LoginPage.dart 中添加以下代码

class LoginPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('LaoKYC 登录'),
      ),
      body: Center(
        child: LaoKYCButton(
          clientId: 'Your clientId',
          clientSecret: 'Your clientSecret',
          redirectUrl: 'Your redirectUrl',
          scope: 'This will be provide by LaoKYC',
          route: 'Your page after client login success',
          locale: const Locale('en') or const Locale('lo'), // 选择语言以显示登录对话框，'lo' 表示老挝语，'en' 表示英语
        ),
      ),
    );
  }
}

在 DashboardPage.dart 中添加以下代码

String? accessToken;

getPref() async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  setState(() {
    accessToken = prefs.getString('access_token');
  });
}

[@override](/user/override)
void initState() {
  super.initState();
  getPref();
}