微信小程序模拟点击input框获取用户手机号

       最近在做一个小程序时遇到这样一个需求：要求在点击input框时获取用户的手机号还可以进行修改。但是我们都知道微信小程序获取手机号是通过button按钮的bindgetphonenumber属性来实现的，那么怎么能在input获得焦点时，获取用户手机号呢？

       首先，我们先来了解一下怎么通过button按钮来获取用户的手机号。在微信公众平台上，button按钮有一个open-type和bindgetphonenumber的属性：

           具体如下：

                1wxml:

                    <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">输入手机号</button>

                2js

                    在这里我们需要注意首先要获取用户的openid和session_key,获取方式如下：

                        appjs:

                        wxlogin({

                              //获取code

                              success: (res) => {

                                    var code = rescode; //返回code

                                    thisglobalDatacode = code;

                                    thisglobalDataappId = 'wx5a9ded8ac4b1feb3';

                                    thisglobalDatasecret = '7ccbca95ddc8baf065194b533043a783';

                                    wxrequest({

                                          url: '>

摩北微信小程序获取不到用户信息的原因可能有以下几点：

1 小程序未正确配置授权域名，请检查小程序的授权域名是否正确配置。

2 小程序未正确配置授权回调页面，请检查小程序的授权回调页面是否正确配置。

3 小程序未正确配置授权域名，请检查小程序的授权域名是否正确配置。

4 小程序未正确配置授权回调页面，请检查小程序的授权回调页面是否正确配置。

5 小程序未正确配置微信授权，请检查小程序的微信授权是否正确配置。

6 小程序未正确配置微信授权域名，请检查小程序的微信授权域名是否正确配置。

7 小程序未正确配置微信授权回调页面，请检查小程序的微信授权回调页面是否正确配置。

8 小程序未正确配置微信授权登录，请检查小程序的微信授权登录是否正确配置。

9 小程序未正确配置微信授权登录域名，请检查小程序的微信授权登录域名是否正确配置。

10 小程序未正确配置微信授权登录回调页面，请检查小程序的微信授权登录回调页面是否正确配置。

微信小程序对于用户信息获取进行了接口调整。调用 wxgetUserInfo(Object object) 不会再由d窗授权提示。在已授权时，可以直接获取用户信息；否则则直接进入 fail 回调函数。

用户的授权状态可以用 wxgetSetting() 接口的请求的结果

resauthSetting['scopeuserInfo'] 来判断。

那么在接口调整后，再进行授权登录则需要通过 open-data 来实现。

注：如果用户微信版本不支持open-data，需要提示用户升级。这次接口的调整实际上使得按一次d窗中的授权按钮即可授权的 *** 作变成了需要按两次，并且需要额外设计授权页面或者在主页先进行一次d窗引导用户授权。实际上更加繁琐。

一个很常用的功能，但是我还是发现有一些需要注意的地方在里面，简单记录一下。

第一个问题就是这个 button 组件需要添加 open-type 属性，并指定为 getUserInfo 类型，来获取用户基本信息。还有另外一种做法，具体可以参考 官方文档的说明 。

放一个动图哈哈哈

js 部分就是响应点击事件，使用 api wxgetUserInfo(Object object)

获取用户信息，注意传递给 wxgetUserInfo 的是一个字典其中包含了两个函数分别作为成功和失败的回调函数（callback function）

注意 this 的指代对象发生了变化，最开始的this是指代 Page() 构造出来的对象，在函数里面使用 this 会说未指定，所以我们使用了 that 承接一下，这也算传统艺能咯。

另外一点：获取用户信息时会自动d出一个对话框问用户是否提供信息，这个d窗只d出一次，如果用户点击了拒绝后来又想改为允许，可以使用 wxopenSetting({})

除了可以获取用户的昵称之外还有很多信息可以得到，还有一个比较常用的就是用户头像了也就是 resuserInfoavatarUrl 。

以上就是关于微信小程序模拟点击input框获取用户手机号全部的内容，包括:微信小程序模拟点击input框获取用户手机号、华莱士小程序获取用户信息失败、摩北微信小程序获取不到用户信息等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！