uni-app微信小程序getPhoneNumber

最新推荐文章于 2024-05-29 08:40:29 发布
最新推荐文章于 2024-05-29 08:40:29 发布
阅读量330 收藏 1
点赞数 1
文章标签： javascript 小程序 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53719511/article/details/129225580
版权

pre:之前用小程序原生开发+云开发没什么问题非常顺畅,轻松＋愉快。

官方文档→https://developers.weixin.qq.com/miniprogram/dev/OpenApiDoc/user-info/phone-number/getPhoneNumber.html

用了uni-app之后发现uniCloud.httpclient.request各种47001 ：data form error 头都大了

微信官方：

  1. 参数不要传access_token;

  1. 消息体要用post 传json(重点：格式问题）；

→uni-app reques格式文档如下

这两个缺一不可，不写就会报错，太坑了~一个是body，一个是数据都要限定。

body→data

终于成功了，格式，还是格式，搜了很多文章没有直接写的，路过此处防止踩坑哈~

爸爸？
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
小程序getPhoneNumber
take_OO的博客
09-18 1356
button open-type="getPhoneNumber" bindgetphonenumber= "getPhoneNumber" >获取电话button> getPhoneNumber: function (e) { var that = this; console.log(e.detail.errMsg) console.log(e.detail.iv
uni-app微信小程序生成海报.rar
02-07
【uni-app微信小程序生成海报】 在移动应用开发领域，uni-app是一个备受瞩目的框架，它由ECharts团队推出，旨在实现跨平台开发，支持包括微信小程序、H5、App等在内的多个平台。本教程将详细讲解如何使用uni-app来...
uni-app微信小程序登录授权的实现
10-15
主要介绍了uni-app微信小程序登录授权的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
uniapp获取手机号（详细教程附代码）
热门推荐
...
09-01 2万+
uniapp获取手机号（详细教程附代码）
uniapp开发微信小程序：用户手机号授权获取全流程详解与实战示例
最新发布
JINGWHALE
05-29 2179
本文介绍了微信小程序获取用户手机号码，前端通过调用API获取加密手机号，后端则负责解密处理具体代码示例。取用户手机号码整个流程需遵守微信小程序平台的隐私政策和规定，确保用户数据的安全与合规，为用户提供透明、可控的授权体验。
【uniapp开发小程序】点击获取手机号（使用@getphonenumber）
weixin_48596030的博客
06-30 4942
'打印获取的手机号'
uniapp小程序 手机号授权一键登录 小程序接口调用getPhoneNumber java+uniapp
liuchenhaoy的博客
03-08 7425
uniapp小程序 手机号授权登录 小程序接口调用getPhoneNumber java+uniapp
uniapp中微信小程序一键获取手机号登录
Ban_running的博客
11-29 4570
2、最为重要的一点是 关于code(登录凭证)获取,code获取最好放到onLoad函数里,不能放在getphonenumber事件里,因为有可能获取不到,需要调用 uni.login()或wx.login()方法获取。3、监听getphonenumber事件,当用户点击登录按钮时,会调用,同时获取的两个登录参数encryptedData 和 iv 这两个是加密的东西,交给后端,让后端解密出手机号,并返回给我们前端。title: '登录成功',// 1.提示用户登录成功。
微信小程序手机号码授权，获取手机号信息
yx13186308025的博客
03-05 643
微信小程序手机号码授权，获取手机号信息
基于uni-app开发的微信小程序商城项目
08-03
uni-app巨惠购微信小程序介绍 此项目是基于uni-app开发的微信小程序商城项目，开发工具用的是Hbuilder和微信开发者工具，前端用的vue3.0,后台的数据用的是用node搭建的本地服务器，通过内网穿透的方式进行数据外网...
源码uni-app 微信小程序根据角色动态的更改底部tabbar
03-24
1.包含小程序完整项目流程 2.两个角色切换登录 3.登录，登录记录，账号注册，选择公司，存取记录，授权名单，项目列表，盘点，盘点柜子，储物仓列表，我的等功能页面源码。
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
10-16
主要介绍了uni-app微信小程序登录并使用vuex存储登录态的思路，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
微信小程序（总结三）：uniapp开发，如何获取微信用户手机号（最新）
qq_45796592的博客
02-02 8426
微信小程序获取微信用户手机号
uni-app 小程序 获取手机号
weixin_44711440的博客
04-22 9471
uni-app 小程序 获取手机号
uni-app中使用手机号一键登录的详细图文教程
weixin_45932157的博客
10-31 4435
到此这篇关于uni-app中使用手机号一键登录的文章就介绍到这了,更多相关uni-app手机号一键登录内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！一键登录应用ID为离线打包时配置的appid。3、在uni-app项目中开通uniCloud服务【关联云空间选择阿里云或腾讯云】开通一键登录服务, 获取关键最关键的两个参数ApiKey和ApiSecret。7、勾选一键登录（项目中的 manifest.json）2、登录云服务空间，创建服务空间，选择云服务商等。6、关联后上传部署到云空间。
uniapp在小程序登录，获取用户信息，获取手机号等流程
tutodelinglimgho的博客
06-21 2万+
uniapp在小程序登录，获取用户信息，手机号等，如何查看自己的小程序appid与小程序密钥
uin-app 小程序，获取手机号
qq_42894991的博客
02-24 1629
uin-app 小程序，获取手机号 小程序获取手机号需要客户点击button触发 原生小程序的官方文档代码是，但是如果在uin-app开发中也是这样的话，是监听不到获取手机号回调函数的 <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button> 需要使用以下代码 <button open-type="getPhoneNumber" @getphonenumber="getPh
uniapp获取用户手机号码，以及流程
Weirdo023的博客
09-15 8720
找到WXBizDataCrypt.js放入自己的文件夹中，所有条件满足之后就可以正常走通了，此下面代码可以直接拿来使用，样式随便乱写的，自己调整。1.必须是企业账号，否则是无权限获取的用户手机号码的，企业账号你需要获取到你微信小程序的。6.所有值全部都可以拿到之后，通过微信提供的解密方法：可以拿到最终的手机号。4.通过微信提供的获取微信手机号的方法。服务端获取开放数据 | 微信开放文档。获取用户手机号码需要6个必要条件，5.用户授权完毕之后我们可以拿到。请求微信的服务器，拿到用户的。值（这两个值用于解密）
uniapp 微信小程序中授权用户手机号码
w161513820的博客
08-31 1285
uniapp 微信小程序授权手机号码
uni-app微信小程序进入小程序自动申请使用手机号的功能怎么写
05-18
在uni-app中，可以通过使用微信原生API来实现小程序进入时自动申请使用手机号的功能。具体步骤如下： 1. 在manifest.json文件中，添加如下配置： ``` "mp-weixin": { "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序定位" }, "scope.userInfo": { "desc": "你的个人信息将用于小程序登录" }, "scope.phoneNumber": { "desc": "你的手机号码将用于小程序登录" } } } ``` 这里添加了 `scope.phoneNumber` 权限，用于获取用户手机号码。 2. 在需要自动申请手机号的页面中，使用 `wx.getSetting()` 方法获取用户是否已授权手机号码权限。如果未授权，则调用 `wx.authorize()` 方法进行授权。 ``` // 在页面onLoad时调用 onLoad: function () { // 获取用户授权情况 wx.getSetting({ success: (res) => { // 判断用户是否已授权手机号码权限 if (!res.authSetting['scope.phoneNumber']) { // 未授权，则调用wx.authorize进行授权 wx.authorize({ scope: 'scope.phoneNumber', success: () => { console.log('用户已授权手机号码权限') // 授权成功后，调用获取手机号码的方法 this.getPhoneNumber() }, fail: () => { console.log('用户拒绝授权手机号码权限') } }) } else { console.log('用户已授权手机号码权限') // 已经授权，则调用获取手机号码的方法 this.getPhoneNumber() } } }) }, // 获取用户手机号码 getPhoneNumber: function () { wx.getUserInfo({ success: (res) => { console.log('用户信息：', res.userInfo) console.log('用户手机号码：', res.userInfo.phoneNumber) // TODO: 将手机号码保存到本地或后台服务器 }, fail: () => { console.log('获取用户信息失败') } }) } ``` 在上述代码中，我们首先通过 `wx.getSetting()` 方法获取用户是否已授权手机号码权限。如果未授权，则调用 `wx.authorize()` 方法进行授权。在授权成功后，我们调用 `this.getPhoneNumber()` 方法来获取用户手机号码。在 `getPhoneNumber()` 方法中，我们通过 `wx.getUserInfo()` 方法获取用户信息，并从中获取手机号码。 需要注意的是，用户授权后，可以通过 `wx.reLaunch()` 方法重新加载小程序，以便能够获取到用户的手机号码。 以上就是在uni-app中实现小程序进入时自动申请使用手机号的功能的详细步骤。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爸爸？

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值