uniapp app权限说明弹框2024.5.23更新

置顶 已于 2024-05-23 13:03:00 修改
阅读量1.5k 收藏 6
点赞数 2
分类专栏： uniapp 文章标签： uniapp
于 2024-04-23 12:28:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59203969/article/details/138119107
版权
华为上架被拒绝

用uni-app开发的app，上架华为被拒，问题如下：

您的应用在运行时，未见向用户告知权限申请的目的，向用户索取（电话、相机、存储）等权限，不符合华为应用市场审核标准。

测试步骤：任意招聘信息详情页-电话联系，申请电话权限；点击置顶推广-保存二维码到相册，申请存储权限；点击发布-任意服务-上传图片-拍摄/从相册选择，申请相机、存储权限；修改建议：APP在调用终端权限时，应同步告知用户申请该权限的目的。请排查应用内所有权限申请行为，确保均符合要求。

本文是分文pinia版本和vuex版本

20214.4.23 uniapp权限弹框视频

pinia版本 

<template>
	<view>
		<button @tap="applyCameraPermission('CAMERA')">申请相机权限</button>
		<button @tap="applyPhonePermission('SET_CALL_PHONE')">申请电话权限</button>
		<button @tap="applyReadexternal('READ_EXTERNAL_STORAGE')">读取照片</button>
		<button @click="nextpage">
			跳转
		</button>
	</view>
</template>

<script setup>
import { usePermission } from "/store/permission.js"
const permissionStore = usePermission()

const applyCameraPermission = async (permission) => {
	/* #ifdef APP */
	if (!await permissionStore.requstPermission(permission)) return
	/* #endif */
	uni.chooseImage({
		count: 1,
		sizeType: ['original', 'compressed'],
		sourceType: ['camera'],
		success: (res) => {
			console.log(res)
		}
	});
}
const applyPhonePermission = async (permission) => {
	/* #ifdef APP */
	if (!await permissionStore.requstPermission(permission)) return
	/* #endif */
	uni.makePhoneCall({
		phoneNumber: '10086'
	});
}
const applyReadexternal = async (permission) => {
	/* #ifdef APP */
	if (!await permissionStore.requstPermission(permission)) return
	/* #endif */
	uni.chooseImage({
		count: 1,
		sizeType: ['original', 'compressed'],
		sourceType: ['album'],
		success: (res) => {
			console.log(res)
		}
	});
}

const nextpage = () => {
	uni.navigateTo({
		url: '/pages/index/index'
	});
}
</script>

<style></style>

pinia权限管理仓库

import {
	defineStore
} from 'pinia'

