完整且易读的最新版小程序登录态和检验注册过没的app.js写法

0、可参考的官方页面
获取登录凭证:https://developers.weixin.qq.com/miniprogram/dev/api/wx.login.html
检查登录态是否过期: https://developers.weixin.qq.com/miniprogram/dev/api/wx.checkSession.html
备注:你要明白什么是登录态:这里的登录态是微信小程序自己的登录态,我们可以再自己写个登录页面作为自己的登录态,不过为了用户体验良好我直接以微信登录态做为自己的登录态。所以我的整个小程序是直接自动登录的
注意:微信小程序缓存很容易被清除,所以你必须时刻提防小程序缓存被清除的状态下怎么处理。
备注:我从后台返回来给小程序的对象格式为:
public ResultCode resultCode; // 业务响应码
public String resultMsg = ""; // 返回信息描述
public String errCode; // 错误代码
public String errCodeDes = ""; // 错误描述
public Object data; // 返回业务数据
public enum ResultCode {
SUCCESS, // 业务处理成功
FAIL; // 业务处理失败
}
1、流程
(1)调用wx.checkSession检查用户登录态是否过期,如果没有过期就检查用户注册没注册①,如果过期了就去重新执行登录流程②
(2)②的流程为:调用wx.login来获取登录凭证(code),然后把code发给后台,后台调用 auth.code2Session,使用 code 换取 openid 等信息来获取openId , 把openId返回给小程序, 然后把openId放到小程序缓存里面,然后检查用户注册没注册①
(3)①的流程为:先从缓存查该用户注册没注册过(通过检查缓存变量registered存不存在),有就是老用户,没有就去后台通过openId查有没有这个用户,把结果返回给小程序,如果后台有这个用户,说明已经注册过,就把在缓存里加个registered并赋值true。
(4)然后我们就可以在其他页面通过registered来判断用户注册没注册过,从而跳转进入注册页面或者是主页
2、app.js代码
App({
globalData: {
serverHost: 'http://localhost:8080', //服务器域名
},
onLaunch: function() {
var that = this;
//检查登录态是否过期
wx.checkSession({
success() {
// session_key 未过期,并且在本生命周期一直有效
console.log("【用户小程序登录态未过期】");
that.isRegister();
},
fail() {
// session_key 已经失效,需要重新执行登录流程
that.wxLogin();
}
})
},
//查看当前用户是否已经注册过
isRegister: function() {
var that = this;
var host = this.globalData.serverHost;
// (先从缓存查该用户,有就是老用户,没有就后台查有没有这个用户,后台查到有这个用户就放缓存,没有就是新用户)
wx.getStorage({
key: 'registered',
success(res) {
console.log("【通过缓存查询到该用户是已经注册过的】");
console.log("【当前用户的openid为:】" + wx.getStorageSync('openid'));
},
fail(res) {
var openid;
openid = wx.getStorageSync('openid');
wx.request({
url: host + '写自己的后台请求检查用户存不存在的URL',
method: 'POST',
data: {
openId: openid,
},
header: {
"Content-Type": "application/x-www-form-urlencoded"
},
success: (res) => {
if (后台返回注册过") {
if (res.data.data) {
console.log("【通过后台查询到该用户已经注册过】");
wx.setStorage({
key: "registered",
data: true
});
} else {
console.log("【通过后台查询到该用户还没注册过】");
}
}
}
})
},
})
},
//该函数用来登录的
wxLogin: function() {
var that = this;
//设置后台host
var host = this.globalData.serverHost;
console.log("【用户重新执行小程序登录流程】");
wx.login({
success(res) {
// 发起网络请求,发送 res.code 到后台换取 openId
if (res.code) {
var code = res.code;
wx.request({
url: host + '写自己后台用code换取OpenId的请求URL',
method: 'POST',
data: {
code: code,
},
header: {
"Content-Type": "application/x-www-form-urlencoded"
},
success: (res) => {
console.log("【获取用户openid成功】");
console.log("【从后台获取到用户openid为】" + res.data.data.openid)
let openId = res.data.data.openid;
wx.setStorage({
key: "openid",
data: res.data.data.openid
});
console.log("【用户openid放入缓存成功】");
that.isRegister();
}
})
}
}
})
},
},
})
3、java后台怎么通过code获取openId
import net.sf.json.JSONObject;
/**
* @author niqinhua
* @date 2019/3/8 9:19
*/
public class WXUtil {
public static JSONObject getOpenidAndSessionKey(String code) {
String url = "https://api.weixin.qq.com/sns/jscode2session";
String param = "appid=写自己的appId&secret=写自己的密钥&js_code=" +
code + "&grant_type=authorization_code";
String wxReturnResult = sendGet(url, param);
JSONObject wxReturnResultObject = JSONObject.fromObject(wxReturnResult);
return wxReturnResultObject;
}
/**
* 从规范上,建议把这个方法抽出来放到HttpUtil类里面
* 向指定URL发送GET方法的请求
* @param url 发送请求的URL
* @param param 请求参数,请求参数应该是 name1=value1&name2=value2 的形式。
* @return URL 所代表远程资源的响应结果
*/
public static String sendGet(String url, String param) {
String result = "";
BufferedReader in = null;
try {
String urlNameString = url + "?" + param;
URL realUrl = new URL(urlNameString);
// 打开和URL之间的连接
URLConnection connection = realUrl.openConnection();
// 设置通用的请求属性
connection.setRequestProperty("accept", "*/*");
connection.setRequestProperty("connection", "Keep-Alive");
connection.setRequestProperty("user-agent", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");
// 建立实际的连接
connection.connect();
// 定义 BufferedReader输入流来读取URL的响应
in = new BufferedReader(new InputStreamReader(
connection.getInputStream()));
String line;
while ((line = in.readLine()) != null) {
result += line;
}
} catch (Exception e) {
System.out.println("【HTTP发送GET请求出现异常】:访问URL:"+url+",错误:"+e.getMessage());
}
// 使用finally块来关闭输入流
finally {
try {
if (in != null) {
in.close();
}
} catch (Exception e2) {
System.out.println("【HTTP请求关闭输入流异常】:访问URL:"+url+",错误:"+e2.getMessage());
}
}
return result;
}
}
上面只是工具类直接拿就行,真正业务逻辑要自己写,我只给出重点部分
JSONObject wxReturnJson = WXUtil.getOpenidAndSessionKey(code);
if (wxReturnJson.get("errCode")!=null) {
//log.error("【获取用户的openid】【失败】【传递参数code无效】");
} else {
//log.info("【获取用户的openid】【成功】【传递参数code无效】");
}
完整且易读的最新版小程序登录态和检验注册过没的app.js写法的更多相关文章
- 微信小程序填坑之旅(1)-app.js中用云开发获取openid,在其他页上用app.globaldata.openid获取为空
参考:小程序如何在其他页面监听globalData中值的变化?https://www.jianshu.com/p/8d1c4626f9a3 原因就是:app.js没执行完时,其他页已经onload了, ...
- Flask与微信小程序登录(后端)
开发微信小程序时,接入小程序的授权登录可以快速实现用户注册登录的步骤,是快速建立用户体系的重要一步.这篇文章将介绍 python + flask + 微信小程序实现用户快速注册登录方案(本文主要进行后 ...
- 微信小程序登录状态
我们知道,WEB服务器通过浏览器携带的cookie获取session来判断是否是同一用户(或浏览器):Restful服务通过客户端传过来唯一ID,来识别调用用户. >为什么需要维护登录态? 有自 ...
- 基于Shiro,JWT实现微信小程序登录完整例子
小程序官方流程图如下,官方地址 : https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html ...
- 微信小程序(有始有终,全部代码)开发---跑步App+音乐播放器 Bug修复
开篇语 昨晚发了一篇: <简年15: 微信小程序(有始有终,全部代码)开发---跑步App+音乐播放器 > 然后上午起来吃完午饭之后,我就准备继续开工的,但是突然的,想要看B站.然后在一股 ...
- 微信小程序登录(包括获取不到unionid的情况)
我们一般都是先获取到微信的 unionid,然后再通过 unionid 去登录自己的网站,就可以关联到用户在自己网站上的 user_id,但是在小程序登录中,有时候可以获取到 unionid,有时候获 ...
- ASP.NET WebAPI 双向token实现对接小程序登录逻辑
最近在学习用asp.net webapi搭建小程序的后台服务,因为基于小程序端和后台二者的通信,不像OAuth(开放授权),存在第三方应用.所以这个token是双向的,一个是对用户的,一个是对接口的. ...
- 全栈项目|小书架|微信小程序-登录及token鉴权
小程序登录 之前也写过微信小程序登录的相关文章: 微信小程序~新版授权用户登录例子 微信小程序-携带Token无感知登录的网络请求方案 微信小程序开通云开发并利用云函数获取Openid 也可以通过官方 ...
- 微信小程序 - 登录(后端实现) | 授权(后端实现)
登录与授权 官方文档 一.登录 登录流程时序 说明: 调用 wx.login() 获取 临时登录凭证code ,并回传到开发者服务器. 调用 code2Session 接口,换取 用户唯一标识 Ope ...
随机推荐
- LG2512/BZOJ1045 「HAOI2008」糖果传递 中位数
问题描述 LG2512 BZOJ1045 题解 这是一个链状问题的环状版本. 问题最终变为给定数轴上的\(n\)个点,找出一个到他们的距离之和尽量小的点,而这个点就是这些数中的中位数. 网络流24题的 ...
- Day01 确定选题
一起来选题 一.谁想个选题? 今天是第一节大软课,大家需要进行分组和确定选题.分组固然是快乐的,但是确定选题是让人费脑筋的.要新颖!要有需求!要我们能实现(笑)......大家面面相觑.面对这种情况, ...
- mariadb指定10.2版本安装及修改默认端口
原文链接: https://www.cnblogs.com/operationhome/p/9141881.html 延申, mongodb, mariadb: https://www.cnblog ...
- CF1149D Abandoning Roads(图论,最短路,状态压缩,最小生成树)
题目大意:$n$ 个点,$m$ 条边的无向图,边权只有两种,小的为 $a$,大的为 $b$. 对于每个点 $p$,询问在这张图所有的最小生成树上,$1$ 到 $p$ 的最短距离的最小值. $2\le ...
- [BJOI2019]勘破神机(第一类斯特林数,斐波那契数列)
真的是好题,只不过强行多合一有点过分了…… 题目大意: $T$ 组数据.每个测试点中 $m$ 相同. 对于每组数据,给定 $l,r,k$,请求出 $\dfrac{1}{r-l+1}\sum\limit ...
- Computer-Hunters——测试总结
描述项目的测试工作安排 主要由每个组员在模块功能完成后对自己负责的模块进行测试. 测试工具选择和运用 前端:console界面 后端:人工测试 前端与后端交互:人工测试 测试用例文档pdf的githu ...
- Elasticsearch由浅入深(三)document的核心元数据、Id、_source元数据、全量替换、强制创建以及删除机制
document的核心元数据 document的核心元数据有三个:_index._type._id 初始化数据: PUT test_index/test_type/ { "test_cont ...
- [Powershell]发布基于.NET Framework的WebAPI和Job控制台程序项目
获取要发布的定时计划任务. 禁用和停止定时计划任务. 批量强制结束Job进程. 打印定时计划任务状态. 备份项目文件夹. 发布项目文件夹. 删除部署包. 启用定时计划任务. <# .NOTES ...
- asp.net core 2.1 容器中使用 System.Drawing.Common 的问题
- SQL-----数据库三种删除方式详解
第一种 使用delete 语句 特点: delete 属于数据库操纵语言DML,表示删除表中的数据, 删除过程是每次从表中删除一行,并把该行删除操作作为事务记录在日志中保存 可以配合事件(tran ...