前端【小程序】12-小程序基础篇【授权流程】【没有授权则跳转到设置页面】

微信小程序授权流程

 

 

以保存图片到本地为例，保存图片之前先进行授权校验

  /**
   * 授权设置，点击保存图片的时候，触发该事件，然后获取用户的授权信息，判断是否存在某项授权，不存在则提示，跳转到设置页面，否则直接执行
   */
  authSetting () {
    wx.getSetting({
      success: ({ authSetting }) => {
        if (authSetting['scope.writePhotosAlbum'] === false) {
          console.log('拒绝了授权')
          // 拒绝了访问相册或者没有授权，调用授权API
          wx.showModal({
            content: '请允许添加到相册!',
            showCancel: false,
            success: () => {
              // 打开设置界面
              wx.openSetting({
                success: ({ authSetting }) => {
                  console.log('authSetting: ', authSetting)
                  // 如果设置了允许访问相册，则调用保存
                  if (authSetting['scope.writePhotosAlbum']) {
                    this.saveImage()
                  }
                  // 如果跳转到设置界面，用户仍然没有授权，那么不在管了
                }
              })
            }
          })
        } else {
          // 如果设置允许访问相册, 则直接保存
          this.saveImage()
        }
      }
    })
  },
  /**
   * 保存图片到本地
   */
  async saveImage () {
    try {
      // 1、获取图片信息(下载到本地)
      const { path } = await wx.getImageInfo({
        src: 'https://enjoy-plus.oss-cn-beijing.aliyuncs.com/uploads/qrcode.png'
      })
      // 2、保存图片(wx.saveVideoToPhotosAlbum方法不能直接传网络地址, 需要通过wx.getImageInfo方法把网络图片处理到小程序本地)
      await wx.saveVideoToPhotosAlbum({ filePath: path })
      wx.utils.toast('图片保存成功')
    } catch (error) {
      console.log(error)
    }
  }