小程序微信头像授权、手机号授权、地理位置授权

小程序授权
常用的小程序授权有手机号授权、微信头像及昵称授权、地理位置授权。下面就分别说一下具体的实现操作
1.手机号授权。
手机号授权需要用户主动的触发，程序驱动触发是实现不了的。通过button实现触发，点击按钮每次都可触发，如下代码：

getPhoneNumber方法获取的加密的手机号需要请求后端接口获取真正的手机号码
2.微信头像及昵称授权
微信头像及昵称授权跟手机号授权是一样，只能由用户主动触发。点击按钮每次都可触发，代码如下：
wx.getUserProfile({
success: (res)=>{}
})
3.地理位置授权
地理位置授权需要在app.json文件中添加如下代码段。
“permission”: {
“scope.userLocation”: {
“desc”: “你的位置信息将用于小程序位置接口的效果展示”
}
},
然后通过wx.getLocation获取地理位置信息。
注：获取地理位置授权用户如果首次拒绝，则再次点击获取地理位置授权页面不会有弹窗出现。因为获取地理位置授权有记忆功能，再次调用wx.getLocation会直接进入fail方法。
解决：跳转到设置页面手动授权。代码段如下，
wx.getSetting({
success: (res) => {
if (res.authSetting.hasOwnProperty(‘scope.userLocation’) && !res.authSetting[‘scope.userLocation’]) { //拒绝过
wx.showModal({
content: “小程序需要获取您的地理位置”,
showCancel: true,
confirmText: “去设置”,
success: (res) => {
if (res.confirm) {
wx.openSetting()
}
}
})
} else {
wx.getLocation({
success: (res) => {

          })}})}}
})

总结：以上都是单个的授权，本太阳在项目中遇到的是一个按钮获取以上所有的授权，效果如一坨翔，但是项目需要没法办。。。。
本太阳的做法，先使用按钮获取手机号，成功之后使用page-container从下网上弹出一个对带遮罩的dialog，点击dialog中的button触发获取微信头像及昵称的授权，最后获取地理位置信息

小程序需要获取您的微信昵称及头像
一键授权

小程序微信头像授权、手机号授权、地理位置授权相关推荐

微信小程序微信头像使用canvas绘制失败问题开发工具正常真机不显示的解决方案
微信小程序微信头像使用canvas绘制失败问题开发工具正常真机不显示的解决方案解决方案我们的需求是动态生成一个含有微信头像的图片作为分享图片. 我们在页面中添加cancas <view st ...
微信小程序---微信头像、名称获取一次后即可使用
实现思路:点击授权获取一次头像.名称,将其存进缓存里面 1.在相应的页面引入:(如果为空则跳出授权,需要更新头像名称,在相应的位置调用步骤二即可) let shareStas = get_user(' ...
uniapp小程序微信授权获取头像昵称
最近修改小程序发现线上版的小程序通过uni.getUserProfile获取到的头像为默认灰色头像,昵称为微信用户,体验版能够正常获取到头像昵称,详参考链接小程序用户头像昵称获取规则调整公告, 解决方 ...
微信小程序---微信信息授权登录以及手机号授权登录
微信小程序-微信信息授权登录以及手机号授权登录 (小白为了以后方便查看)点击微信信息授权登录后再次点击按钮进行手机号授权登录图片演示 wxml(login.wxml)代码 <view cl ...
vue+uni-app商城实战 | 第一篇：从0到1快捷开发一个商城微信小程序，无缝接入OAuth2实现一键授权登录
一. 前言本篇通过实战来讲述如何使用uni-app快速进行商城微信小程序的开发以及小程序如何接入后台Spring Cloud微服务. 有来商城 youlai-mall 项目是一套全栈商城系统,技术栈 ...
微信小程序消息订阅长期订阅一次授权多次接收微信服务通知
微信小程序消息订阅长期订阅一次授权多次接收发送微信服务通知消息这里讲长期订阅! 长期订阅! 长期订阅! 需求描述: – 根据用户不同标签(租户.业主.维修师傅.居委会成员)一键向人员统一发送 ...
【解决】小程序|微信公众号授权给第三方平台时报“没有绑定公众号”
如果第三方平台没有全网发布时,要在授权账号公众号列表里面填写的原始ID.如果是测试小程序,也要加上小程序的原始ID. 实操验证的经验. 完整小程序第三方授权操作流程: 1.第三方平台需要设置小程序权限 ...
微信小程序开发——点击按钮获取用户授权没反应或反应很慢的解决方法
微信小程序开发--点击按钮获取用户授权没反应或反应很慢的解决方法参考文章: (1)微信小程序开发--点击按钮获取用户授权没反应或反应很慢的解决方法 (2)https://www.cnblogs.co ...
微信小程序Android和ios授权,uni-app之APP和小程序微信授权方法
uni-app 介绍 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架. 适用平台:Android.iOS.微信小程序.实现了一套代码,同时发布到Android.iOS.微信小程序. ...

小程序微信头像授权、手机号授权、地理位置授权

小程序微信头像授权、手机号授权、地理位置授权相关推荐

最新文章

热门文章