微信小程序模拟点击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: '>

<view @click=getUserInfo">获取微信信息</view>

// 获取用户信息

getUserInfo() {

    if(thisisShow){//防止多次点击

        thisisShow = false

         unigetUserProfile ({

            desc: "获取个人信息",

            success: (res) => {

                thisuserInfo = resuserInfo

                thisisShow = true

            },

            fail: getUserProfileFail => {

                thisisShow = true

                unishowToast({

                    title: '授权失败',

                    mask: false,

                    duration: 1000,

                    icon: 'none',

                })

            }

        })

    }

},

<button type="default" open-type="getPhoneNumber" @getphonenumber="ongetPhoneNumber">授权获取手机号登录</button>

// 获取手机号码

ongetPhoneNumber(e) {

    if (edetailerrMsg == "getPhoneNumber:fail user deny") { //用户拒绝授权 

        //拒绝授权后d出一些提示 

        unishowToast({

            title: '拒绝授权',

            mask: false,

            duration: 1000,

            icon: 'none',

        })

    } else { //允许授权 

        apppostData('url',{

            key: appglobalDatasession_key,

            encryptedData: edetailencryptedData,

            iv: edetailiv

        })then(res=>{

            consolelog("获取手机号码",res)

            thismobile = resdataphoneNumber

            unisetStorageSync('xmfTel',resdataphoneNumber)

        })catch(err=>{

            consolelog(err)

        })

    }

},

小程序id怎么查看？有两种方式，一种是在手机上，一种是在电脑上，下面是具体的查看方法。

一、移动端查看微信小程序APPID方法

1首先在微信上打开任意微信小程序的任意页面，点击小程序右上角的分享按钮，再点击小程序名称进入即可。

2其次进入小程序详情页，点击更多资料，进入即可

3最后进入小程序后台，第三栏就是微信小程序APPID账号，如图所示：

二、PC端查看微信小程序APPID方法

1、登录微信小程序管理后台（>

首先访问微信小程序管理后台，输入小程序账号和密码，进入小程序管理后台，如图所示：

2依次点击左侧功能栏“设置”-“开发设置”-开发者ID,这里就可以查看到小程序APPID号，如图所示：

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