uniapp实现微信小程序获取手机号登陆和权限控制

最新推荐文章于 2025-08-02 17:15:00 发布

原创

最新推荐文章于 2025-08-02 17:15:00 发布 · 2k 阅读

15 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #uni-app

本文介绍了如何使用uni-app在微信小程序中实现手机号授权登录，并进行权限控制。通过uni.setStorageSync和uni.getStorageSync进行数据缓存，保存用户权限信息。在每个页面的生命周期中调用公共方法进行权限检查，确保用户已登录并拥有相应的访问权限。登录流程包括调用微信接口获取token，解密用户信息，并与后台交互验证用户。同时，提供了一个权限处理的公共方法，方便各个组件调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

综合了网上多种实现方式，一开始觉得用uni.addInterceptor对uni.navigateTo等路由跳转API进行拦截，类似Vue Router中的beforeEach功能，也不用到每个页面中处理，会优雅很多，这应该是最优雅的方法，待实现。这次采取在页面跳转时进行权限控制，每个页面的created生命周期中利用公共函数进行判断的方法

实现思路

利用数据缓存 uni.setStorageSync(KEY,DATA)、uni.getStorageSync(KEY)、uni.removeStorageSync(KEY) 实现权限数据token的缓存，进入页面前判断用户是否有token，从而进行权限控制

实现过程

调取用户登陆接口，获取权限信息（token)，将token存储在缓存中。将hasPermission放进mixin中，方便每个组件调用。在每个页面的created生命周期中调取公共方法hasPermission进行权限控制