flutter微信登录与支付（二）

刺骨的言语ヽ痛彻心扉 2021-08-19 19:12 1218阅读 0赞

flutter 微信支付github地址：

[https://github.com/OpenFlutter/fluwx][https_github.com_OpenFlutter_fluwx]

上一篇我们集成了微信登录功能

### [flutter微信登录与支付（一）][flutter] ###

链接：[https://blog.csdn.net/xudailong\_blog/article/details/98090158][flutter]  
这次我们来集成微信支付功能

页面展示很简单，主要是一个微信支付与一个支付宝支付。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70]  
界面大概是这样的，不过这里我是将微信支付放在了第一位，这里

##### 微信支付集成步骤： #####

*  1 导包  
    `import 'package:fluwx/fluwx.dart' as fluwx;`
 *  2 初始化设置监听
    
        @override
          void initState() { 
            super.initState();
            getMyHeadPic();
            // 微信支付代码
            fluwx.responseFromPayment.listen((data) { 
              _result = "${data.errCode}";
              print('_result_result > $_result errStrerrStr ${data.errStr}');
              if (_result == '-2') { 
                payState = false;
                Util.showToast('用户取消');
              }else if(_result == '0'){ 
                payState = true;
                Util.showToast('付款成功');
                jump2PayForAskDetail();
              }else { 
                payState = false;
              }
        
              if (!mounted) return;
              setState(() { });
            });
        
            youKnowRecognizer.onTap = () { 
              Util.jump2PrivacyAsk(context,'11','请教服务协议');
            };
          }
 *  3 在合理的地方调用微信支付代码（将后台数据请求成功后调用）
    
        fluwx.pay(
                  appId: wxPayInfo.appid,
                  partnerId: wxPayInfo.partnerid,
                  prepayId: wxPayInfo.prepayId,
                  packageValue: wxPayInfo.package,
                  nonceStr: wxPayInfo.nonceStr,
                  timeStamp: wxPayInfo.time,
                  sign: wxPayInfo.sign,
                ) .then((data) { 
                  print("---》$data");
                }).catchError((e){ 
                  print('#### $e');
                });
    
    这里的**appid，partnerid，prepayid，nonceStr，timeStamp，sign**等等都是后台返回的，这里不懂的话，可以去看一下微信支付官方文档，
 *  4 到此，微信支付就已经集成进去了

--------------------

相关链接：[flutter微信登录与支付（一）][flutter]

更多资源请访问：

[超详细图文搭建个人免费博客][Link 1]

关注「蛇崽网盘教程资源」公众号 ，在微信后台回复「领取资源」，获取IT资源200G干货大全。

在微信后台回复「130个小程序」，即可免费领取享有导入就能跑的微信小程序

在微信后台回复「Flutter移动电商」，即可免费领取Flutter移动电商系列全套  
![在这里插入图片描述][20181106111014905.png]

[https_github.com_OpenFlutter_fluwx]: https://github.com/OpenFlutter/fluwx
[flutter]: https://blog.csdn.net/xudailong_blog/article/details/98090158
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70]: /images/20210529/c19a9a0fb7c5498d9e13a5cbdec412df.png
[Link 1]: https://blog.csdn.net/xudailong_blog/article/details/78762262
[20181106111014905.png]: /images/20210529/5a607b83b895419fac13be40d9f10c92.png