新建authorizeUtils.ts文件
內(nèi)容：
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: "定位權(quán)限說明",
describe: "便于您使用該功能在地圖快速獲取到您的收貨地址信息，請(qǐng)您確認(rèn)授權(quán)，否則無法使用該功能"
},
"android.permission.READ_EXTERNAL_STORAGE": {
title: "相冊權(quán)限說明",
describe: "使徒家居對(duì)存儲(chǔ)空間/照片/相機(jī)/攝像頭權(quán)限申請(qǐng)說明：便于您使用該功能上傳您的照片/圖片/視頻及用于更換頭像、意見反饋、保存相冊、發(fā)布商品/分享、下載與客服溝通等場景中讀取和寫入相冊和文件內(nèi)容，請(qǐng)您確認(rèn)授權(quán)，否則無法使用該功能"
},
"android.permission.CAMERA": {
title: "拍攝權(quán)限說明",
describe: "使徒家居對(duì)存儲(chǔ)空間/照片/相機(jī)/攝像頭權(quán)限申請(qǐng)說明：便于您使用該功能上傳您的照片/圖片/視頻及用于更換頭像、意見反饋、保存相冊、發(fā)布商品/分享、下載與客服溝通等場景中讀取和寫入相冊和文件內(nèi)容，請(qǐng)您確認(rèn)授權(quán)，否則無法使用該功能"
},
"android.permission.CALL_PHONE": {
title: "撥打電話權(quán)限說明",
describe: "便于您使用該功能撥打客服電話，請(qǐng)您確認(rèn)授權(quán)，否則無法使用該功能"
},
}
const manualAuthContentData: { [key: string]: string } = {
'android.permission.ACCESS_FINE_LOCATION': "獲取定位權(quán)限失敗，請(qǐng)手動(dòng)打開授權(quán)或檢查系統(tǒng)定位開關(guān)",
"android.permission.READ_EXTERNAL_STORAGE": "獲取相冊權(quán)限失敗，請(qǐng)手動(dòng)打開授權(quán)",
"android.permission.CAMERA": "獲取拍攝權(quán)限失敗，請(qǐng)手動(dòng)打開授權(quán)",
"android.permission.CALL_PHONE": "獲取撥打電話權(quán)限失敗，請(qǐng)手動(dòng)打開授權(quán)",
}
export default class authorizeUtils {
/**
* 授權(quán)前告知用戶使用意圖
* @param content
* @returns
*/
static showAuthTipModal = async (authorize: string) => {
// #ifdef H5
if (1 === 1) {
return true
}
// #endif
// ios端在manifest.json配置權(quán)限使用說明，以下權(quán)限判斷僅在安卓端可用
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
// // 如果已經(jīng)授權(quán)直接返回
return new Promise((resolve) => {
uni.showModal({
title: contentData[authorize].title,
content: contentData[authorize].describe,
success: (res) => {
resolve(!!res.confirm)
},
fail: () => {
}
})
})
}
/**
* 用戶拒絕授權(quán)提示手動(dòng)授權(quán)
*/
static showManualAuth = async (authorize: string) => {
let isIos = await checkIsIos()
if (isIos) return true
uni.showModal({
title: '提示',
content: manualAuthContentData[authorize],
confirmText: "去設(shè)置",
success: (res) => {
if (res.confirm) {
uni.openAppAuthorizeSetting({
success(res) {
console.log(res);
}
});
}
if (res.cancel) {
console.log('用戶點(diǎn)擊取消');
}
}
});
}
}
2、然后在需要調(diào)用組件的部分來使用權(quán)限說明彈窗
實(shí)例
先 在<script> 里面 import authorizeUtils from '@/utils/authorizeUtils.ts';
然后在 上傳文件里面增加調(diào)用
/**
* 上傳文件
*
*/
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 {
// 處理權(quán)限未授予的情況
}
},
