微信小程序-获取用户权限学习篇(原生)
1.获取用户权限
- 发起授权 wx.authorize(), 找到对应scope
- 调用授权接口 查文档里,这个scope对应的接口方法获取授权信息
用户信息授权 3. 用户信息授权使用以下声明式的方式,不能使用js方法来获取 4. 如果授权弹窗被拒绝,再次点击也会弹( open-type 这个声明方式会弹出授权窗) 5. bindgetuserinfo对应的事件处理方法里面直接可以获到用户信息,不必使用wx.getUserInfo,当然,回调的detail数据与wx.getUserInfo返回的一致,open-type="getUserInfo"时有效 6.贴上代码:
<button open-type="getUserInfo" bindgetuserinfo="getInfo">获取用户信息</button>`
注意点:**
- 模拟器里面授权弹窗它在模拟器中央,但是手机上是在底部
- 如果授权通过了,下一次不会再弹授权窗口。但是如果你想让它再弹,需要清除授权数据 模拟器,清缓存->清除授权数据 如果是手机,找到最近使用的小程序列表,删除小程序,再预览扫码
案例: 获取用户信息
运动步数
通讯地址
案例代码:
<!--pages/getUserInfo/index.wxml--> <view> 获取用户权限: </view> <button bindtap="getuser" open-type="getUserInfo">获取用户信息</button> <view class="userinfo"> <image src="{ {userdata.avatarUrl}}" class="img"></image> <view>{ { userdata.nickName}}</view> </view> <button bindtap="getWeRun" open-type="openSetting">运动步数</button> <button bindtap="getAddress">获取通讯地址</button> <view> <view>姓名:{ { userAddress.userName}}</view> <view>电话:{ { userAddress.telNumber}}</view> <view>地址:{ { userAddress.cityName}} { { userAddress.countyName}} { { userAddress.detailInfo}}</view> </view>
js代码:
用户信息接口参数打印wx.getUserInfo() 用户授权信息返回的数据 wx.getSetting() 通讯地址 wx.chooseAddress() 效果 调用权限时弹框 (这只是小程序小白学习心得,若有什么说的不对的地方欢迎各位大佬指教哦,非常感谢!!)
上一篇:
uniapp开发微信小程序-2.页面制作
下一篇:
微信PC端浏览器内置浏览器