关于uni-app小程序接入微信登录

https://uniapp.dcloud.net.cn/api/plugins/login.html#login

官网上有关于uni.login()的说明，如果是要微信登录，则需要wx.login()。

小程序登录 | 微信开放文档

        如下图，在小程序管理平台生成AppSecret，同时将AppId在HubilderX中配置。

 

        在HbuilderX中使用wx.login获取到code，然后调用后台接口，获取到openId，code是一个临时会话，是会改变，而openId则是不变的。

wx.login({
	success (res) {
		if (res.code) {
		  ths.$apis.relAccount2WxOpenId({
			  code:res.code
		  }).then(resT=>{
			 if(resT?.result_code=="0"){
				if(res.data){
					var openId = res.data;
					uni.setStorageSync("wx_openId",openId);
					ths.openId = openId;
				}
			 }
		  })
		}
	}
});

        在后端获取到openId后返回给前端，此处的appId和appSecret是在小程序管理平台获取的。

private String getWxOpenId(String code){
        String openId = null;
        try{
            String url = "https://api.weixin.qq.com/sns/jscode2session?appid="+appId+"&secret="+appSecret+"&js_code="+code+"&grant_type=authorization_code";
            String responseStr = HttpClientUtil.get(url);
            // "{"session_key":"","openid":""}"
//        logger.info(responseStr);
            JSONObject jsonObject = JSON.parseObject(responseStr);
            openId = jsonObject.getString("openid");
        }catch (Exception e){
            logger.error("",e);
        }
        return openId;
    }

         注意，在HbuilderX中一定要配置此小程序的appId，否则会报Invalid code。

                    小程序调试的时候，用微信开发者工具，其他是会报wx.login()的错误的。