华为等商城需要添加权限描述，无法上架。同时，因安卓 13 的权限变更，需要在请求时进行区分。
https://ext.dcloud.net.cn/plugin?id=15739
<template>
<view class="container">
<yk-authpup ref="locationAuthPopup" type="top" @changeAuth="locationChangeAuth"
permissionID="ACCESS_FINE_LOCATION"></yk-authpup>
<yk-authpup ref="readAuthpup" type="top" @changeAuth="chooseImage"
permissionID="READ_EXTERNAL_STORAGE"></yk-authpup>
<yk-authpup ref="readMediaImagesAuthpup" type="top" permissionID="READ_MEDIA_IMAGES"></yk-authpup>
<yk-authpup ref="cameraAuthpup" type="top" @changeAuth="onScanCode" permissionID="CAMERA"></yk-authpup>
<yk-authpup ref="cameraAuthpup" type="top" @changeAuth="chooseImage('camera')"
permissionID="CAMERA"></yk-authpup>
<yk-authpup ref="readAuthpup" type="top" @changeAuth="chooseImage('album')"
permissionID="READ_EXTERNAL_STORAGE"></yk-authpup>
<yk-authpup ref="readMediaImagesAuthpup" type="top" @changeAuth="chooseImage('album')"
permissionID="READ_MEDIA_IMAGES"></yk-authpup>
<u-action-sheet :actions="list" :show="showUploadImageMode" :closeOnClickOverlay="true"
:closeOnClickAction="true" @close="showUploadImageMode = false" cancelText="取消"
@select="onSelectUploadImageMode"></u-action-sheet>
<u-action-sheet :actions="list" :show="showUploadVideoMode" :closeOnClickOverlay="true"
:closeOnClickAction="true" @close="showUploadVideoMode = false" cancelText="取消"
@select="onSelectUploadVideoMode"></u-action-sheet>
</view>
</template>
<script>
import ykAuthpup from "@/components/yk-authpup/yk-authpup";
export default {
components: {
ykAuthpup
},
data() {
return {
showUploadImageMode: false,
showUploadVideoMode: false,
list: [{
name: '拍摄'
},
{
name: '从相册选择'
}
],
}
},
methods: {
// 请求权限验证
checkPermissionAuth(ref) {
this.$refs[ref].open()
},
onSelectUploadImageMode(e) {
const that = this
console.log(e.name)
uni.getSystemInfo({
success: function(res) {
console.log(res.osVersion)
if (res.platform == 'android') {
if (e.name == '拍摄') {
that.checkPermissionAuth('cameraAuthpup')
} else if (e.name == '从相册选择') {
if (res.osVersion > 12) {
that.checkPermissionAuth('readMediaImagesAuthpup')
} else {
that.checkPermissionAuth('readAuthpup')
}
}
} else {
if (e.name == '拍摄') {
that.chooseImage('camera')
} else if (e.name == '从相册选择') {
that.chooseImage('album')
}
}
}
})
},
// 获取美丽安吉
locationChangeAuth: function() {
this.$refs['locationAuthPopup'].open()
},
// 请求本地图片权限
checkReadMediaImagesAuth() {
this.$refs['readMediaImagesAuthpup'].open()
},
// 请求相机权限
checkCameraAuth() {
this.$refs['cameraAuthpup'].open()
},
// 检测相册权限
checkAlbumAuth() {
const that = this
uni.getSystemInfo({
success: function(res) {
console.log(res.osVersion)
if (res.platform == 'android') {
if (res.osVersion > 12) {
that.$refs['readMediaImagesAuthpup'].open()
} else {
that.$refs['readAuthpup'].open()
}
}
}
});
},
}
}
/</script>
<template>
<view v-if="showPopup" class="uni-popup" @touchmove.stop.prevent="">
<view :class="[type, ani, animation ? 'ani' : '']" class="uni-custom uni-popup__wrapper" @click="close(true)">
<view class="uni-popup__wrapper-box">
<view :style="[{paddingTop: StatusBar+'px'}]">
<view class="title">{{authList[permissionID].title}}</view>
<view class="content">{{authList[permissionID].content}}</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: 'YkAuthpup',
props: {
// 开启动画
animation: {
type: Boolean,
default: true
},
//弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层,
type: {
type: String,
default: 'center'
},
show: {
type: Boolean,
default: true
},
permissionID: {
type: [String, Number],
default: ''
}
},
data() {
return {
ani: '',
showPopup: false,
StatusBar: '',
authList: {
'WRITE_EXTERNAL_STORAGE': {
title: "XXX对存储空间/照片权限申请说明",
content: "便于您使用该功能上传您的照片/图片/视频及用于更换头像、意见反馈、保存相册、发布商品/分享、下载与客服沟通等场景中读取和写入相册和文件内容。"
},
'ACCESS_FINE_LOCATION': {
title: "XXX对地理位置权限申请说明",
content: "便于应用程序可以提供基于位置的服务、定位导航、附近搜索等功能。"
},
'CALL_PHONE': {
title: "XXX对拨打/管理电话权限申请说明",
content: "便于您使用该功能联系买家、骑手或者客服、业务经理与联系等场景下使用"
},
'READ_EXTERNAL_STORAGE': {
title: "XXX对读外置存储权限申请说明",
content: "便于您使用该功能上传您的照片/图片/视频及用于更换头像、意见反馈、保存相册、发布商品/分享、下载与客服沟通等场景中读取相册和文件内容"
}
}
}
},
created() {
this.getSystemInfo();
},
methods: {
//获取状态栏高度
getSystemInfo() {
uni.getSystemInfo({
success: function(e) {
this.StatusBar = e.statusBarHeight;
}
})
},
open() {
this.requestPermissions(this.permissionID);
},
close(type) {
this.ani = ''
this.$nextTick(() => {
setTimeout(() => {
this.showPopup = false
}, 300)
})
},
//权限检测
requestPermissions(permissionID) {
let _this = this;
let _permissionID;
_permissionID = 'android.permission.' + permissionID;
// #ifdef APP-PLUS
//判断安卓与ios设备
if (plus.os.name == 'Android') {
plus.android.checkPermission(_permissionID,
granted => {
if (granted.checkResult == -1) {
//还未授权当前查询的权限，打开权限申请目的自定义弹框
_this.showPopup = true;
_this.$nextTick(() => {
setTimeout(() => {
_this.ani = 'uni-' + _this.type
}, 30)
})
}
},
error => {
console.log(error.message);
}
);
plus.android.requestPermissions([_permissionID],
(e) => {
//关闭权限申请目的自定义弹框
_this.ani = '';
_this.$nextTick(() => {
setTimeout(() => {
_this.showPopup = false
}, 300)
})
if (e.granted.length > 0) {
//当前查询权限已授权，此时可以通知页面执行接下来的操作
_this.$emit('changeAuth');
}
})
} else {
//IOS不需要，在配置文件的隐私信息访问的许可描述里可添加
}
// #endif
}
}
}
</script>
<style lang="scss">
.uni-popup {
position: fixed;
/* #ifdef H5 */
top: 0px;
// top: 50px;
/* #endif */
/* #ifndef H5 */
top: 0px;
/* #endif */
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
overflow: hidden;
&__wrapper {
position: absolute;
z-index: 999;
box-sizing: border-box;
&.ani {
transition: all 0.3s;
}
&.top {
top: 0;
left: 0;
width: 100%;
transform: translateY(-100%);
}
&.bottom {
bottom: 0;
left: 0;
width: 100%;
transform: translateY(100%);
}
&.right {
bottom: 0;
left: 0;
width: 70%;
transform: translateY(100%);
}
&.center {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
transform: scale(1.2);
opacity: 0;
}
&-box {
position: relative;
box-sizing: border-box;
}
&.uni-custom {
& .uni-popup__wrapper-box {
// border-radius: 20upx 20upx 0 0;
padding: 30upx;
background: #fff;
box-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.5);
.title {
font-size: 32rpx;
font-weight: bold;
}
.content {
margin-top: 16rpx;
line-height: 1.6;
}
}
&.center {
& .uni-popup__wrapper-box {
position: relative;
max-width: 80%;
max-height: 80%;
overflow-y: scroll;
}
}
&.top,
&.bottom {
& .uni-popup__wrapper-box {
width: 100%;
max-height: 1000upx;
// overflow-y: scroll;
}
}
}
&.uni-top,
&.uni-bottom {
transform: translateY(0);
}
&.uni-center {
transform: scale(1);
opacity: 1;
}
}
}
</style>
<template>
<view v-if="showPopup" class="uni-popup" :style="{top:isNativeHead?'':StatusBar}">
<view :class="[type, ani, animation ? 'ani' : '']" class="uni-custom uni-popup__wrapper" @click="close(true)">
<view class="uni-popup__wrapper-box">
<view class="title">{{authList[permissionID].title}}</view>
<view class="content">{{authList[permissionID].content}}</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: 'YkAuthpup',
props: {
// 开启动画
animation: {
type: Boolean,
default: true
},
type: {
type: String,
default: 'top'
},
show: {
type: Boolean,
default: true
},
//是否是原生头部
isNativeHead: {
type: Boolean,
default: true
},
permissionID: {
type: [String, Number],
default: ''
}
},
data() {
return {
ani: '',
showPopup: false,
StatusBar: '',
refuseNum: '', //拒绝次数，
authList: {
'WRITE_EXTERNAL_STORAGE': {
title: "XXX对存储空间/照片权限申请说明",
content: "便于您使用该功能上传您的照片/图片/视频及用于更换头像、意见反馈、保存相册、发布商品/分享、下载与客服沟通等场景中读取和写入相册和文件内容。"
},
'ACCESS_FINE_LOCATION': {
title: "安吉优品汇对地理位置权限申请说明",
content: "便于应用程序可以提供基于位置的服务、定位导航、附近搜索等功能。"
},
'CALL_PHONE': {
title: "XXX对拨打/管理电话权限申请说明",
content: "便于您使用该功能联系买家、骑手或者客服、业务经理与联系等场景下使用"
},
'READ_EXTERNAL_STORAGE': {
title: "安吉优品汇对读外置存储权限申请说明",
content: "便于您使用该功能上传您的照片/图片/视频及用于更换头像、意见反馈、保存相册、发布商品/分享、下载与客服沟通等场景中读取相册和文件内容"
},
'CAMERA': {
title: "安吉优品汇对相机/摄像头权限申请说明",
content: "便于您使用该功能拍照上传您的照片/视频及用于更换头像、意见反馈、保存相册、发布商品/动态、下载与客服沟通等场景中使用"
},
'READ_MEDIA_IMAGES': {
title: "安吉优品汇对读本地图片权限申请说明",
content: "便于您使用该功能上传您的照片/图片及用于更换头像、意见反馈、发布商品/分享、下载与客服沟通等场景中读取本地图片内容"
}
}
}
},
created() {
// #ifdef APP-PLUS
this.getSystemInfo();
// #endif
},
methods: {
//获取状态栏高度
getSystemInfo() {
let _this = this;
uni.getSystemInfo({
success: function(e) {
_this.StatusBar = e.statusBarHeight + 'px'; //用于自定义头部时，给手机状态栏留出位置,可通过isNativeHead这个参数控制
}
})
},
open() {
this.requestPermissions(this.permissionID);
},
close(type) {
this.ani = '';
this.$nextTick(() => {
setTimeout(() => {
this.showPopup = false;
}, 300)
})
},
//权限检测
requestPermissions(permissionID) {
let _this = this;
// #ifdef APP-PLUS
//判断安卓与ios设备
if (plus.os.name == 'Android') {
let _permissionID = 'android.permission.' + permissionID;
plus.android.checkPermission(_permissionID,
granted => {
if (granted.checkResult == -1) {
//还未授权当前查询的权限，打开权限申请目的自定义弹框
_this.showPopup = true;
_this.$nextTick(() => {
setTimeout(() => {
_this.ani = 'uni-' + _this.type
}, 30)
})
}
},
error => {
console.log(error.message);
}
);
plus.android.requestPermissions([_permissionID],
(e) => {
//关闭权限申请目的自定义弹框
_this.ani = '';
_this.$nextTick(() => {
setTimeout(() => {
_this.showPopup = false
}, 0)
})
console.log(e, 'kkkkk')
if (e.granted.length > 0) {
//当前查询权限已授权，此时可以通知页面执行接下来的操作
_this.$emit('changeAuth');
}
if (e.deniedAlways.length > 0) {
//当前查询权限已被永久禁用，此时需要引导用户跳转手机系统设置去开启
uni.showModal({
title: '温馨提示',
content: '还没有该权限，立即去设置开启？',
cancelText: "取消",
confirmText: "去设置",
showCancel: true,
confirmColor: '#000',
cancelColor: '#666',
success: (res) => {
if (res.confirm) {
_this.goSetting();
}
}
})
}
})
} else {
//IOS不需要添加自定义弹框来描述权限目的，因为在配置文件的隐私信息访问的许可描述里可添加
//正常可以直接调用uni的API调起权限询问弹框使用各种权限，下面的判断使用场景主要是在IOS禁用某权限后，这个可以判断有无权限，进而引导用户跳转设置开启，仅列出了位置、相册、通讯录、相机、录音等权限，其他IOS权限可具体参考 https://ext.dcloud.net.cn/plugin?id=15787
let result = 0;
if (permissionID == 'ACCESS_FINE_LOCATION') {
//IOS检测位置权限
let cLLocationManager = plus.ios.importClass("CLLocationManager"),
authStatus = cLLocationManager.authorizationStatus(),
enable = cLLocationManager.locationServicesEnabled();
if (enable && authStatus != 2) {
result = 1;
} else {
result = 0;
}
plus.ios.deleteObject(cLLocationManager);
} else if (permissionID == 'WRITE_EXTERNAL_STORAGE') {
//IOS检测相册权限
let PHPhotoLibrary = plus.ios.importClass("PHPhotoLibrary"),
authStatus = PHPhotoLibrary.authorizationStatus();
if (authStatus === 3) {
result = 1;
} else {
result = 0;
}
plus.ios.deleteObject(PHPhotoLibrary);
} else if (permissionID == 'CAMERA') {
//IOS检测相机/摄像头权限
let avCaptureDevice = plus.ios.importClass("AVCaptureDevice"),
authStatus = avCaptureDevice.authorizationStatusForMediaType("vide");
if (authStatus === 3) {
result = 1;
} else {
result = 0;
}
plus.ios.deleteObject(avCaptureDevice);
} else if (permissionID == 'CALL_PHONE') {
//IOS检测通讯录权限
let contactStore = plus.ios.importClass("CNContactStore"),
authStatus = contactStore.authorizationStatusForEntityType(0);
if (authStatus === 3) {
result = 1;
} else {
result = 0;
}
plus.ios.deleteObject(contactStore);
} else if (permissionID == 'RECORD_AUDIO') {
//IOS检测麦克风权限
let aVAudioSession = plus.ios.importClass("AVAudioSession"),
aVAudio = aVAudioSession.sharedInstance(),
authStatus = aVAudio.recordPermission();
if ([1684369017, 1970168948].includes(authStatus)) {
result = 0;
} else {
result = 1;
}
plus.ios.deleteObject(aVAudioSession);
}
if (result) {
//当前查询权限已授权，此时可以通知页面执行接下来的操作
that.$emit('changeAuth')
} else {
//当前查询的权限已禁用,引导用户跳转手机系统设置去开启
uni.showModal({
title: '温馨提示',
content: '还没有该权限，立即去设置开启？',
cancelText: "取消",
confirmText: "去设置",
showCancel: true,
confirmColor: '#000',
cancelColor: '#666',
success: (res) => {
if (res.confirm) {
_this.goSetting();
}
}
})
}
}
// #endif
},
//跳转手机系统设置
goSetting() {
if (plus.os.name == "iOS") {
var UIApplication = plus.ios.import("UIApplication");
var application2 = UIApplication.sharedApplication();
var NSURL2 = plus.ios.import("NSURL");
var setting2 = NSURL2.URLWithString("app-settings:");
application2.openURL(setting2);
plus.ios.deleteObject(setting2);
plus.ios.deleteObject(NSURL2);
plus.ios.deleteObject(application2);
} else {
var Intent = plus.android.importClass("android.content.Intent");
var Settings = plus.android.importClass("android.provider.Settings");
var Uri = plus.android.importClass("android.net.Uri");
var mainActivity = plus.android.runtimeMainActivity();
var intent = new Intent();
intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
var uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
intent.setData(uri);
mainActivity.startActivity(intent);
}
}
}
}
</script>
<style lang="scss">
.uni-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
overflow: hidden;
&__wrapper {
position: absolute;
z-index: 999;
/* #ifndef APP-NVUE */
box-sizing: border-box;
/* #endif */
&.ani {
/* #ifndef APP-NVUE */
transition: all 0.3s;
/* #endif */
}
&.top {
top: 0;
width: 705rpx;
/* #ifdef APP-NVUE */
left: 22.5rpx;
/* #endif */
/* #ifndef APP-NVUE */
left: 0;
transform: translateY(-705rpx);
/* #endif */
}
&-box {
position: relative;
/* #ifndef APP-NVUE */
box-sizing: border-box;
/* #endif */
}
&.uni-custom {
& .uni-popup__wrapper-box {
width: 705rpx;
/* #ifndef APP-NVUE */
margin: 0 22.5rpx;
/* #endif */
padding: 30upx;
background: #fff;
border: solid 2rpx #ddd;
/* #ifndef APP-NVUE */
box-sizing: border-box;
/* #endif */
border-radius: 16rpx;
.title {
font-size: 32rpx;
font-weight: bold;
}
.content {
margin-top: 16rpx;
line-height: 1.6;
}
}
&.top {
& .uni-popup__wrapper-box {
width: 705rpx;
}
}
}
&.uni-top {
transform: translateY(0);
}
}
}
</style>
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于