uniapp开发微信小程序：用户手机号授权

最新推荐文章于 2025-03-31 10:17:12 发布
最新推荐文章于 2025-03-31 10:17:12 发布
阅读量212 收藏
点赞数 2
文章标签： uniapp 手机号码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_37570176/article/details/142967810
版权
wiseyao1219
关注
Uniapp 从入门到精通：微信小程序适配与优化
优快云博客专家，系统架构师，有合作、疑惑请私信博主。
02-15 4万+
Uniapp 从入门到精通：微信小程序适配与优化，本文详细介绍了将 Uniapp 应用适配到微信小程序的要点和优化方法，包括开发环境搭建、样式适配、API 适配、页面配置适配以及性能优化等方面。通过这些适配和优化措施，能够使 Uniapp 应用在微信小程序平台上稳定运行，为用户提供良好的体验。
uniapp开发微信小程序-5.用户授权登录和用户信息获取
drnrrwfs的博客
07-31 8641
实际上手机号的应用场景基本上是在进行支付时才可以获取，是被用作支付凭证时使用（涉及商户号等支付操作），所以为了保护用户隐私，，大家完全可以使用onload方法在进入页面时直接执行下方的登录方法，免去用户登录这一操作，因为openid并不涉及用户隐私，所以平台没有强制我们询问用户是否授权。这个过程我们会在下篇文章。同样的，根据你的需求在数据库中将openid作为第二索引值保存，用户每次登录时就可以获取自己的数据。，openid是单个用户在此小程序中的唯一标识，单个用户在多个小程序中的标识是不同的。...
uniapp微信小程序，授权弹框，样式/主题
LuckyRui1209的博客
08-26 1302
在masifast.json中mp-weixin设置darkmode：true,来显示对应主题的授权弹框。
微信授权获取手机号
weixin_43536879的博客
07-26 1万+
微信小程序获取手机号授权，先拿到token，再发送请求
微信小程序登录
m0_70752874的博客
01-18 1090
要把用户的token保存下来，因为后面有很多地方要用到，判断用户是否绑定了手机号，我们登录时发送请求后端会给一个响应，通过判断响应信息中的某一个值来判断是否绑定了手机号，这里是判断返回值中的res.data.member,mobile。调用后台给的注册接口，需要把我们通过uni.getUserInfo(OBJECT)获取到的用户信息传递给后端，如果注册成功了后端就会返回一个成功的code码200，然后进入下一步。（5）.code码是200的时候，需要进行判断是否绑定了手机号。
uniapp手机号授权
weixin_49295874的博客
07-14 887
1.前端解密授权 (不安全) <template> <view class="content"> <button open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">唤起授权</button> </view> </template> <script> import WXBizDataCrypt from "@/common/WXBizData
uniapp小程序获取用户手机号以及微信授权
Hero_rong的博客
08-25 1万+
小程序授权，经常用到的，获取手机号码，获取用户信息，都是用的bindgetphonenumber 和bindgetuserinfo <button class="phone" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">手机号一键登录</button> <button class="wechat" open-type='getUserInfo' bindgetuserinf..
uniapp开发微信小程序：用户手机号授权获取全流程详解与实战示例
JINGWHALE
05-29 1万+
本文介绍了微信小程序获取用户手机号码，前端通过调用API获取加密手机号，后端则负责解密处理具体代码示例。取用户手机号码整个流程需遵守微信小程序平台的隐私政策和规定，确保用户数据的安全与合规，为用户提供透明、可控的授权体验。
uniapp微信小程序获取用户手机号uniCloud云开发版
嗨，大家好，我是爱搞知识的咸虾米
03-31 1164
微信小程序通过unicloud获取真实的用户手机号的实用方法
uniapp开发微信小程序，从构建到上线
热门推荐
程邓楠的博客
06-09 5万+
本文主要介绍 uniapp 的基础使用，以及使用 uniapp 在企业开发的过程中的一个详细流程，比较适合第一次使用uniapp 开发微信小程序的伙伴，或者没有过实战经验的小伙伴参考；使用 Hbuildx 配合 Uniapp 框架结合 Uview 的UI框架为大家演示今天的Demo！......
uniapp开发微信小程序笔记11-获取手机号授权登录流程
wzy_PROTEIN的博客
12-25 1567
微信小程序通常会有一个一键获取用户手机号的功能，这个功能是前后端配合完成的。先由前端弹起授权界面，用户同意后要将传给后端，后端会拿到这些身份信息去微信官方获取到用户的手机号，再传回给前端。
微信小程序获取手机号授权用户登录功能
08-28
微信小程序获取手机号授权用户登录功能 微信小程序获取手机号授权用户登录功能是微信小程序中一个重要的功能，旨在让用户快速获取微信绑定手机号码，无须用户手动填写。这个功能可以使用户注册用户信息更加便捷，...
新版uniapp微信小程序授权登录，获取用户信息手机号
JaneYork的博客
07-13 2279
从一开始的getUserInfo改成getUserProfile，再改到直接不能获取信息了，那这个接口还有什么用，根本就没调用必要，直接wx.login拿个code登陆就完事了。其次，如果需要绑定手机号，可以根据标识，后续提示引导用户需要绑定手机号。或者点击按钮微信授权手机号【需要马内】：​​​​​。​​ 但是可以通过wx.login直接获取到openid， 微信小程序获取头像填写，昵称填写 ​​。【不推荐】uniapp一键登录，获取手机号+ unicloud云函数，需要马内： ​​。
fe的98为了频道的一个组合，适合的是vm07的系统，非常好的一个组合
06-07
fe的98为了频道的一个组合，适合的是vm07的系统，非常好的一个组合，组合以后的功能很强大了
(全套求职必备)excel简历模板制作.doc
06-07
(全套求职必备)excel简历模板制作.doc
eb前端实习报告三篇.doc
最新发布
06-07
eb前端实习报告三篇.doc
创意礼品购物网站，前端页面的设计.zip
06-07
项目工程资源经过测试运行，功能上ok，可复现复刻，拿到资料包后可实现复刻出一样的项目，本人系统开发经验充足（全栈），有任何使用问题欢迎随时与我联系，我会努力及时为您解惑，提供帮助 【资源内容】：包含源码、工程文件等。资源质量优质，放心下载使用！可参考实现复现；设计报告也可借鉴此项目工程；该资源内项目代码都经过测试运行，功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 【提供帮助】：有任何使用上的问题欢迎随时与我联系，及时抽时间努力解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 质量优质，放心下载使用。下载后请首先打开说明文件（如有）;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途,网络商品/电子资源资料具可复制性不支持退款。质量优质，放心下载使用。
基于Vue与SpringBoot的垃圾分类管理系统.zip
06-07
基于Vue与SpringBoot的垃圾分类管理系统.zip
大三上学期的课程设计，运用简单的SSH整合框架做的简单新闻公告发布系统。.zip
06-07
项目工程资源经过测试运行，功能上ok，可复现复刻，拿到资料包后可实现复刻出一样的项目，本人系统开发经验充足（全栈），有任何使用问题欢迎随时与我联系，我会努力及时为您解惑，提供帮助 【资源内容】：包含源码、工程文件等。资源质量优质，放心下载使用！可参考实现复现；设计报告也可借鉴此项目工程；该资源内项目代码都经过测试运行，功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 【提供帮助】：有任何使用上的问题欢迎随时与我联系，及时抽时间努力解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 质量优质，放心下载使用。下载后请首先打开说明文件（如有）;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途,网络商品/电子资源资料具可复制性不支持退款。质量优质，放心下载使用。
uniapp 获取微信小程序 授权用户手机号 java解密
03-14
### 如何在 UniApp 中获取微信小程序用户的手机号并通过 Java 进行解密 #### 获取用户手机号的整体流程 为了实现 UniApp 微信小程序中用户手机号的授权以及后端解密功能，可以按照以下逻辑完成： 1. **前端部分 (UniApp)** 在 UniApp 的页面上添加一个 `open-type="getPhoneNumber"` 的按钮组件。当用户点击该按钮时触发回调函数，并将加密数据发送至后端。 2. **后端部分 (Spring Boot)** 后端接收到前端传递的数据后，利用微信开放平台提供的 API 和秘钥对加密数据进行解密，从而获得用户的手机号。 --- #### 前端代码示例 (UniApp) 以下是 UniApp 页面中的 HTML 结构和 JavaScript 方法实现： ```html <view class="action-btn"> <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" withCredentials="true" class="login-btn cu-btn block bg-blue lg round"> 获取手机号登录 </button> </view> ``` 对应的 Vue.js 方法如下： ```javascript export default { methods: { getPhoneNumber(e) { if (!e.detail.errMsg || e.detail.errMsg !== 'getPhoneNumber:ok') { console.error('用户拒绝提供手机号'); return; } const encryptedData = e.detail.encryptedData; // 加密数据 const iv = e.detail.iv; // 初始化向量 this.$http.post('/api/decryptPhone', { // 调用后端接口 encryptedData, iv }).then(res => { console.log('解密后的手机号:', res.data.phoneNumber); }).catch(err => { console.error('解密失败:', err); }); } } } ``` 上述代码实现了用户点击按钮后，从前端收集加密数据 (`encryptedData` 和 `iv`) 并将其发送给后端的功能[^3]。 --- #### 后端代码示例 (Spring Boot) ##### Controller 层 创建一个用于接收前端请求并调用服务层的方法： ```java @RestController @RequestMapping("/api") public class PhoneController { private final PhoneService phoneService; public PhoneController(PhoneService phoneService) { this.phoneService = phoneService; } @PostMapping("/decryptPhone") public ResponseEntity<Map<String, Object>> decryptPhone(@RequestBody Map<String, String> request) throws Exception { String encryptedData = request.get("encryptedData"); String iv = request.get("iv"); Map<String, Object> result = phoneService.decryptPhone(encryptedData, iv); return new ResponseEntity<>(result, HttpStatus.OK); } } ``` ##### Service 层 定义业务逻辑的服务类，负责实际的解密操作： ```java @Service public class PhoneService { private static final String APP_ID = "your_app_id"; // 替换为自己的 AppId private static final String SECRET_KEY = "your_secret"; // 替换为自己的 SecretKey /** * 解密手机号 */ public Map<String, Object> decryptPhone(String encryptedData, String iv) throws Exception { Session session = getSession(); // 获取会话信息 WeChatDecryptUtil util = new WeChatDecryptUtil( session.getSessionKey(), encryptedData, iv ); return util.decrypt(); } /** * 获取会话信息（模拟） */ private Session getSession() { // 实际项目中应从 Redis 或数据库读取 sesson_key return new Session("example_session_key"); } } class Session { private String sessionKey; public Session(String sessionKey) { this.sessionKey = sessionKey; } public String getSessionKey() { return sessionKey; } } ``` ##### 工具类 (WeChatDecryptUtil) 编写工具类来处理具体的 AES 解密过程： ```java import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; import javax.crypto.spec.SecretKeySpec; import java.nio.charset.StandardCharsets; import java.util.Base64; public class WeChatDecryptUtil { private final String sessionKey; private final String encryptedData; private final String iv; public WeChatDecryptUtil(String sessionKey, String encryptedData, String iv) { this.sessionKey = sessionKey; this.encryptedData = encryptedData; this.iv = iv; } public Map<String, Object> decrypt() throws Exception { byte[] decodedSessionKey = Base64.getUrlDecoder().decode(sessionKey); byte[] decodedEncryptedData = Base64.getUrlDecoder().decode(encryptedData); byte[] decodedIv = Base64.getUrlDecoder().decode(iv); Cipher cipher = Cipher.getInstance("AES/CBC/PKCS7Padding"); SecretKeySpec keySpec = new SecretKeySpec(decodedSessionKey, "AES"); IvParameterSpec ivSpec = new IvParameterSpec(decodedIv); cipher.init(Cipher.DECRYPT_MODE, keySpec, ivSpec); byte[] decryptedBytes = cipher.doFinal(decodedEncryptedData); String decryptedString = new String(decryptedBytes, StandardCharsets.UTF_8); ObjectMapper objectMapper = new ObjectMapper(); return objectMapper.readValue(decryptedString, Map.class); // 返回 JSON 数据 } } ``` 以上代码展示了如何通过 Spring Boot 对来自前端的加密数据进行解密，并提取其中的手机号等敏感信息[^1]。 --- #### 注意事项 - 需要确保 `session_key` 是有效的，并且与当前用户的登录状态一致。 - 如果使用的是正式环境，则需注意微信平台对于手机号验证次数的限制。 - 所有的通信建议采用 HTTPS 协议以保障安全性。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值