关于小程序开发过程中遇到的一些问题及解决方案(1)关于微信授权变更的解决办法

关于小程序开发过程中遇到的一些问题及解决方案

1.首先是关于微信授权变更的解决办法

开发小程序的时候看到系统提示：获取 wx.getUserInfo 接口后续将不再出现授权弹窗，请注意升级

解决办法：
新建一个单独的授权界面auth，首次打开小程序时会弹出提示授权，点击按钮后会弹出询问是否授权界面，确认后则之后不会再弹出。

auth.js内容：

var app = getApp();
Page({
  data: {
    canIUse: wx.canIUse('button.open-type.getUserInfo') //授权按钮
  },
onAuth() {
    wx.getSetting({
      success: (res) => {
        if (res.authSetting['scope.userInfo']) {  //授权成功则跳转欢迎界面
          wx.reLaunch({
            url: '/pages/start/start',
          })
        }
      }
    })
  }
})

auth.wxml内容：

<view class="auth">
  <image  src="/images/more/wechatlogo2.jpg" class="img" mode="aspectFill">image>

  <view class="title">微信授权页面view>

  <view class="describe">此页面是微信授权页面，点击下方按钮弹出授权或跳转页面view>

  <button class="btn" open-type='getUserInfo' wx:if="{{canIUse}}" bindgetuserinfo='onAuth'>点击微信授权button>

  <navigator wx:if="{{!canIUse}}" class="btn" url="/pages/auth/auth" open-type="reLaunch" hover-class="other-navigator-hover">已经授权点击调转navigator>

view>

wxss就不发代码了，自行设计。
以下是最终效果：