浅谈小程序确保每个页面都已登陆的方法（小程序的登陆功能是怎么实现的）

浅谈小程序确保每个页面都已登陆的方法（小程序的登陆功能是怎么实现的）

微信小程序如何确保每个页面都已经登陆？本篇文章给大家介绍一下小程序确保每个页面都登陆的方法，希望对大家有所帮助！

程序员必备接口测试调试工具：立即使用Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 后端、前端、测试，同时在线协作，内容实时同步

一个微信小程序中，有首页，有个人页面，还有一些列表页面，详情页面等等，这些页面大部分是可以分享的。当分享出去的页面被一个另一个用户打开的时候，这个页面怎么确保这个用户已经登陆了呢？

网上有很多方案是在请求封装里面加一道拦截，如果没有token，就先调用登陆请求获取token后，再继续。这种方案没毛病，只要注意一点，当一个页面有多个请求同时触发时，当所有请求拦截后，放到一个数组里面，在获取token成功后，遍历数组一个个请求就行。

但这个需求再复杂一点，比如连锁便利店小程序，大部分页面都需要有一个门店（因为需要根据门店获取当前门店商品的库存、价格等），这个门店是根据当前的定位来调用后台接口获得的，这个时候如果在请求里进行封装就太麻烦了。

解决方案

首先，我们注意到，登陆，获取定位与我们的页面请求是异步的，我们需要保证页面请求是在登陆和获取定位之后，但要是我们每个页面都写一个遍，可维护性就太差了。所以我们可以抽离出一个方法来做这件事。所以代码就这样了：

const app = getApp()Page({ data: { logs: [] }, onLoad() { app.commonLogin(()=>{ // 处理页页面请求 }) }})-

做到这里好像是解决我们的问题，但再想一想，如果还想做更多的事，比如说每个页面的onShareAppMessage统一处理，但我又不想在每个页面再写一遍，另外，我又想自己对每个页面实现一个watch，怎么做？

进一步解决方案

我们可以看到微信小程序，每个页面是一个Page()，那么我们可以给这个Page外面加一层壳子，我们可以有一个MyPage来替换这个Page，废话不多说，上代码：

tool.js 相关代码

页面代码：

app.tool.newPage({ data: { // noAutoLogin: false }, onShow: function () { // 在这里写页面请求逻辑 }}-

最后

代码是在线上跑了很久的，tool里的newPage封装，你可以根据自己的需求进行添加。总之，我这里是提供一种思路，如有更佳，欢迎分享。

【相关学习推荐：小程序开发教程】

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。