export const usePermission = defineStore('permission', {
	state: () => ({
		dialogView: null,
		permissionListener: null,
		list: [
			{
				name: "READ_CALENDAR",
				title: "手机状态权限申请说明:",
				content: "uni-app正在申请手机日历日历状态权限,允许或拒绝均不会获取任何隐私信息。",
			}, {
				name: "CALL_PHONE",
				title: "拨打电话权限申请说明:",
				content: "uni-app正在申请拨打电话权限,允许或拒绝均不会获取任何隐私信息。",
			}, {
				name: "CAMERA",
				title: "读取存储权限申请说明:",
				content: "uni-app正在申请摄像头权限,允许或拒绝均不会获取任何隐私信息。",
			}, {
				name: "READ_EXTERNAL_STORAGE",
				title: "读取存储权限申请说明:",
				content: "uni-app正在申请读取存储权限,允许或拒绝均不会获取任何隐私信息。",
			}
		]
	}),
	getters: {

	},
	actions: {
		//监听权限申请
		async requstPermission(permissionID) {
			return new Promise((resolve, reject) => {
				try {
					// if (!uni.getSystemInfoSync().platform == 'android') return resolve(true) 
					/**
					 * @description plus.navigator.checkPermission 检查应用是否获取指定权限 
					 * 有些权限检测不到 就继续下面的代码，比如相册权限就可以直接检测，就很方便，授权情况下不需要再走下面代码了
					 * checkPermission 返回参数
					 * @params undetermined 未确定
					 * @params authorized 授权
					 */
					let checkPermission = plus.navigator.checkPermission('android.permission.' + permissionID)
					if (checkPermission == 'authorized') return resolve(true)
					//判断是否自己在list里面配置了这个权限
					let index = this.list.findIndex(item => item.name == permissionID)
					if (index == -1) throw new Error('这个权限没有配置')
					//唤起原生权限说明弹框
					this.requstPermissionDialog(index)
					//授权检测回调
					plus.android.requestPermissions(
						[
							'android.permission.' + permissionID  //单个权限
							// 'android.permission.CAMERA', 'android.permission.READ_EXTERNAL_STORAGE'  //多个权限
						],
						(resultObj) => {
							console.log(resultObj, 'resultObj');
							// 权限申请结果
							/**
							 * @description resultObj.deniedAlways 永久拒绝授权
							 * 多个权限返回结果可能是{"granted":["android.permission.CAMERA"],"deniedPresent":[],"deniedAlways":["android.permission.READ_EXTERNAL_STORAGE"]}
							 * 这个情况就是我同时授权相册和相机，但是只允许了相机，没有授权相册
							 * 这个时候 可以通过deniedAlways 查看哪个权限被永久拒绝了，然后自行在设置弹框内容
							 * 所以可以自己判断细分一下，我下面的代码是先判断了是否有永久拒绝的权限，然后直接弹框提示用户去设置
							 */
							if (resultObj.deniedAlways && resultObj.deniedAlways.length > 0) {
								uni.showModal({
									title: '提示',
									content: '操作权限已被拒绝，请手动前往设置',
									confirmText: "立即设置",
									success: (res) => {
										if (res.confirm) {
											this.gotoAppPermissionSetting()
										} else {
											resolve(false)
										}
									}
								})
								console.log('永久拒绝授权');
							} else if (resultObj.deniedPresent && resultObj.deniedPresent.length > 0) {
								resolve(false)
								console.log('拒绝授权');
							} else
								if (resultObj.granted && resultObj.granted.length > 0) {
									resolve(true)
									console.log('授权成功');
								}
						},
						(error) => {
							reject(false)
							console.log('申请权限错误：',error);
						}
					);
				} catch (err) {
					reject(false)
                    console.log(err);
				}
			})
		},
		//监听弹框
		requstPermissionDialog(index) {
			try {
				if (!this.permissionListener) this.permissionListener = uni.createRequestPermissionListener()
				const dialogData = this.list[index]
				this.permissionListener.onConfirm((res) => {
					this.dialogStyle(dialogData, true)
				})
				this.permissionListener.onComplete(async (res) => {
					this.dialogStyle({}, false)
				})
			} catch (err) {
				console.log('监听弹框错误', err);
			}
		},
		//弹框样式
		dialogStyle({ title = '', content = '' }, status) {
			try {
				if (!status) return this.dialogView.close()
				const systemInfo = uni.getSystemInfoSync();
				const statusBarHeight = systemInfo.statusBarHeight;
				const navigationBarHeight = systemInfo.platform === 'android' ? 48 :
					44;
				const totalHeight = statusBarHeight + navigationBarHeight;
				this.dialogView = new plus.nativeObj.View('per-modal', {
					top: '0px',
					left: '0px',
					width: '100%',
					backgroundColor: '#444',
					//opacity: .5;
				})
				this.dialogView.drawRect({
					color: '#fff',
					radius: '5px'
				}, {
					top: totalHeight + 'px',
					left: '5%',
					width: '90%',
					height: "100px",
				})
				this.dialogView.drawText(title, {
					top: totalHeight + 5 + 'px',
					left: "8%",
					height: "30px"
				}, {
					align: "left",
					color: "#000",
				})
				this.dialogView.drawText(content, {
					top: totalHeight + 35 + 'px',
					height: "60px",
					left: "8%",
					width: "84%"
				}, {
					whiteSpace: 'normal',
					size: "14px",
					align: "left",
					color: "#656563"
				})
				this.dialogView.show()
			} catch (e) {
				console.log(e, '权限说明弹框样式错误');
			}
		},
		//跳转到app权限设置页面
		gotoAppPermissionSetting() {
			if (!uni.getSystemInfoSync().platform == 'android') {
				var UIApplication = plus.ios.import("UIApplication");
				var application2 = UIApplication.sharedApplication();
				var NSURL2 = plus.ios.import("NSURL");
				// var setting2 = NSURL2.URLWithString("prefs:root=LOCATION_SERVICES");		
				var setting2 = NSURL2.URLWithString("app-settings:");
				application2.openURL(setting2);

				plus.ios.deleteObject(setting2);
				plus.ios.deleteObject(NSURL2);
				plus.ios.deleteObject(application2);
			} else {
				// console.log(plus.device.vendor);
				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);
			}
		}
	}
})

vuex版本 

<template>
    <view>
        <button @click="takePhoto">
            拍照
        </button>
        <button @click="getLocation">
            获取定位
        </button>
    </view>
</template>

