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

最新推荐文章于 2024-05-29 08:40:29 发布
最新推荐文章于 2024-05-29 08:40:29 发布
阅读量1.9k 收藏 15
点赞数 2
分类专栏： uni-app 文章标签： 小程序 uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37906822/article/details/119988383
版权

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

最低0.47元/天 解锁文章
冰派甜心
关注
  • 2
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniApp微信小程序获取当前用户手机号码（前端）
weixin_45459904的博客
09-04 4707
按钮触发获取用户信息 uni-app中与微信小程序官网所写会不同 <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" withCredentials="true">点击获取手机号码</button> 事件触发getPhoneNumber getPhoneNumber(e){ if(e.detail.errMsg == "getPhoneNumber:ok"){ console.log("用
租房小程序，uniapp+若依，易于维护和扩展
最新发布
07-17
随着智能手机的普及和移动互联网的飞速发展，小程序作为一种轻量级的应用程序，因其无需下载安装、占用内存小、跨平台支持等特点，迅速成为了移动应用开发领域的热门选择。小程序开发主要指的是通过特定的开发工具和...
uni-app 微信小程序 授权登录 获取详细信息 获取手机号
热门推荐
weixin_42448623的博客
03-17 3万+
目录授权页面 授权页面 因为微信小程序提供的 权限弹窗 只能通用户确认授权 所以可以 写一个授权页面，让用户点击 来获取用户相关信息 然后再配合后台就可以完成登录 <button class="btnInfo" open-type="getUserInfo"/> 素材 页面代码示例 <template> <view> <view> ...
uniapp开发微信小程序：用户手机号授权获取全流程详解与实战示例
JINGWHALE
05-29 1914
本文介绍了微信小程序获取用户手机号码，前端通过调用API获取加密手机号，后端则负责解密处理具体代码示例。取用户手机号码整个流程需遵守微信小程序平台的隐私政策和规定，确保用户数据的安全与合规，为用户提供透明、可控的授权体验。
【uniapp】开发实现手机授权登录，详细例子。
qq_31894095的博客
07-22 741
当用户点击登录按钮时，通过uni.request方法向后端发送请求，请求验证用户输入的手机号和验证码是否匹配，并获取登录凭证（如token）。前端在接收到登录成功的响应后，可以将返回的token保存到本地，例如使用uni.setStorageSync方法。后端在接收到请求后，验证手机号和验证码的匹配性，并根据结果返回对应的登录凭证（如token）。首先，你需要在后端服务器上设置一个接口，用于处理手机号登录的验证和授权逻辑。在UniApp中创建一个登录页面，包含一个表单用于用户输入手机号码和验证码。
uniapp - vuex做权限管理
小青柑的博客
09-04 3783
第一步：处理请求到的数据 手机端做用户权限分配，后台会给你接口返回给你一个菜单的列表，如下图中在个人信息接口返回数据里有个menu字段，里面存放的就是当前用户可以访问的有权限的页面。menu数组里是对象的形式，我们需要先把里面的控制权限的code字段给过滤出来。 过滤的方法有很多，这里我使用map对象把它存放起来 // res.data.data.menu 是我请求到将要处理的数据 let menuArr = res.data.data.menu let map = new Map(); for (let
微信小程序获取手机号并解密详解
a_115098的博客
09-09 1万+
微信小程序获取手机号并解密1 获取手机号2 解密2.1 获取所需数据2.2 解密返回数据 1 获取手机号 获取手机号的过程官方文档有详细的介绍。参考官方链接 要注意的是，此功能只对非个人且完成认证的开发者开发，个人开发者无法使用该功能。获取微信用户绑定的手机号，需先调用wx.login接口。 //wxml文件使用button按钮触发获取手机号事件，open-type="getPhoneNumber" 不能少 <button open-type="getPhoneNumber" bindgetphone
uniapp开发小程序实现-获取手机号码（二）
03-10
在本教程中，我们将深入探讨如何使用uni-app框架在微信小程序中实现获取用户手机号码的功能。uni-app是一个多端开发框架，它允许开发者使用一套代码编写应用，然后编译到多个平台，包括微信小程序、H5、App等。在...
微信小程序用户授权，以及判断登录是否过期的方法
10-17
在微信小程序开发中，用户授权和判断登录状态是常见的需求，尤其对于涉及到用户个人信息和安全性的功能至关重要。本文将详细讲解微信小程序用户授权的过程以及如何判断登录是否过期。 首先，微信小程序提供了一种名...
微信小程序调用uploadFile向七牛云存储上传图片
06-05
本篇文章将详细探讨如何利用微信小程序的`uploadFile`接口来实现向七牛云存储上传图片的功能。 首先，我们需要了解七牛云存储。七牛云是一家提供云存储和CDN加速服务的公司，它提供了丰富的API和SDK，使得开发者...
这是一个全栈完整项目uniapp小程序+vue后台管理系统+node.js完整项目+mysql数据库
07-09
**具体模块的实现：**轮播图与招聘车队的展示、赛事规则与精彩十佳球的查看、赛赛车队人员信息的查看、流程页面采用触底页进行渲染、用户登录基于jwt+token认证，登录成功后可搜索用户进行关注、修改资料、查看战绩...
权限管理模块
07-13
用户-角色-权限管理
微信小程序 根据后台返回的权限控制页面的展示
weixin_48145150的博客
04-02 2469
微信小程序 根据后台返回的权限控制页面的展示
uniapp 实现微信小程序授权，获取用户信息，获取手机号，解密手机号。
de_shy的博客
01-12 3872
授权 html代码（授权只能点击触发，不能直接触发） <view class="button-sq" hover-class="button-hover" @tap="authoLogin()"> <text>授权</text> </view> js代码 （appid，secret在小程序开发>开发管理>开发设置>开发者id 查看） methods: { //用户授权，获取用户信息 authoLogin() { u
uniapp 模块权限配置 权限管理 权限设置
时间在飞飞的博客
07-22 2万+
在uni-app中如何配置权限 首先，我们先通过API了解，他对权限的需求，比如在上个帖子中 ===>>对APP后台静默更新升级对文件管理和文件下载权限的需求 当时我们使用了这个权限： android.permission.WRITE_EXTERNAL_STORAGE 写入外部存储 允许程序写入外部存储,如SD卡上写文件 然后打开APP模块权限配置：在这个权限上打勾 下面奉上所有的权限模块文档，便于查阅和搜索： 权限 名称 描述 a...
uni-app前端解密微信小程序手机号加密数据
青衫折扇的博客
07-14 4879
在官方下载地址：https://res.wx.qq.com/wxdoc/dist/assets/media/aes-sample.eae1f364.zip 获取手机号： <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" class="button base-button-box"></button> 刚才下载的解密文件我们只需要引入WXBizDataCrypt.js就可以了，node文.
uniapp 微信小程序登录授权、获取用户信息、获取手机号、node解密获取用户信息openid
weixin_44167504的博客
03-31 5121
uniapp 授权登录、获取手机号、解密获取用户信息openid 授权登录跟获取手机号都需用户点击操作 1、授权登录 判断是否登录： uni.getSetting({ success(res) { if (!res.authSetting["scope.userInfo"]) { //这里调用授权 console.log("当前未授权"); //需要点击授权 _this.isgetuser = true un
uni-app中使用手机号一键登录的详细图文教程
weixin_45932157的博客
10-31 4382
到此这篇关于uni-app中使用手机号一键登录的文章就介绍到这了,更多相关uni-app手机号一键登录内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！一键登录应用ID为离线打包时配置的appid。3、在uni-app项目中开通uniCloud服务【关联云空间选择阿里云或腾讯云】开通一键登录服务, 获取关键最关键的两个参数ApiKey和ApiSecret。7、勾选一键登录（项目中的 manifest.json）2、登录云服务空间，创建服务空间，选择云服务商等。6、关联后上传部署到云空间。
uniapp微信小程序获取手机号
08-27
要在uniapp微信小程序中获取手机号，可以按照以下步骤进行操作： 1. 用户获取code：用户需要调用login方法获取code。可以在onLoad()生命周期函数中调用getuserNew()方法来获取code。代码示例如下： ``` onLoad() { this.getuserNew(); // 获取openid }, methods: { // 获取code getuserNew() { uni.login({ provider: 'weixin', success: res => { console.log(res.code); } }); }, } ``` 2. 通过微信官方接口获取openId和session_key：使用uni.request()方法来向微信官方接口发送获取openId和session_key的请求。代码示例如下： ``` uni.request({ url: 'https://api.weixin.qq.com/sns/jscode2session', method: 'GET', data: { appid: 'wx9*******214e0', //你的小程序的APPID secret: '33c4d17e4********71253', //你的小程序的secret js_code: res.code, //wx.login登录成功后的code grant_type: 'authorization_code', }, success: (cts) => { // 换取成功后，暂存这些数据留作后续操作 this.openId = cts.data.openid; //openid 用户唯一标识 this.session_key = cts.data.session_key; //session_key 会话密钥 console.log(cts); console.log(this.openId, this.session_key); } }); ``` 3. 获取手机号码权限并传递相关信息：在前端进行手机号码授权，并将encryptedData、iv、sessionKey和openId这四个字段传递给后端。后端通过用户信息授权码获取openid，通过手机授权码获取手机号码。具体细节可以根据你的需求和后端逻辑进行调整。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [uniapp 微信小程序 获取手机号/用户授权（最详细）](https://blog.csdn.net/qq_42957741/article/details/117086865)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [uniapp微信小程序授权登录并获取手机号](https://blog.csdn.net/mrqi122/article/details/129520675)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值