WeChat Mini Program User Authorization Best Practices Guide

wx.getSetting({
    success(res)=>{
        if (!res.authSetting['scope']) {
          console.log('Unauthorized')
              wx.authorize({
                scope: 'scope',
                success() {
                    console.log('Authorization successful')
                },
                fail() {
                    console.log('Authorization failed, let the user manually authorize')
                    wx.showModal({
                        title: 'Warm Tips',
                        content: 'xxx permission is not enabled',
                        showCancel: false,
                        success(res) {
                        if (res.confirm) {
                            console.log('User clicks OK')
                            wx.openSetting({
                                success(res) {
                                    console.log(res.authSetting)
                                    res.authSetting = {
                                    "scope.camera": true,
                                    }
                                }
                            })
                        } else if (res.cancel) {
                            console.log('User clicks cancel')
                        }
                        }
                  })
                }
             })
        } else {
          console.log('Authorized')
        }
    },
    fail(err)=>{}
})

// utils/auth.js

/**
 * @param {
 * authType: authorization type* }
 */

module.exports = async function wxAuth(authType) {
  // scopeArr ref: https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html
  let scopeArr = [
    "userInfo",
    "userLocation",
    "userLocationBackground",
    "address",
    "invoiceTitle",
    "invoice",
    "werun",
    "record",
    "writePhotosAlbum",
    "camera",
  ];
  if (scopeArr.indexOf(authType) == -1) {
    return console.error("Please enter the correct authorization type");
  }
  let scope = "scope." + authType;
  let isUserSet = await getSettingSync(scope);
  if (isUserSet) return true;
  let isAuthorize = await authorizeSync(scope);
  if (isAuthorize) return true;
  let showModalMes = await showModalSync(scope);
  // Pop-up window prompting authorization if (showModalMes) {
    // Go for manual authorization let openSet = await openSettingSync(scope);
    if (openSet) {
      return true;
    } else {
      return false;
    }
  } else {
    // Reject authorization return false;
  }
};

// Determine whether the user has enabled the authorization function getSettingSync(scope) {
  return new Promise((resolve, reject) => {
    wx.getSetting({
      success(res) {
        if (!res.authSetting[scope]) {
          console.log("Unauthorized");
          resolve(false);
        } else {
          console.log("Authorized");
          resolve(true);
        }
      },
      fail(err) {
        reject();
        console.error("wx.getSetting Error", err);
      },
    });
  });
}
// Request user authorization function authorizeSync(scope) {
  return new Promise((resolve, reject) => {
    wx.authorize({
      scope: scope,
      success() {
        resolve(true);
        console.log("Authorization successful");
      },
      fail() {
        resolve(false);
        console.log("Authorization failed");
      },
    });
  });
}
// Pop-up window prompts user to manually authorize function showModalSync(scope) {
  return new Promise((resolve, reject) => {
    wx.showModal({
      title: "Tips",
      content: `For a better user experience, please authorize the ${scope} function`,
      confirmText: "Go to Authorization",
      showCancel: false,
      success(res) {
        if (res.confirm) {
          console.log("Click to confirm");
          resolve(true);
        } else if (res.cancel) {
          resolve(false);
        }
      },
      fail(err) {
        reject();
        console.error(err, "wx.showModal Error");
      },
    });
  });
}
// Call up the client applet settings interface and return the operation result set by the user function openSettingSync(scope) {
  return new Promise((resolve, reject) => {
    wx.openSetting({
      success(res) {
        console.log(res.authSetting);
        if (res.authSetting[scope]) {
          resolve(true);
        } else {
          resolve(false);
        }
      },
      fail(err) {
        reject();
        console.error(err, "wx.openSetting Error");
      },
    });
  });
}

import auth from './../../utils/auth'
Page({
   data:{
     isCameraAuth: false
   },
   onLoad(){
         // Authorization code auth('camera').then(() => {
      console.log('Authorization successful')
      this.setData({
        isCameraAuth: true
      }
    }).catch((err) => {
      console.error('Authorization failed');
    })
   }
})

<!-- index.wxml -->
<view>Is it authorized: {{isCameraAuth}}</view>
<camera wx:if="{{isCameraAuth}}" style="width: 100%; height: 300px;"></camera>