小程序获取手机号码登录注册

最新推荐文章于 2024-05-19 11:48:57 发布
最新推荐文章于 2024-05-19 11:48:57 发布
阅读量547 收藏 3
点赞数
文章标签： 小程序 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CSDNYXJY/article/details/120667224
版权

需求

开发微信小程序有获取用户手机号的需求，用户用户注册、登录或者发货等业务需求。本身前后端开发获取用户手机号码是一个很复杂的过程，微信小程序提供的云开发和组件开发使得此业务需求变得相对简单

获取手机号码方法

两种方法

  1. 云调用直接获取开放数据
  2. 后台校验与解密开放数据

方法一：后台校验与解密开放数据

整体思路

获取临时登录凭证code，然后通过code获取session_key，再结合getPhoneNumber获取到的iv,encryptedData来解密获取到用户手机号。全程使用的是云端安装依赖

实现步骤

  1. 通过wx.login获取code
    在这里插入图片描述

  2. 通过code等信息通过接口来获取session_key

最低0.47元/天 解锁文章
JINBIAOROOT
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序获取手机号授权用户登录功能
08-28
微信小程序中有许多地方需要用户注册用户信息的地方，用户需要填写手机号等，下面小编给大家分享微信小程序获取手机号授权用户登录功能，需要的朋友参考下吧
微信小程序获取手机号授权登录
zcbzcb52的博客
06-09 1061
后台： public function login(Request $request) { $code=$request['code']; // dd($code); $appid='wx101e36c98383213e'; $server='e7005b757195845b865723d871142fce'; $url='https://api.weixin.qq.com/sns/jscode2sess...
微信小程序一键获取用户手机号码进行登录认证
最新发布
qq_63730529的博客
05-19 642
需要传入的参数有：appid，secret和grant_type，appid和secret可以由小程序管理者查看，grant_type是固定值client_credential。接下来就是和上面一样的操作了，将参数包进map中，发送post请求获取返回值，对返回值进行解析就能得到我们想要的结果啦。这里我们可以创建一个map将需要传入的参数包进去，然后发送一个Post请求，通过解析就能获取到access_code。我们需要先获取一下access_token,至于code，就交给前端的同学来获取。
微信小程序之获取手机号码登录
钥_life的博客
10-18 2400
微信小程序的获取用户手机号码并登录 如图，点击登录并获取手机号按钮，弹出手机号授权按钮，点击允许，登录成功跳到首页。 1.html代码如下，首先要在wxml里写一个点击按钮 <!--pages/user/login/login.wxml--> <button class='wx-login' open-type="getPhoneNumber" bindgetphonen...
微信小程序获取手机号授权登录详解
热门推荐
mazegong的博客
05-10 3万+
说明获取微信用户绑定的手机号，需先调用login接口。因为需要用户主动触发才能发起获取手机号接口，所以该功能不由 API 来调用，需用 &lt;button&gt; 组件的点击来触发。 注意：目前该接口针对非个人开发者，且完成了认证的小程序开放。需谨慎使用，若用户举报较多或被发现在不必要场景下使用，微信有权永久回收该小程序的该接口权限。使用方法需要将 &lt;button&gt; 组件 open-...
微信小程序登录获取手机号教程(超详细)
文佳铭的博客
01-25 5212
在我们开发微信小程序时，登录时，需要获取用户手机号作为唯一标识，下面我介绍一下获取手机号的教程。
微信小程序登录注册界面代码，包含当前界面的所有源码，使用手机验证码注册或账号登录
04-21
在微信小程序中，创建一个既能实现登录又能进行注册的界面是一项常见的需求。本文将通过分析提供的标题、描述和部分源代码，深入讲解如何构建这样一个高效且简洁的登录注册界面。 首先，从WXML（微信小程序的标记...
小程序登录/注册页面设计的实现代码
10-16
本文提供的代码实例展示了手机号码验证、图片验证码验证以及短信验证码发送与倒计时的实现，这些基本功能是大多数小程序登录流程的基础。通过理解并运用这些代码，开发者可以为自己的小程序创建高效、友好的登录注册...
微信小程序解析用户手机号码官方示例.rar
08-08
在微信小程序中，获取用户手机号码是常见的功能需求，通常用于用户注册、登录或者个性化服务。本教程将详细讲解如何在微信小程序中解析并获取用户手机号码，并涉及C++, Node.js, PHP, Python四种不同的后端语言来...
【微信小程序】新版获取手机号码实现一键登录（uniapp语法）(完整版附源码)
每天进步一点点, 靠近小目标一点点~
11-08 1万+
1.wx.login() 获取code, 2.步骤1拿到的code发送给服务端换取唯一用户标识openid 3.调getPhoneNumber() 获取phoneCode 4. 步骤3获取的phoneCode和步骤2拿到的openId一起传给服务端获取手机号 5. 完成登录
微信小程序 云笔记（邮箱或手机号+验证码注册&登录）
12-30
实现基本的云笔记功能，用户将笔记存储在云端，使用leancloud实现免费的用户系统，使用富文本编辑实现随意的图片添加。支持邮箱或手机号注册
微信小程序获取手机号登录流程
weixin_44157191的博客
07-30 3262
记住发送请求时前端传参如果用encodeURIComponent()转码，后端也一定要用转码，前端如果不用后端也不用，一定要前后端保持一致，不然后端拿到之后请求微信接口会报错！因为第一次wx.login()拿到的code为了获取session_key已经使用过了，所以后端获取手机号所需的code需要再次通过wx.login()获取一下；至此后端通过微信获取手机号所需要的四个参数都已经凑齐wx_code、session_key、encryptedData、iv；至此微信小程序获取手机号前后端交互完成!...
微信小程序 实现通过验证码获取手机号登录
qq_58954197的博客
12-01 1109
phon.wxml: <formcatchsubmit="formSubmit"> <view>请输入手机号</view> <inputtype="text"name="phone"bindinput="bindinput"/> <buttonbindtap="sendcode"type="warn"size="mini">验证码</button> <view>请输入验证码</view> ...
微信小程序中如何获取用户手机号授权登录
前端开发工程师博客
04-13 1万+
通过以上几个步骤，我们就可以在微信小程序中实现获取用户手机号授权登录了。为了提高用户体验和安全性，需要注意数据的加密和保护，以及用户隐私和权益的尊重和保护。希望本文对您有所帮助！
小程序手机号登录，手机号验证码登录以及注册登录
一只小老虎
04-22 1854
小程序手机号登录，手机号验证码登录以及注册登录
微信小程序登录注册流程（获取手机号）
qq_44897151的博客
03-15 2217
手机号 这是采用微信小程序 静默登陆 无需用户手动输入 信息 只需点击按钮进行授权，便可获取到相关信息 进行一个用户的注册和登录 其实在这些登录流程中，前端能做的是比较少的，提供一个按钮去触发获取手机号 和用户信息 这里要分 两步授权 如果想要获取到用户手机号 和用户信息 这里是隔离操作 相当于 不能一个按钮就完成 业务需求是这样的：小程序点进来之后，需要获取手机号，发送到后台，再通过授权获取用户信息（头像和昵称），保存登录态 其实对登录态尚存在一些不理解之处 后面再补充 // 获取
小程序手机号注册登录
stringQiang的博客
05-30 856
用户注册需要获取手机号然后调用第三方接口获取验证码，然后进行验证手机验证码 手机号注册页面 <!-- 绑定手机号 --> <view class='content'> <form bindsubmit="formSubmit"> <view class='phone-box'> <text class='phone'>手机号</text> <input name="phone" type='number' pla
微信小程序之登录注册界面的实现
Appletree_123的博客
01-20 8269
初步分析，程序一共有两个界面即：登录界面和注册界面。 但是注册的时候由于不同的注册方式应该有不同的界面支持，故在本程序中我们要写两个注册界面和一个登录界面，两个注册界面分别位手机注册界面和企业用户注册界面。 在微信小程序中，每一个界面的文件夹下有4个文件，如图： login为登录界面各文件存储的文件夹，其下有四个文件，从其后缀名可以看出其与web开发中的各种类型文件的相似之处。 wxml文件主要表示界面上有那些东西；wxss文件则对wxml中的文件的样式，颜色等进行修饰；js文件则主要是负责一些业务逻辑
php小程序实战注册,微信小程序之登录页面制作实例详解
weixin_34015347的博客
03-20 260
这篇文章主要为大家详细介绍了微信小程序实战之登录页面制作代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下提供一个登录页的案例，供同学们使用项目效果图：目录结构：图片资源：name.pngkey.pngloginLog.jpglogin.wxml：账号密码登录login.wxss：page{height: 100%;}.container {height: 100%;display: flex...
小程序获取手机号登录
12-06
小程序获取手机号登录的步骤如下： 1. 在小程序中，需要将 <button> 组件 open-type 的值设置为 getPhoneNumber。 2. 当用户点击该按钮时，会触发 bindgetphonenumber 事件。 3. 在该事件的回调函数中，可以...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值