微信小程序登录流程图:
wx.login()
获取 临时登录凭证code ,并回传到开发者服务器。 wx.login({ success (res) { if (res.code) { //发起网络请求 wx.request({ url: 'https://example.com/onLogin', data: { code: res.code } }) } else { console.log('登录失败!' + res.errMsg) } } })
auth.code2Session
接口,换取 用户唯一标识 OpenID 、 用户在微信开放平台帐号下的唯一标识UnionID(若当前小程序已绑定到微信开放平台帐号) 和 会话密钥 session_key。
这里就需要我们为微信小程序写一个授权接口了,前端给我传入一个code参数,然后通过我们写的接口调用官方给我提供的授权接口,填写我们appid和secret及code参数。
<dependencies> <!-- 通用工具--> <dependency> <groupId>com.ruoyi</groupId> <artifactId>ruoyi-common</artifactId> </dependency> <!--hutool工具类--> <dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>5.7.19</version> </dependency> </dependencies>
package com.ruoyi.wechat.controller; import cn.hutool.core.util.StrUtil; import cn.hutool.json.JSONObject; import cn.hutool.json.JSONUtil; import com.ruoyi.common.core.domain.AjaxResult; import com.ruoyi.common.utils.http.HttpUtils; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; import java.util.HashMap; import java.util.Map; import java.util.UUID; /** * 微信小程序授权接口 */ @RestController @RequestMapping("/api") public class WechatController { /** * 微信小程序AppID */ private final static String AppID = "填写你的小程序AppID"; /** * 微信小程序AppSecret */ private final static String AppSecret = "填写你的小程序AppSecret "; /** * @param code 登录时获取的 code * @return */ @GetMapping("/wxlogin") public AjaxResult getWechatLoginInfo(String code) { String url = "https://api.weixin.qq.com/sns/jscode2session"; String params = StrUtil.format("appid={}&secret={}&js_code={}&grant_type=authorization_code", AppID, AppSecret, code); String json = HttpUtils.sendGet(url, params); JSONObject jsonObject = JSONUtil.parseObj(json); String session_key = (String) jsonObject.get("session_key"); String openid = (String) jsonObject.get("openid"); if (StrUtil.isEmpty(openid)) { return AjaxResult.error("未获取到openid"); } String token = UUID.randomUUID().toString(); Map<String, Object> data = new HashMap<>(); data.put("token", token); data.put("session_key", session_key); data.put("openid", openid); return AjaxResult.success(data); } }
<!--index.wxml--> <view class="container"> <view> <button open-type="getUserInfo" bind:tap="login" type="default">微信授权登录</button> </view> </view>
login(evt) { wx.getUserProfile({ desc: '登录', //描述信息 success: res => { // console.log(res); 成功回调 if (res.userInfo) { wx.login({ success: ret => { // console.log(ret); var code = ret.code wx.request({ url: 'http://localhost/api/wxlogin', //仅为示例,并非真实的接口地址 data: { code: code }, success(res) { console.log(res.data) if (res.data.code == 0) { console.log("登录成功"); wx.setStorageSync('token', res.data.data.token); wx.setStorageSync('openid', res.data.data.openid); wx.setStorageSync('session_key', res.data.data.session_key); wx.navigateTo({ url: '/pages/hello/hello', }) }else{ console.log("登录失败"); } } }) } }) } } }) }
<!--pages/hello/hello.wxml--> <text>登录成功</text>
建议取消若以框架的验证码登陆(在springboot的配置中修改),用户表新增openid。结合若以框架的用户登陆接口,获取认证凭证,完成对接口认证操作。具体操作本站将另外文章详细说明,敬请期待。
上一篇:微信小程序之蓝牙通信模块
下一篇:已经是最后一篇