微信小程序一个按钮同时获取用户信息和手机号码

最新推荐文章于 2024-07-19 10:33:29 发布

booo_ooom

最新推荐文章于 2024-07-19 10:33:29 发布

阅读量2.4k

点赞数 2

文章标签：微信小程序

本文链接：https://blog.csdn.net/booo_ooom/article/details/125136044

版权

<view class="login" bindtap='getuserInfo'>
    <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">登录</button>
  </view>

因为在getPhoneNumber类型的按钮中不能调用获取用户信息的接口，在按钮外面包裹一层div,在div上绑定获取微信用户信息的事件，在里面的按钮上绑定获取电话号码的事件，这样就可以先触发获取微信用户信息，再获取电话号码了
在这里插入图片描述
这样小程序的授权弹窗就会依次出现

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

booo_ooom

关注关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
2
评论
微信小程序一个按钮同时获取用户信息和手机号码

微信小程序一个按钮同时获取用户信息和手机号码
复制链接

扫一扫

微信小程序获取用户手机号和用户信息

s_x_h_1_2_3的博客

12-07

670

微信小程序获取用户手机号和用户信息 String encryptedData=paramJo.getString(“encryptedData”);//加密数据 String iv = paramJo.getString(“iv”);//向量 String grant_type = “authorization_code”;//授权（必填） String code = paramJo.getString(“code”);//向量 //1、向微信服务器发送请求 Map<String, Object&gt

微信小程序获取用户手机号

sinat_40693969的博客

06-02

4500

微信小程序获取用户手机号

2 条评论您还未登录，请先登录后发表或查看评论

微信小程序登录授权并获取手机号

weixin_47340789的博客

05-18

2074

一、请求微信登录接口请求发送携带 code 到后台换取 openid wx.login({ success (res) { if (res.code) { //发起网络请求 wx.request({ url: 'https://test.com/onLogin', method: "post", data: { code: res.code } }) } el

微信小程序：登录，获取用户信息及手机号详解

最新发布

qq_42072014的博客

07-19

2389

通过本文的详细介绍，你应当已经掌握了在微信小程序中实现用户登录、获取用户信息和手机号的具体步骤和代码实现。微信小程序的用户管理功能强大，但同时也需要开发者注意数据安全和用户隐私保护。希望本文能帮助你在开发过程中更加得心应手，创造出既实用又安全的微信小程序应用。

微信小程序同一个登录按钮上触发获取微信用户信息和电话号码

Ivan_Jin_666的博客

02-18

2676

微信小程序同一个登录按钮上触发获取微信用户信息和电话号码

微信小程序如何实现同时授权用户信息和手机号码不重复授权问题

fighting ~的博客

10-25

2462

相信很多小伙伴都有遇到了在点击一个按钮时想要实现同时获取到用户信息及手机号码并且授权过后不重复授权的操作，分享一下我的方法~

微信小程序如何同时获取用户信息和用户手机号

phubing

08-04

3656

小程序登录是现在小程序里面很普遍的一个功能,因为官方提供的方法,可以一键获取到用户信息,一键拿到手机号,这篇文章主要给大家介绍了关于微信小程序如何同时获取用户信息和用户手机号的相关资料,需要的朋友可以参考下。2. mask 层里面有一个按钮，这个按钮是去触发微信原生的获取用户手机号的 getPhoneNumber 的方法，接下来就不用我多说了吧。今天在写登陆页面的时候，由于需要的个人信息和手机号的授权，但是如果在页面上直接放2个按钮，岂不是很呆？索性就写了一个mask层，去引导用户授权手机号。...

小程序 获取用户信息及手机号码

weixin_40362806的博客

03-21

567

小程序 获取用户信息及手机号码

微信小程序如何通过用户授权获取手机号(getPhoneNumber)

11-21

在微信小程序开发中，获取用户授权获取手机号是一个关键的功能，特别是在需要实名认证或个性化服务的场景下。本文将详细讲解如何使用`getPhoneNumber` API来实现这一功能，并提供具体的实现思路和示例代码。首先，...

微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现

10-14

在微信小程序开发中，获取用户的基本信息，如头像和昵称，是常见的需求。本文将详细介绍如何使用`wx.getUserInfo`接口实现这一功能。`wx.getUserInfo`接口是微信小程序提供的一种授权方式，用于在用户同意的情况下...

微信小程序弹出对话框，可设置获取用户信息type

07-21

微信小程序提供了`wx.showModal`接口，用于弹出一个基础的对话框，可以显示简单的文本信息，同时提供“确定”和“取消”两个按钮供用户选择。这个接口可以设置多个参数，包括`title`（对话框标题）、`content`...

微信小程序如何获取用户手机号

08-28

主要为大家详细介绍了微信小程序如何获取用户手机号，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

微信小程序如何获取用户头像和昵称

10-16

微信小程序获取用户信息是一个涉及用户授权的流程，需要用户允许之后才能进行。开发者必须提供清晰的用户指引，告知用户为何需要这些信息，并且在获取用户信息前，需要使用wx.showModal弹出授权提示框，让用户明确...

微信小程序动态增加按钮组件

10-18

微信小程序提供了丰富的组件，以实现用户界面的各种元素，包括按钮、视图容器、导航等。动态增加组件是指在程序运行时根据需要增加或修改界面的组件，这在微信小程序中是一项基础且实用的技术。 ### 微信小程序动态...

微信小程序获取用户信息

dt1991524的博客

08-18

9180

微信小程序获取用户手机号码（类似膜拜手机号授权），自己写的程序也用到了，查看微信小程序文档，原来微信提供了方法， <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"> </button> 直接就可以调取微信的授权方法如下图：授权图片具体方法如下流程图.png...

关于小程序授权登录并获取用户信息跟手机号的操作（TP5）

weixin_40258087的博客

08-19

2520

关于小程序的登录

获取微信小程序登录code和获取手机号code

乌龟的专栏

03-10

765

获取微信小程序登录code和获取手机号code

微信小程序之获取手机号码登录

钥_life的博客

10-18

2512

微信小程序的获取用户手机号码并登录如图，点击登录并获取手机号按钮，弹出手机号授权按钮，点击允许，登录成功跳到首页。 1.html代码如下，首先要在wxml里写一个点击按钮  <button class='wx-login' open-type="getPhoneNumber" bindgetphonen...