flutter微信登录与支付（一）

淩亂°似流年 2021-06-10 10:36 886阅读 0赞

> 首先抱怨一下sharesdk这个三方，上个kottlin版的项目是使用sharesdk的，然后本想着flutter版也要sharesdk的，结果到集成的时候，各种调用不起来，把flutter版的demo跑了起来也是出现调用不起来的情况，测试手机：华为7，荣耀还是唱响？，我的P10也是不行，后面因为急着上线iOS就耽搁了一个礼拜。

今天又抽空把微信登录做了一遍，算了还是用原生的写，索性的用了网上的`fluwx`，感觉还可以，还集成了微信支付在里面。

#### 直接上步骤： ####

项目地址：

https://github.com/OpenFlutter/fluwx

直接在`https://pub.dev/`上搜索：fluwx

##### 配置： #####

在`flutter`中的`yaml`文件中进行配置：

fluwx: ^1.0.4

##### 初始化： #####

在`main.dart`中进行初始化操作，尽可能早的初始化

await fluwx.register(
            appId: "wxxxxxxxxxxxxx",
            doOnAndroid: true,
            doOnIOS: true,
            enableMTA: false);
        var result = await fluwx.isWeChatInstalled();

*  记得填写你的appId

##### 登录页进行 #####

例如在login.dart中

String _result = "无";
      
      
      @override
      void initState() { 
        super.initState();
        fluwx.responseFromAuth.listen((data) { 
          if (mounted) { 
          }
          // 这里返回结果，errCode=1为微信用户授权成功的标志，其他看微信官方开发文档
          setState(() { 
            _result = "initState ====== ${data.errCode} --- ${data.code}";
            int errCode = data.errCode;
            if (errCode == Constant.WECHAT_SUCCESS) { 
              String code = data.code;
              print('code $code');
              getWeChatAccessToken(code);
            }else { 
              Util.showToast("${data.code}");
            }
            print('aaaa ====== > $_result');
          });
        });
      }
    
      @override
      void dispose() { 
        super.dispose();
        _result = null;
      }
    
    
    // 某个按钮触发的操作
      void _weChatLogin(){ 
        fluwx.sendAuth(
            scope: "snsapi_userinfo", state: "wechat_sdk_demo_test")
            .then((data) { 
              setState(() { 
              });
        }).catchError((e){ print('weChatLogin e $e');});
      }

到这里我们就已经将微信登录的操作完成了，这里我们只获取到微信登录里的`code`，我们可以通过这个`code`去请求`access_token`和`open_id`，再通过`access_token`获取到微信用户信息等。

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