flutter微信登录与支付（一）

首先抱怨一下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获取到微信用户信息等。

---

相关链接：相关链接：flutter微信登录与支付（二））

更多资源请访问：

超详细图文搭建个人免费博客

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

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

在微信后台回复「Flutter移动电商」，即可免费领取Flutter移动电商系列全套