java+flutter实现微信登录

java+flutter实现微信登录

这篇文章很简单,讲的是微信登录,app端用flutter实现,服务端用java实现。
app负责拿到微信用户的code,服务端通过code拿到openId。

一、准备工作

1.微信应用平台创建应用 点击创建
2.创建通过后你会你会获得appId、appSecret以及微信登录的使用权。如下图所示:在这里插入图片描述

二、app端

1、导包

fluwx: ^3.4.3

2、build.gradle文件
在这里插入图片描述
上述是build.gradle里的配置,要注意微信应用平台的包名和应用签名和这里配置的要一致。

3、调用微信客户端

bindWechat() async {
    fluwx
        .sendWeChatAuth(scope: "snsapi_userinfo", state: "wechat_sdk_demo_test")
        .then(
      (data) {
        G.showToast(
          data.toString() == 'false' ? '请先下载微信app' : '请授权登录',
        );
      },
    );
  }

回调

fluwx.weChatResponseEventHandler.distinct((a, b) => a == b).listen((res) {
     print('code为:' + res.code) 
});

到这里就可以拿到微信的code了。

三、服务端

拿到code后服务端主要有两个访问地址,如下:
1、
https://api.weixin.qq.com/sns/oauth2/access_token?appid=%s&secret=%s&code=%s&grant_type=authorization_code
微信认证地址:appId和appSecret去微信应用平台拿,code是app端传来的。通过该地址可以拿到openId和token等。

2、https://api.weixin.qq.com/sns/userinfo?access_token=%s&openid=%s&lang=zh_CN
微信用户信息查询地址:通过第一步得到的token和openId拿到微信用户信息

其他地址:
https://api.weixin.qq.com/sns/oauth2/refresh_token?appid=%s&grant_type=refresh_token&refresh_token=%s
微信token刷新地址

四、知识点

在一个项目中可能需要多次拉起微信,但是默认每个回调都会执行。这里我教大家怎么保证回调正确。

bindWechat() async {
	    fluwx
	        .sendWeChatAuth(scope: "snsapi_userinfo", state: "wechat_sdk_demo_test")
	        .then(
	      (data) {
	        G.showToast(
	          data.toString() == 'false' ? '请先下载微信app' : '请授权登录',
	        );
	      },
	    );
	  }

在以上代码中的wechat_sdk_demo_test是可以传任意值的,并且在回调时是可以取到的,可以用该参数作为标记判断。


版权声明:本文为student_zz原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。