flutter 支付寶支付流程以及用 Flutter 在 Android Ios 中實現支付寶支付

1. 支付寶客戶端支付流程。 官方支付流程文檔:https://docs.open.alipay.com/59/103658/

2. 准備已有的 Flutter 項目安裝插件 https://pub.dev/packages/sy_flutter_alipay

3. 服務器端調用支付寶 sdk 生成訂單信息 1. 服務端sdk下載地址:https://docs.open.alipay.com/54/103419/

2. 本教程采用的php的sdk，看演示

4. 客戶端調用服務器端接口生成訂單簽名 信息，調用支付插件完成支付

5. 服務器端異步回調更新訂單信息  當支付成功后支付寶會異步給服務器 post 數據，服務器更新訂單信息

6.Flutter 在 Xcode 上編譯提示:Target 'Runner': script phase “[CP] Embed Pods Frameworks”的解決方法

 

 

解決方法:https://www.cflutter.com/topic/5d09a1c73b57e317a4d0af08

import 'package:flutter/material.dart';
import 'package:sy_flutter_alipay/sy_flutter_alipay.dart';
import 'package:dio/dio.dart';
class HomePage extends StatefulWidget { HomePage({Key key}) : super(key: key); _HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
  _doPay() async{
    var apiUrl='http://agent.itying.com/alipay/index.php'; var myPayInfo =await Dio().get(apiUrl);
    final payInfo =myPayInfo.data; print(payInfo);

    var result = await SyFlutterAlipay.pay( payInfo,
// urlScheme: '你的 ios urlScheme', //前面配置的 urlScheme
// isSandbox: true //是否是沙箱環境，只對 android 有效 );
        print(result); }
  @override
  Widget build(BuildContext context) {
    return Center( child: Column(
      mainAxisAlignment: MainAxisAlignment.center, children: [
      SizedBox(height: 20), RaisedButton(
        child: Text('支付寶支付'),
        onPressed: _doPay, ),
      SizedBox(height: 20), ],
    ), );
  } }