微信小程序-获取用户权限学习篇(原生)

1.获取用户权限

  1. 发起授权 wx.authorize(), 找到对应scope
  2. 调用授权接口 查文档里,这个scope对应的接口方法获取授权信息

用户信息授权 3. 用户信息授权使用以下声明式的方式,不能使用js方法来获取 4. 如果授权弹窗被拒绝,再次点击也会弹( open-type 这个声明方式会弹出授权窗) 5. bindgetuserinfo对应的事件处理方法里面直接可以获到用户信息,不必使用wx.getUserInfo,当然,回调的detail数据与wx.getUserInfo返回的一致,open-type="getUserInfo"时有效 6.贴上代码:

<button open-type="getUserInfo" bindgetuserinfo="getInfo">获取用户信息</button>`

注意点:**

  1. 模拟器里面授权弹窗它在模拟器中央,但是手机上是在底部
  2. 如果授权通过了,下一次不会再弹授权窗口。但是如果你想让它再弹,需要清除授权数据 模拟器,清缓存->清除授权数据 如果是手机,找到最近使用的小程序列表,删除小程序,再预览扫码

案例: 获取用户信息

运动步数

通讯地址

案例代码:

<!--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() 效果 调用权限时弹框 (这只是小程序小白学习心得,若有什么说的不对的地方欢迎各位大佬指教哦,非常感谢!!)

经验分享 程序员 微信小程序 职场和发展