赞
踩
效果图

权限告知
第一步vuex里面定义一个模块,专门管理这个的
- const state = {
- WRITE_EXTERNAL_STORAGE: false,
- READ_EXTERNAL_STORAGE: false,
- CALL_PHONE: false,
- /* #ifdef APP-PLUS */
- isIos: plus.os.name == "iOS",
- /* #endif */
- mapping: {
- 'WRITE_EXTERNAL_STORAGE': {
- title: "存储空间/照片权限说明",
- content: "便于您使用该功能上传您的照片/图片/视频及用于更换头像、发布评论/分享、下载、与客服沟通等场景中读取和写入相册和文件内容。",
- methods: 'SET_WRITE_EXTERNAL_STORAGE'
- },
- 'READ_EXTERNAL_STORAGE': {
- title: "存储空间/照片权限说明",
- content: "便于您使用该功能上传您的照片/图片/视频及用于更换头像、发布评论/分享、下载、与客服沟通等场景中读取和写入相册和文件内容。",
- methods: 'SET_READ_EXTERNAL_STORAGE'
- },
- 'CALL_PHONE': {
- title: "拨打/管理电话权限说明",
- content: "便于您使用该功能联系商家或者商家与您联系等场景",
- methods: 'SET_CALL_PHONE'
- }
- }
- }
- const mutations = {
- SET_WRITE_EXTERNAL_STORAGE(state, val) {
- state.WRITE_EXTERNAL_STORAGE = val
- },
- SET_CALL_PHONE(state, val) {
- state.CALL_PHONE = val
- },
- SET_READ_EXTERNAL_STORAGE(state, val) {
- state.READ_EXTERNAL_STORAGE = val
- }
- }
- const actions = {
- //权限获取
- async requestPermissions({
- state,
- dispatch,
- commit
- }, permissionID) {
- try {
- if (!state[permissionID] && !state.isIos) {
- var viewObj = await dispatch('nativeObjView', permissionID);
- viewObj.show();
- }
- console.log('android.permission.' + permissionID, '当前手机权限');
- return new Promise(async (resolve, reject) => {
- //苹果不需要这个
- if(state.isIos){
- resolve(1);
- return
- }
- // Android权限查询
- function requestAndroidPermission(permissionID_) {
- return new Promise((resolve, reject) => {
- plus.android.requestPermissions(
- [
- permissionID_
- ], // 理论上支持多个权限同时查询,但实际上本函数封装只处理了一个权限的情况。有需要的可自行扩展封装
- function (resultObj) {
- var result = 0;
- for (var i = 0; i < resultObj.granted.length; i++) {
- var grantedPermission = resultObj.granted[i];
- console.log('已获取的权限:' + grantedPermission);
- result = 1
- }
- for (var i = 0; i < resultObj.deniedPresent
- .length; i++) {
- var deniedPresentPermission = resultObj
- .deniedPresent[
- i];
- console.log('拒绝本次申请的权限:' + deniedPresentPermission);
- result = 0
- }
- for (var i = 0; i < resultObj.deniedAlways
- .length; i++) {
- var deniedAlwaysPermission = resultObj.deniedAlways[
- i];
- console.log('永久拒绝申请的权限:' + deniedAlwaysPermission);
- result = -1
- }
- resolve(result);
- },
- function (error) {
- console.log('申请权限错误:' + error.code + " = " + error
- .message);
- resolve({
- code: error.code,
- message: error.message
- });
- }
- );
- });
- }
-
- const result = await requestAndroidPermission(
- 'android.permission.' + permissionID
- );
- if (result === 1) {
- //'已获得授权'
- commit(state.mapping[permissionID].methods, true)
- } else if (result === 0) {
- //'未获得授权'
- commit(state.mapping[permissionID].methods, false)
- } else {
- commit(state.mapping[permissionID].methods, true)
- uni.showModal({
- title: '提示',
- content: '操作权限已被拒绝,请手动前往设置',
- confirmText: "立即设置",
- success: (res) => {
- if (res.confirm) {
- dispatch('gotoAppPermissionSetting')
- }
- }
- })
- }
- if (viewObj) viewObj.close()
- resolve(result);
- });
- } catch (error) {
- console.log(error);
- reject(error);
- }
- },
- //提示框
- nativeObjView({
- state
- }, permissionID) {
- const systemInfo = uni.getSystemInfoSync();
- const statusBarHeight = systemInfo.statusBarHeight;
- const navigationBarHeight = systemInfo.platform === 'android' ? 48 :
- 44; // Set the navigation bar height based on the platform
- const totalHeight = statusBarHeight + navigationBarHeight;
- let view = new plus.nativeObj.View('per-modal', {
- top: '0px',
- left: '0px',
- width: '100%',
- backgroundColor: '#444',
- //opacity: .5;
- })
- view.drawRect({
- color: '#fff',
- radius: '5px'
- }, {
- top: totalHeight + 'px',
- left: '5%',
- width: '90%',
- height: "100px",
- })
- view.drawText(state.mapping[permissionID].title, {
- top: totalHeight + 5 + 'px',
- left: "8%",
- height: "30px"
- }, {
- align: "left",
- color: "#000",
- }, {
- onClick: function (e) {
- console.log(e);
- }
- })
- view.drawText(state.mapping[permissionID].content, {
- top: totalHeight + 35 + 'px',
- height: "60px",
- left: "8%",
- width: "84%"
- }, {
- whiteSpace: 'normal',
- size: "14px",
- align: "left",
- color: "#656563"
- })
-
- function show() {
- view = plus.nativeObj.View.getViewById('per-modal');
- view.show()
- view = null//展示的时候也得清空,不然影响下次的关闭,不知道为啥
- }
-
- function close() {
- view = plus.nativeObj.View.getViewById('per-modal');
- view.close();
- view = null
- }
- return {
- show,
- close
- }
- },
-
- // 跳转到**应用**的权限页面
- gotoAppPermissionSetting({
- state
- }) {
- if (state.isIos) {
- 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,
- mutations,
- actions
- };

另外:看到有人使用 这个检测权限,我没试过,有兴趣的可以自己试一下
plus.navigator.checkPermission('android.permission.CAMERA')
第二步直接引用,在原来基础上加就好了
- <template>
- <view>
- <button type="default" @click="save">读取相册</button>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- }
- },
- methods: {
- async save() {
- /* #ifdef APP-PLUS */
- let result = await this.$store.dispatch("app/requestPermissions",
- 'WRITE_EXTERNAL_STORAGE')
- if (result !== 1) return
- /* #endif */
- uni.saveImageToPhotosAlbum({
- filePath: "",
- success: function(res) {
- uni.showToast({
- title: '保存成功',
- icon:"success"
- });
- },
- fail: function(res) {
- uni.showToast({
- title: '保存失败',
- icon:"fail"
- });
- },
- })
- }
- }
- }
- </script>

最后说明:借鉴了好几个大佬的代码,自己整合了一下。还有就是因为plus.android.requestPermissions只有点击才有回调,如果权限弹框出来了,跳转设置页面的时候,再回来,自己要在show里面在判断一下。我反正没搞,我觉得可以混过审核了
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。