怎样实现微信小程序获取手机号
编辑:小飞燕 发布时间:2021-04-17 10:51:26
小程序可以连接到电话通讯录。这个功能让很多用户觉得极其有用,可以比较快捷方便的联系到通讯录中的好友。微信小程序获取的电话号码怎么设置?让我们互相了解一下。 微信小程序获取手机号码教程: 要获取微信用户绑定的手机号,首先要调用登录界面。 因为用户需要主动触发来发起获取手机号的界面,所以这个功能不是通过applet api调用,而是通过组件来触发。 注意:目前界面针对非个人开发者,认证小程序是开放的。应该慎用。如果用户举报较多或被发现在不必要的小程序场景中使用,微信有权长期收回小程序的界面权限。 使用方法 需要放 开放式组件的值被设置为getphonenumber。用户同意后,微信服务器返回的加密数据可以通过bindgetphonenumber事件的回调获得,然后第三方服务器可以用session_key和app_id解密,获得手机号码。 小程序打开手机号快速填写组件,完成认证后即可使用非个人开发者的小程序。具体步骤如下: 在新用户注册、联系人信息注册等必要场景下,开发者可以在页面上部署手机号码快速填充组件。 用户组件完成弹出授*后,可以直接填写微信绑定的手机号。大多数情况下,不需要验证短信验证码。 如果用户不愿意提供微信绑定的手机号,开发者应该提供手动输入手机号的功能。 键盘编码器。wxml布局文件代码 手机型号:{{mobilemodel}}手机像素比:{ { mobileepixelratio } }窗口宽度:{{windowwidth}}窗口高度:{{windowheight}}微信设置语言:{{language}}微信版本号:{{version}} 来自代码的代码片段_file_0.txt。js逻辑文件代码 相信大家对微信小程序获取的手机号都有具体的了解。如果还是什么都不懂,可以在文末留言,或者在源代理网络的小程序通道上搜索相关信息。 下面是标题开头微信小程序控制台输出的开发实例。标题到此结束 小程序输出有多种形式。之前介绍了小程序输出日志的相关信息,然后说明微信小程序控制台输出的开发实例。我们来看看。 在此之前,我们首先要在微信小程序的平台上设置域名: 注意:微信小程序不支持普通http协议,必须通过https协议。 因此,我在本地构建了一个api服务,它使用https协议通过修改主机文件来映射本机访问。 微信小程序由全局函数wx.request函数完成,语法如下: wx.request({ url: 'https://url ', data: {}, method: 'get ',//options,get,head,post,put,delete,trace,connect //header: {},//设置请求的头 成功:功能(res){ //成功 }, fail:功能{ //失败 }, 完成:功能{ //完成 } }) 场景是这样的。您可以通过单击主页上的图标跳转到另一个页面。跳转过程需要携带参数。 onload:function(选项){ //页面初始化选项是页面跳转带来的参数 //console.log(选项); that=this wx.request({ url:'https://apixxxxx
xx.com/api/classify/getchildrenclsssify?id=' options.id,data: {},method: 'get ',//options,get,head,post,put,delete,trace,connect
//header: {},//设置请求的头
成功:功能(res){
//成功
that . setdata({ courses 3360 res . data . datas });
},
fail:功能{
//失败
},
完成:功能{
//完成
}
})
}
在page的onload事件中,我向远程地址发起了一个get请求,其中携带了名为id的参数。
在这个过程中,失败事件总是被触发,接口响应为200。此错误是由于本地域名映射导致微信开发者工具验证域名失败造成的。我们只需要通过以下设置:
红色标记,选择它。此时,我们的请求可以成功完成。远程请求成功返回后,我们访问
setdata方法设置当前页的数据属性。在这里,一些朋友可以注意到,在we.request函数之前,声明了一个varthat=this语句,使用接收这个对象的变量,以便在wx.request成功后成功返回函数时调用那个. setdata(object);方法来分配数据。在wx.request中,成功回调函数中的一个参数res,res.data就是获取的数据。这样,在加载页面时,向远程服务器发送一个请求,在响应成功后,分配数据,然后在绑定数据后呈现视图。
在这个过程中,你可能想知道,如何通过参考?
微信小程序的参数传递有点像http请求中的参数传递。参数名称=参数值。让我们回到主页,看看代码:
{{item.name}}
在视图标签中,我定制了一个名为data-id的属性,这是一个定制属性,有点类似于html5中的data-xxx。在这个定义之后,让我们看看如何在index.js中获取值:
//事件处理程序
bindviewtap:函数(r) {
wx.navigateto({url: './分类/归类?id=' r . current target . dataset . id })
}
bindviewtap是我自定义的函数名,用来绑定视图的click事件:(bindtap)。秘密在于bindviewtap的参数r。通过调试控制台输出,我们可以清楚地看到r的结构:
这是控制台输出的参数r的结构,这样我就可以通过参数r得到index.wxml中为视图标记定义的属性(data-id);所以有这样一个代码:
wx.navigateto({url: './分类/归类?id=' r . current target . dataset . id })
wx.navigateto是微信小程序的跳转方式。于是,我们点开主页,看到了进入效果:
以上是微信小程序控制台输出的开发实例。参考这个过程,您还可以学习如何设置applet控制台输出。更多相关信息,请关注源代理网的小程序渠道。
这是第一段的结尾。下面是加一段的结尾。微信小程序控制台输出的开发实例得到了267位网友的青睐!正文到此结束
新手怎么做
支付宝小程序是不是流失很多?
这个还挺多的。
小程序现在很流行 这样做有用吗?
小节目也会有一定的效果,但也需要有代价的推广。如果站内推广正在进行,你想扩大推广范围,可以尝试去做。如果不做站内推广,没必要做小节目。车站是排水的主战场。希望我的回答能让你满意!
为什么后台的小程序爆款实验室消失了?
几个月前就消失了,相关营销取而代之
小程序有什么用怎么用?
有时候我想让一些线下的客户上线,但是阿里巴巴不是在客户手机上的。这时候小程序旺铺的作用就出来了
上一篇:如何解决小程序关键词机制的问题
猜你喜欢
-
4个微信小程序聊天技巧1155人喜欢
估计有不少人都使用过微信的聊天功能,其实这项功能是通过开发微信小程序达到的,微信小程序聊天功能要怎么开发?一起来看看具体步骤吧。1、整体框架很简单,两个页面。两个tab,并修改window标题栏和tabbar的颜色等属性就好。这个全部在app.json中完成。2、image组…
更新时间:2020-08-17 16:19:34
-
微信小程序跳转到淘宝技巧1112人喜欢
微信小程序可以跳转到淘宝吗?微信小程序如何跳转到淘宝?微信小程序对于有些用户而言其实是个非常好的平台,微信小程序其实可以跳转到淘宝,小程序把微信做成了淘宝,那么微信小程序可以跳转到淘宝吗?微信小程序如何跳转到淘宝呢?淘宝从用户角度而言是个购物工具,从…
更新时间:2020-10-05 09:23:04
-
2个微信小程序接口技巧1075人喜欢
微信小程序开发有哪些接口?据微信官方介绍,微信小程序包括线下扫码、对话分享、消息通知、小程序切换、历史列表、公众号关联和搜索查找等7大功能。当下最受大众喜爱的微信小程序小程序有哪些接口?小编将举例来说明一下微信小程序开发有哪些接口?本文档将带你…
更新时间:2020-08-31 20:09:05
-
6个修改小程序技巧1049人喜欢
小程序授权怎么修改?修改小程序授权代码是什么各位网友们,如果您的微信小程序同意了授权了,但是想要修改小程序授权,对于这种情况,不妨参考一下小编的小程序授权怎么修改的方法吧。小程序授权怎么修改?大家都发现了,涉及到授权获取用户基本信息,同意了小程序授权后…
更新时间:2020-08-24 10:47:00
-
9个小程序红包技巧1039人喜欢
微信发红包很普遍也很简单,但是微信小程序兴起之后,很多商户开始用微信小程序发红包了,这样也有利于大家对小程序本身的关注,接下来就一起来学习下操作方式吧!登录微信支付商户平台在调用接口前有一些工作需要商户登录微信小程序支付商户平台进行操作,请使用微信…
更新时间:2019-11-09 16:29:18
-
12个小程序图片技巧1036人喜欢
微信小程序无法显示图片,图片显示不全怎么办?对于一张网络图片高度太高,而显示不全如何解决?下面小编就来为大家讲解一下。其实我一贯的观点是,所有的问题从api中都能够找到答案,只是有时候缺少耐心,而没有好好去读官方api,出现问题后着急的google、百度、github.…
更新时间:2019-11-10 13:52:04
-
6个小程序投票技巧1034人喜欢
大家想必都使用过微信小程序,微信小程序也丰富了我们的微信生活。下面小编就来为大家讲解一下微信小程序投票系统开发以及微信小程序应用开发。微信小程序七大解读:1、线下扫码:用户可以在微信小程序中使用扫一扫。2、对话分享:用户可以分享微信小程序或其中的任…
更新时间:2020-01-24 16:02:28
-
2个小程序优化技巧1020人喜欢
在小编鼓起勇气开发了两个小程序之后,发现其实可以对开发过程进行一些优化,这样最终开发出来的小程序体验会好很多。以下是微信小程序优化方案,也是一些优化心得,希望能够帮助到大家。1、理解wx:if和hidden,并合理利用,官方文档中并没有明确说出hidden如何使用,要不…
更新时间:2020-08-22 16:44:11
-
3个小程序空格代码技巧1007人喜欢
每一种小程序代码对于小程序的功能的实现都是有不同作用的,那么微信小程序空格代码有什么作用呢?一起来看看以下资料,你就明白了。先上一张处理前的代码图:第一步:在右边的代码界面中右键单击(左边要在“编辑”tab),在出现的菜单中选择“格式化代码”。格式化的效…
更新时间:2020-08-24 10:51:58
-
7个小程序输出技巧1006人喜欢
小程序的输出有很多种形式,之前介绍了小程序输出日志的相关资料,接下来小编要讲解的是微信小程序控制台输出的开发实例,一起来看看吧。在此之前,我们必须先在微信小程序的平台上,设置下域名:注意:微信小程序,不支持普通的http协议,必须通过https协议。于是,我在本地搭…
更新时间:2019-11-08 14:37:35
-
8个微信小程序扫码技巧1006人喜欢
微信小程序扫码接口怎么开通?如果开通了微信小程序扫码接口以后,那么用微信扫普通微信二维码就打开微信小程序了哦。这对于推广微信小程序来说有很大的帮助,以下是具体的方法了。微信小程序扫码接口怎么开通?为了方便小程序开发者更便捷地推广小程序,兼容线下已…
更新时间:2019-11-10 13:53:40
-
10个商家小程序技巧1003人喜欢
微信开放了附近的小程序之后引起了很多小程序使用者的关注,但是这个功能似乎对于商家来说意义更为重大,一起来看看商家怎么入驻微信附近小程序吧。核心提示:首先我们先了解一下那些商户可以使用“附近的小程序”目前可以加入的商家有帐号类型为企业、媒体、政府…
更新时间:2019-11-04 15:51:11