uniapp微信小程序授权登录和获取微信绑定的手机号码

最新推荐文章于 2024-05-21 01:00:00 发布
最新推荐文章于 2024-05-21 01:00:00 发布
阅读量5.2k 收藏 22
点赞数 1
文章标签： 微信小程序 微信 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/EXOlin/article/details/125704610
版权

uniapp微信小程序授权登录和获取微信绑定的手机号码

弹出授权的弹框

<view class="weixinOk" @tap="getUserProfile">微信授权</view>

 /*授权登录的弹框*/
  getUserProfile() {
   
				uni.getUserProfile({
   
					desc: '用于完善会员资料',
					success: (res) => {
   
						if (res.errMsg == "getUserProfile:ok") {
   
							this.$refs.uToast.show({
   
								title: '授权
最低0.47元/天 解锁文章
EXOlin
关注
  • 1
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信小程序获取微信绑定授权手机号
lavendersue的博客
05-26 2273
方法： 1、使用<button>组件，并将该组件的open-type的属性值设置为getPhoneNumber，绑定bindgetphonenumber事件 2、当用户点击允许时，可以通过绑定事件的回调获取到微信服务返回的加密数据 3、调用login接口，获取到用户的code 4、将获取手机号事件返回的加密数据结合sessionkey、appid以及login接口返回的code传给后端提供的接口进行解密获取手机号。 示例： <button open-type="getPhoneNumber
微信授权绑定手机号 java_微信小程序获取手机号授权用户登录功能
weixin_30171859的博客
02-28 1147
小程序中有很多地方都会用到注册用户信息的地方，用户需要填写手机号等，有了这个组件可以快速获取微信绑定手机号码，无须用户填写。1.getPhoneNumber这个组件通过button来实现(别的标签无效)。将button中的open-type=“getPhoneNumber”,并且绑定bindgetphonenumber事件获取回调。2.在使用这个组件之前必须先调用login接口，如果没有调用log...
this.$toast() 了解一下？
12-03
前言 在平时的开发过程中，我们总是先写好一个组件，然后在需要的页面中用 import 引入即可，但如果是下面这种类型的组件呢:backhand_index_pointing_down: 上面这种类型的浮层提示有一个很大的特点，就是使用频率特别高，几乎每个页面都会用到它，于是乎我们就要在每个页面中去引入该组件，并且在每个页面都得通过一个变量来控制它的显隐，这显然不是我们想要的:person_gesturing_NO:。。。那我们想要的是什么样呢:thinking_face:？用过一些 UI 框架的同学们应该知道有这样一种用法： this.$toast({ duration: 3000, content: '这是一条消息提示' }); 没错，就是这么简单的一句话就万事大吉了（就是用 js 调用组件而已啦:face_with_monocle:）。那
UNIAPP---实现微信小程序登录授权和手机号授权（uniapp做微信小程序）
热门推荐
heavenz19的博客
07-12 1万+
1.在uniapp的manifest.json进行微信小程序配置 2.封装request请求api.js（如果已封装可跳过） 3.封装微信授权登录以及获取手机号，之后把用户信息数据传入后台。 4.在页面中引用，登录页面login.vue中： 示例图：...
uniapp+go实现微信小程序手机号一键登录全流程（附前后端代码及详细解释）
最新发布
man2017的博客
05-21 679
通过以上步骤，你可以在uni-app构建的小程序中实现手机号一键登录功能，其中涉及到了微信授权、手机号获取、以及后端的数据处理与用户认证。实际开发时，还需考虑错误处理、安全性（如HTTPS、防止重放攻击）等细节。希望这个流程和代码示例对你有所帮助！
uniapp登录授权获取微信手机号组件封装
weixin_49256908的博客
03-29 3143
最近在公司写项目，刚好有需求要写小程序登录和授权手机号，封装成了一个组件，这里给大家总结一下，话不多说，上代码 1、样式基本结构，你们可以自己写需要的样式，我这个仅供参考，这里因为授权头像昵称等信息和手机号是两个弹出框，所以我这边也是写了两个，css代码我就不上了，先弹授权头像框，授权完成登录后才会弹授权手机号框 <view> <view class='Popup' v-if='isShowAuth'> <view class="logo-auth">
uni-app授权登录，获取用户信息及用户手机号
iblackboy的博客
12-15 9725
最近刚接触了uni-app，用于开发微信小程序，设计到了微信授权登录。抽个时间整理个笔记，适用于向我一样刚开始上手uni-app的初学者。
uni-app微信小程序获取手机号授权登录（复制即用，js完成敏感数据对称解密，无需走服务端处理）
7c
06-23 3301
uni-app微信小程序获取手机号实现授权一键登录（复制即用，js完成敏感数据的对称解密，无需走服务端处理），本文章有对接口、参数、返回值具体的讲解。
uniapp 微信小程序 时间段选择组件
07-24
总之，`uniapp`微信小程序的时间段选择组件涉及到了`uni-app`的基础知识，如组件化开发、数据绑定、事件处理等，同时也涵盖了微信小程序的特定API和自定义样式设计。通过学习和实践，开发者可以构建出符合业务需求、...
uni-app微信小程序登录授权的实现
10-15
主要介绍了uni-app微信小程序登录授权的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
基于uniapp微信小程序电影院选座订票系统设计源码.7z
04-17
这是一个基于uniapp、微信小程序和Springboot框架设计的电影院选座订票系统的源码项目。这个系统能够实现用户在微信小程序上进行电影票预订，并且支持跨平台运行，包括安卓和H5浏览器。以下是关于该项目的技术栈和...
uniapp转微信小程序mqtt可用完整代码示例-解决整机调试网络不通问题
04-26
标题中的“uniapp转微信小程序mqtt可用完整代码示例”表明这是一个关于使用uniapp框架将应用转换为微信小程序，并且实现了MQTT（Message Queuing Telemetry Transport）通信功能的项目。MQTT是一种轻量级的发布/订阅...
微信小程序uniapp日历组件
08-10
微信小程序uniapp日历组件是开发者常用的一种交互元素，它为用户提供了一个方便的方式来选择日期，常见于各种需要用户输入时间信息的应用场景，如预订、事件安排等。在本文中，我们将深入探讨如何使用JavaScript开发...
微信小程序授权登录
weixin_46413834的博客
01-10 864
微信小程序授权登录步骤说明: 1.通过wx.getUserProfile() 获取到用户信息 这个方法必须添加 desc 属性才可以 这个方法返回了很多加密字段 2.使用wx.login() 获取到 登录凭证 获取到code值,这个code值就是登录凭证 3.准备参数,发起请求,获取Token 代码: 1.通过wx.getUserProfile() 获取到用户信息 ...
uniapp获取登录授权和手机号授权（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
06-21 6797
uniapp获取登录授权和手机号授权
uniapp获取微信授权登录和手机号一键登录（保姆教程）
yy6818的博客
12-06 1万+
uniapp获取微信用户手机号（保姆教程） 第一步 下载解密文件‘mWXBizDataCrypt’ 没有文件就复制该文件的代码创建一个 var crypto = require('crypto') function WXBizDataCrypt(appId, sessionKey) { this.appId = appId this.sessionKey = sessionKey } WXBizDataCrypt.prototype.decryptData = function (en
unipp登录拉起授权手机号弹窗
weixin_45810495的博客
05-19 629
unipp登录拉起授权手机号弹窗
uniapp 实现微信小程序手机号一键登录
qq_26711723的博客
11-15 5278
【代码】uniapp 实现微信小程序一键登录。
uni-app 小程序 获取手机号
weixin_44711440的博客
04-22 9460
uni-app 小程序 获取手机号
uniapp 微信小程序微信登录之后怎么获取手机号
12-07
根据提供的引用内容，可以得知获取微信小程序用户手机号的方法有两种，分别是新版和老版。下面分别介绍这两种方法： 1. 新版获取用户手机号的方法： 前端需要授权两次，一次获取用户信息授权码code，另外一次获取用户手机授权码code，全部传给后端。后端通过用户信息授权码获取openid，通过手机授权码获取手机号码。具体步骤如下： - 前端调用wx.login()方法获取用户信息授权码code和用户手机授权回调里的iv和encryptedData。 - 前端调用wx.getPhoneNumber()方法获取用户手机号授权码code。 - 前端将获取到的code和iv、encryptedData一起传给后端。 - 后端通过用户信息授权码code获取openid，通过手机授权码获取手机号码。 - 后端将获取到的手机号码进行绑定用户，然后通过登录验证返回给前端登录凭证token。 2. 老版获取用户手机号的方法： 前端需要传给后端授权码code和用户手机授权回调里的iv和encryptedData。后端通过code获取openid和sessionKey，然后用sessionKey和iv解密encryptedData获取手机号。最后通过手机号进行绑定用户，然后通过登录验证返回给前端登录凭证token。具体步骤如下： - 前端调用wx.login()方法获取用户信息授权码code和用户手机授权回调里的iv和encryptedData。 - 前端将获取到的code和iv、encryptedData一起传给后端。 - 后端通过code获取openid和sessionKey。 - 后端用sessionKey和iv解密encryptedData获取手机号。 - 后端将获取到的手机号码进行绑定用户，然后通过登录验证返回给前端登录凭证token。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值