Flutter支付宝认证插件alipay_auth的使用

什么是alipay_auth

alipay_auth 是一个用于支付宝认证的 Flutter 插件。

开始使用

强烈建议你在使用 alipay_auth 之前阅读官方文档：

• 官方文档

alipay_auth 可以帮助你完成一些操作，但并不是所有操作都能通过该插件实现。例如，在iOS上你需要配置URL Scheme。

使用AliPayAuth

await AlipayAuthPlugin.aliPayAuth('your auth str');

结果是一个包含来自支付宝认证信息的映射。结果还包含一个名为 platform 的外部字段，表示结果来自iOS还是Android。示例结果：

{
app_id: "",
auth_code:"",
result_code: SUCCESS,
scope: auth_user,
state: init,
platform: android
}

检查支付宝安装

var result = await isAliPayInstalled();

如果你想要在iOS上检查支付宝的安装情况，请确保你在info.plist文件中将alipay添加到白名单中。

<key>LSApplicationQueriesSchemes</key>
<array>
    <string>alipay</string>
    <string>alipays</string>
</array>

对于iOS，你必须添加名为alipay的URL Scheme。在Xcode的GUI中，可以在info.plist文件中设置：

<array>
    <dict>
        <key>CFBundleTypeRole</key>
        <string>Editor</string>
        <key>CFBundleURLName</key>
        <string>alipay</string>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>alipay_auth_example</string>
        </array>
    </dict>
</array>

完整示例代码

以下是一个完整的示例代码，展示了如何使用 alipay_auth 插件进行支付宝授权。

import 'dart:async';

import 'package:alipay_auth/alipay_auth.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  /// Platform messages are asynchronous, so we initialize in an async method.
  Future<void> initPlatformState() async {
    String platformVersion;

    /// Platform messages may fail, so we use a try/catch PlatformException.
    /// We also handle the message potentially returning null.
    try {
      platformVersion =
          await AlipayAuthPlugin.platformVersion ?? 'Unknown platform version';
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    /// If the widget was removed from the tree while the asynchronous platform
    /// message was in flight, we want to discard the reply rather than calling
    /// setState to update our non-existent appearance.
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('alipay_auth example'),
        ),
        body: Center(
          child: TextButton(
            onPressed: () async {
              ///start auth
              Map map = await AlipayAuthPlugin.aliPayAuth('auth');

              ///print aliPayAuth info
              debugPrint('aliPayAuth info:$map');
              String appId = map['app_id'];
              debugPrint('aliPayAuth appId:$appId');
              String authCode = map['auth_code'];
              debugPrint('aliPayAuth authCode:$authCode');
              String scope = map['scope'];
              debugPrint('aliPayAuth scope:$scope');
              String state = map['state'];
              debugPrint('aliPayAuth state:$state');
              String platform = map['platform'];
              debugPrint('aliPayAuth platform:$platform');
            },
            child: const Text(
              '支付宝授权',
              style: TextStyle(
                fontSize: 16,
              ),
            ),
          ),
        ),
      ),
    );
  }
}