新建authorizeUtils.ts文件
內容：
const checkIsIos = async () => {
return new Promise((resolve => {
uni.getSystemInfo({
success: function (res) {
resolve(res.platform === "ios")
}
});
}))
}
const contentData: { [key: string]: { title: string, describe: string } } = {
'android.permission.ACCESS_FINE_LOCATION': {
title: "定位權限說明",
describe: "便于您使用該功能在地圖快速獲取到您的收貨地址信息，請您確認授權，否則無法使用該功能"
},
"android.permission.READ_EXTERNAL_STORAGE": {
title: "相冊權限說明",
describe: "使徒家居對存儲空間/照片/相機/攝像頭權限申請說明：便于您使用該功能上傳您的照片/圖片/視頻及用于更換頭像、意見反饋、保存相冊、發布商品/分享、下載與客服溝通等場景中讀取和寫入相冊和文件內容，請您確認授權，否則無法使用該功能"
},
"android.permission.CAMERA": {
title: "拍攝權限說明",
describe: "使徒家居對存儲空間/照片/相機/攝像頭權限申請說明：便于您使用該功能上傳您的照片/圖片/視頻及用于更換頭像、意見反饋、保存相冊、發布商品/分享、下載與客服溝通等場景中讀取和寫入相冊和文件內容，請您確認授權，否則無法使用該功能"
},
"android.permission.CALL_PHONE": {
title: "撥打電話權限說明",
describe: "便于您使用該功能撥打客服電話，請您確認授權，否則無法使用該功能"
},
}
const manualAuthContentData: { [key: string]: string } = {
'android.permission.ACCESS_FINE_LOCATION': "獲取定位權限失敗，請手動打開授權或檢查系統定位開關",
"android.permission.READ_EXTERNAL_STORAGE": "獲取相冊權限失敗，請手動打開授權",
"android.permission.CAMERA": "獲取拍攝權限失敗，請手動打開授權",
"android.permission.CALL_PHONE": "獲取撥打電話權限失敗，請手動打開授權",
}
export default class authorizeUtils {
/**
* 授權前告知用戶使用意圖
* @param content
* @returns
*/
static showAuthTipModal = async (authorize: string) => {
// #ifdef H5
if (1 === 1) {
return true
}
// #endif
// ios端在manifest.json配置權限使用說明，以下權限判斷僅在安卓端可用
let isIos = await checkIsIos()
if (isIos) return true
let compat: any = plus.android.importClass('androidx.core.content.ContextCompat')
let context = plus.android.runtimeMainActivity()
let result = compat.checkSelfPermission(context, authorize)
console.log("result===", result);
if (result === 0) return true
// // 如果已經授權直接返回
return new Promise((resolve) => {
uni.showModal({
title: contentData[authorize].title,
content: contentData[authorize].describe,
success: (res) => {
resolve(!!res.confirm)
},
fail: () => {
}
})
})
}
/**
* 用戶拒絕授權提示手動授權
*/
static showManualAuth = async (authorize: string) => {
let isIos = await checkIsIos()
if (isIos) return true
uni.showModal({
title: '提示',
content: manualAuthContentData[authorize],
confirmText: "去設置",
success: (res) => {
if (res.confirm) {
uni.openAppAuthorizeSetting({
success(res) {
console.log(res);
}
});
}
if (res.cancel) {
console.log('用戶點擊取消');
}
}
});
}
}
2、然后在需要調用組件的部分來使用權限說明彈窗
實例
先 在<script> 里面 import authorizeUtils from '@/utils/authorizeUtils.ts';
然后在 上傳文件里面增加調用
/**
* 上傳文件
*
*/
uploadpic: async function() {
let authFlag = await authorizeUtils.showAuthTipModal("android.permission.READ_EXTERNAL_STORAGE");
if (authFlag) {
let that = this;
this.canvasStatus = true
that.$util.uploadImageChange('upload/image', (res) => {
let userInfo = that.switchUserInfo[that.userIndex];
that.userInfo.avatar = res.data.url;
that.switchUserInfo[that.userIndex] = userInfo;
that.$set(that, 'switchUserInfo', that.switchUserInfo);
this.canvasStatus = false
}, (res) => {
this.canvasStatus = false
}, (res) => {
this.canvasWidth = res.w
this.canvasHeight = res.h
});
} else {
// 處理權限未授予的情況
}
},
