uniapp实现微信小程序一键登录功能
前言
实现微信一键登录的流程:
① 微信小程序端获取临时凭证code(code只能被消费一次)
② 将code交给后端
③ 后端拿到code,向微信服务器发起请求,拿到openid(openid代表微信用户在一个小程序中的唯一标识,另外拓展一下unionid代表微信用户在企业中的唯一标识)
④ 后端查询数据库是否存在这个openid,存在则登录,返回token;不存在则注册账号,登录,返回token
一、复制 AppID 和 AppSecret
去 微信公众平台 -> 开发与服务 -> 开发管理 :微信公众平台 (qq.com)
复制AppID和AppSecret
二、通过uni.login() 拿到临时凭证code
uni.login({ provider: 'weixin', success: function (loginRes) { // 打印临时凭证 console.log(loginRes.code) } });
另外,可以通过uni.getUserInfo()获取到用户的头像、昵称、手机号等信息,不过手机号需要企业身份才可以,如:
// 登录成功 uni.getUserInfo({ provider: 'weixin', success: function(info) { // 获取用户信息成功, info.authResult是用户信息 const wxUserInfo = info.userInfo // 打印头像url console.log(wxUserInfo.avatarUrl) // 打印昵称 console.log(wxUserInfo.nickName) // 打印用户详细信息 console.log(wxUserInfo) } })
三、后端用临时凭证code换取openid
在spring-web工程中导入maven工具依赖
<dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>5.8.16</version> </dependency>
在下面工具类中配置自己的AppID,AppSecret后即可使用
import cn.hutool.http.HttpResponse; import cn.hutool.http.HttpUtil; import cn.hutool.json.JSONObject; import cn.hutool.json.JSONUtil; import org.springframework.web.util.UriComponentsBuilder; public class WechatUtil { // 配置自己的app_id、app_secret private static final String APP_ID = "Your_APP_ID"; private static final String APP_SECRET = "Your_APP_SERCERT"; public static String getOpenId(String loginCode) { String url = "https://api.weixin.qq.com/sns/jscode2session"; String requestUrl = UriComponentsBuilder.fromHttpUrl(url) .queryParam("appid", APP_ID) .queryParam("secret", APP_SECRET) .queryParam("js_code", loginCode) .queryParam("grant_type", "authorization_code") .toUriString(); HttpResponse response = HttpUtil.createGet(requestUrl).execute(); // 获取 session_key 和 openid JSONObject parseObj = JSONUtil.parseObj(response.body()); String openid = (String) parseObj.get("openid"); return openid; } }
拿到openid之后便可以通过查询数据库实现一键登录了
到此这篇关于uniapp实现微信小程序一键登录的文章就介绍到这了,更多相关uniapp微信小程序一键登录内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
js字符串截取函数substr substring slice使用对比
字符串截取函数有substr、substring以及slice等等,下面将为大家介绍下各自的使用,感兴趣的朋友可以了解下2013-11-11
最新评论