<script>
import { mapActions } from 'vuex'
export default {
    methods: {
        ...mapActions('permissionToast', ['requstPermission']),
        //获取定位
        async getLocation() {
            /* #ifdef APP-PLUS */
            if (!await this.requstPermission('ACCESS_FINE_LOCATION')) return
            /* #endif */
            uni.getLocation({
                type: 'gcj02',
                success: res => {
                    console.log(res)
                }
            })
        },
        //拍照
        async takePhoto() {
            /* #ifdef APP-PLUS */
            if (!await this.requstPermission('CAMERA')) return
            /* #endif */
            uni.chooseImage({
                count: 1,
                success: res => {
                    console.log(res)
                }
            })
        }

    }
}
</script>

在vuex里面创建permissionToast模块

permissionToast.js

const state = {
    dialogView: null,
    permissionListener: null,
    list: [{
        name: "CAMERA",
        title: "读取存储权限申请说明:",
        content: "uni-app正在申请摄像头权限,允许或拒绝均不会获取任何隐私信息。",
    }, {
        name: "ACCESS_FINE_LOCATION",
        title: "位置权限说明:",
        content: "需要获取您的位置信息，方便您填写收货地址信息，以便为您准确提供商品配送以及售后服务。",
    }
    ]
}
const actions = {
    //权限获取
    //监听权限申请
    async requstPermission({
        state,
        dispatch
    }, permissionID) {
        return new Promise((resolve, reject) => {
            try {
                // if (!uni.getSystemInfoSync().platform == 'android') return resolve(true) 
                /**
                 * @description plus.navigator.checkPermission 检查应用是否获取指定权限 
                 * 有些权限检测不到 就继续下面的代码，比如相册权限就可以直接检测，就很方便，授权情况下不需要再走下面代码了
                 * checkPermission 返回参数
                 * @params undetermined 未确定
                 * @params authorized 授权
                 */
                let checkPermission = plus.navigator.checkPermission('android.permission.' + permissionID)
                if (checkPermission == 'authorized') return resolve(true)
                //判断是否自己在list里面配置了这个权限
                let index = state.list.findIndex(item => item.name == permissionID)
                console.log(index,789789789798,permissionID);
                if (index == -1) throw new Error('这个权限没有配置')
                //唤起原生权限说明弹框
                dispatch('requstPermissionDialog', index)
                //授权检测回调
                plus.android.requestPermissions(
                    [
                        'android.permission.' + permissionID  //单个权限
                        // 'android.permission.CAMERA', 'android.permission.READ_EXTERNAL_STORAGE'  //多个权限
                    ],
                    (resultObj) => {
                        console.log(resultObj, 'resultObj');
                        // 权限申请结果
                        /**
                         * @description resultObj.deniedAlways 永久拒绝授权
                         * 多个权限返回结果可能是{"granted":["android.permission.CAMERA"],"deniedPresent":[],"deniedAlways":["android.permission.READ_EXTERNAL_STORAGE"]}
                         * 这个情况就是我同时授权相册和相机，但是只允许了相机，没有授权相册
                         * 这个时候 可以通过deniedAlways 查看哪个权限被永久拒绝了，然后自行在设置弹框内容
                         * 所以可以自己判断细分一下，我下面的代码是先判断了是否有永久拒绝的权限，然后直接弹框提示用户去设置
                         */
                        if (resultObj.deniedAlways && resultObj.deniedAlways.length > 0) {
                            uni.showModal({
                                title: '提示',
                                content: '操作权限已被拒绝，请手动前往设置',
                                confirmText: "立即设置",
                                success: (res) => {
                                    if (res.confirm) {
                                        dispatch('gotoAppPermissionSetting')
                                    } else {
                                        resolve(false)
                                    }
                                }
                            })
                            console.log('永久拒绝授权');
                        } else if (resultObj.deniedPresent && resultObj.deniedPresent.length > 0) {
                            resolve(false)
                            console.log('拒绝授权');
                        } else
                            if (resultObj.granted && resultObj.granted.length > 0) {
                                resolve(true)
                                console.log('授权成功');
                            }
                    },
                    (error) => {
                        reject(false)
                        console.log('申请权限错误：', error);
                    }
                );
            } catch (err) {
                reject(false)
                console.log(err);
            }
        })
    },
    //监听弹框
    requstPermissionDialog({
        state,
        dispatch
    }, index) {
        try {
            console.log(index);
            let permissionListener = state.permissionListener;
            if (!permissionListener) permissionListener = uni.createRequestPermissionListener()
            const dialogData = state.list[index]
            permissionListener.onConfirm((res) => {
                dispatch('dialogStyle', {
                    ...dialogData,
                    status: true
                })
            })
            permissionListener.onComplete(async (res) => {
                permissionListener.stop()
                dispatch('dialogStyle', {
                    title: '',
                    content: '',
                    status: false
                })
            })
        } catch (err) {
            console.log('监听弹框错误', err);
        }
    },
    //弹框样式
    dialogStyle({ state }, data) {
        console.log(data);
        const { title, content, status } = data
        try {
            if (!status) return state.dialogView.close()
            const systemInfo = uni.getSystemInfoSync();
            const statusBarHeight = systemInfo.statusBarHeight;
            const navigationBarHeight = systemInfo.platform === 'android' ? 48 :
                44;
            const totalHeight = statusBarHeight + navigationBarHeight;
            state.dialogView = new plus.nativeObj.View('per-modal', {
                top: '0px',
                left: '0px',
                width: '100%',
                backgroundColor: '#444',
                //opacity: .5;
            })
            state.dialogView.drawRect({
                color: '#fff',
                radius: '5px'
            }, {
                top: totalHeight + 'px',
                left: '5%',
                width: '90%',
                height: "100px",
            })
            state.dialogView.drawText(title, {
                top: totalHeight + 5 + 'px',
                left: "8%",
                height: "30px"
            }, {
                align: "left",
                color: "#000",
            })
            state.dialogView.drawText(content, {
                top: totalHeight + 35 + 'px',
                height: "60px",
                left: "8%",
                width: "84%"
            }, {
                whiteSpace: 'normal',
                size: "14px",
                align: "left",
                color: "#656563"
            })
            state.dialogView.show()
        } catch (e) {
            console.log(e, '权限说明弹框样式错误');
        }
    },
    //跳转到app权限设置页面
    gotoAppPermissionSetting() {
        if (!uni.getSystemInfoSync().platform == 'android') {
            var UIApplication = plus.ios.import("UIApplication");
            var application2 = UIApplication.sharedApplication();
            var NSURL2 = plus.ios.import("NSURL");
            // var setting2 = NSURL2.URLWithString("prefs:root=LOCATION_SERVICES");		
            var setting2 = NSURL2.URLWithString("app-settings:");
            application2.openURL(setting2);

            plus.ios.deleteObject(setting2);
            plus.ios.deleteObject(NSURL2);
            plus.ios.deleteObject(application2);
        } else {
            // console.log(plus.device.vendor);
            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);
        }
    }
}
export default {
    namespaced: true,
    state,
    actions
};

更多permissionID 值域清单权限  App权限判断和提示 - DCloud 插件市场

风中凌乱的L
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
uniapp - 获取应用是否有通知权限
qq_18594435的博客
08-19 2176
uniapp 获取当前APP是否有通知权限（安卓，IOS）如果没有开启，引导用户打开
uniApp——Android 11 拍照并保存
愿青春不负梦想
11-09 1040
Android 11 拍照并保存
uniapp App权限配置
皮皮的博客
07-07 3830
uniapp App权限配置
uniapp打包安卓app，获取app的权限数据，并弹窗提示设置app权限
weixin_44074543的博客
12-25 1665
【代码】uniapp打包安卓app，获取app的权限数据，并弹窗提示设置app权限。
Android 申请运行时权限并封装
Dreaming_My_Dream的博客
12-15 380
Android开发团队在6.0系统中加入运行时权限的功能，用户不需要在安装软件的时候一次性授权所有的权限，而是可以在软件使用过程中对某一权限进行授权。Android 将所有权限分为两类，一类是普通权限，一类是危险权限。普通权限：不会直接威胁到用户的安全及隐私，系统会自动帮我们授权。 危险权限：那些可能触及用户的隐私，或者设备安全性的权限，比如设备联系人信息，定位设备地理位置等。 危险权限一共9组24
uniapp华为上架审核, 权限申请告知目的。
m0_59203969的博客
10-31 4134
uniapp华为上架权限告知目的
uniapp ios 授权弹窗 uniapp弹出框怎么实现
前端程序员、项目经理、人工智能博主
11-29 1235
新版本的信息弹窗组件可以弹出很多条信息，并单独控制消失时间、点击消失。用循环来生成很多个弹窗，用this.$refs来传值，并添加数组。
uni-app 安卓手机判断是否开启相机相册权限
donwei8的专栏
03-15 2026
content: '请打开相册存储功能（点击确定后在权限中授权相册存储功能）',content: '请打开相册存储功能（点击确定后在权限中授权相册存储功能）',content: '请打开手机相机相册功能（点击确定后在权限中授权相机相册功能）',// showCancel: false, // 不显示取消按钮。// showCancel: false, // 不显示取消按钮。// showCancel: false, // 不显示取消按钮。// showCancel: false, // 不显示取消按钮。
关于uinapp 华为审核相册 权限 拍摄/从相册选择，申请相机、存储权限；需要说明用途，复制可用
qq_33476262的博客
01-05 709
【代码】关于uinapp 华为审核相册 权限 拍摄/从相册选择，申请相机、存储权限；需要说明用途，复制可用。
uniapp新建文件保存本地 file.js
07-20
uniapp新建文件保存本地 file.js
SpringBoot+Uniapp实战 短视频APP项目.zip
最新发布
05-18
SpringBoot和UniApp的实战结合可以创建出功能丰富、易于维护和扩展的应用程序 该项目是一个前后端分离的项目，前端使用UniApp开发微信小程序，后端使用SpringBoot构建 SpringBoot和UniApp的实战结合可以创建出功能...
uniapp APP打开浏览器界面(browser.js)
07-31
uniapp APP打开浏览器界面
基于JAVA的uniapp聊天APP(全套).zip
02-24
《基于JAVA的uniapp聊天APP（全套）》是一款基于uni-app框架开发的跨平台即时通讯应用程序。该系统使用JAVA语言作为后端开发语言，结合uni-app框架的跨平台特性，实现了一个功能丰富、操作简便的聊天应用。 系统...
在非Activity中请求危险权限
Widsom的博客
03-20 4393
在非Activity中请求危险权限我们知道Android6.0之后对于危险权限需要动态申请。我们动态的请求权限，需要在activity调用requestPermissions()方法;然后在处理activity中的回调方法onRequestPermissionsResult()。那么我们怎么在非Activity动态请求权限，又如何处理activity中的回调方法呢?我的采取一个比较取巧的方法，通过创
Webview调用相册相机失败等问题(h5交互问题)
m0_37959831的博客
09-05 8188
1.Fileprovider用于解决高版本的android系统出现的调用相机和相册不成功的问题 ①. 权限申请 建议在你的BaseActivity中去增加两个方法。 public void onPermissionRequests(String permission, OnBooleanListener onBooleanListener) { onPermis
解决华为等上架被拒问题,软件在运行时，未见向用户告知权限申请的目的
晨风若曦的博客
12-22 1975
解决华为等上架被拒问题,软件在运行时，未见向用户告知权限申请的目的
uniapp 统一获取授权提示和48小时间隔授权
weixin_43073383的博客
12-22 1089
应用商店审核要求 获取权限前需要给提示，拒绝之后48小时不能给弹窗授权。项目用的是uniapp。
uniapp 拉起授权（拒绝后重新开启权限）
m0_74265396的博客
11-01 2350
引入 uniapp 的权限模块：首先，你需要在项目中引入 uniapp 的权限模块。希望这些步骤能够帮助你拉起权限，并且在用户拒绝后能够重新开启权限。检查权限：在拉起权限之前，你可以先检查一下当前权限的状态。重新开启权限：如果权限被拒绝了，可以尝试重新开启权限。方法可以打开设置界面，让用户手动开启权限。方法获取当前权限的状态。
uniapp app权限
07-28
UniApp 是一个基于 Vue.js 开发的跨平台应用开发框架，可以同时开发 iOS、Android、H5 等多个平台的应用。在 UniApp 中，可以通过使用插件或原生 API 来实现获取和管理应用的权限。 UniApp 提供了一些内置插件，如相机、相册、位置等，可以直接调用相关方法来获取对应的权限。例如，使用相机插件可以通过调用 `uni.chooseImage` 方法来获取相机权限，并返回用户选择的图片。 对于一些需要更高级权限的操作，如访问系统通知、获取手机设备信息等，UniApp 提供了原生 API 的支持。通过在 manifest.json 文件中配置相关的权限申请，可以在应用启动时向用户请求权限。例如，要获取系统通知权限，可以在 manifest.json 文件中添加如下配置： ```json { "permission": { "android": { "permission": [ "android.permission.RECEIVE_BOOT_COMPLETED", "android.permission.ACCESS_NOTIFICATION_POLICY" ] }, "ios": { "infoPlist": { "UIBackgroundModes": [ "remote-notification" ] } } } } ``` 需要注意的是，不同平台的权限申请方式可能略有不同，详细的权限配置可以参考 UniApp 的官方文档或相关插件的文档。 总结起来，UniApp 的权限管理主要通过内置插件和原生 API 来实现，开发者可以根据具体需求选择适合的方式来获取和管理应用的权限。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值