2025.02.25 工作代码提交 app权限提示的弹窗

This commit is contained in:
sx 2025-02-25 18:39:55 +08:00
parent 0a930aa170
commit 8e2a23ed69
19 changed files with 1278 additions and 888 deletions

View File

@ -1,59 +1,122 @@
<script setup>
import {
onLaunch,
} from '@dcloudio/uni-app'
//
import util from '@/common/js/util';
//
import api from '@/api/index.js'
// vuex
import store from '@/store/index.js'
import {
onLaunch,
onExit
} from '@dcloudio/uni-app'
//
import util from '@/common/js/util';
//
import api from '@/api/index.js'
// vuex
import store from '@/store/index.js'
// #ifdef APP
//
import {
registerRequestPermissionTipsListener,
unregisterRequestPermissionTipsListener,
setRequestPermissionTips
} from "@/uni_modules/uni-registerRequestPermissionTips"
var PermissionTips = {
"android.permission.CAMERA": "<h4 style=\"font-size:40px;\">相机使用权限说明</h4><font color=#cccccc>用于在添加、上传、发布、图片和视频等场景中读取和写入相册和文件内容</font>",
"android.permission.WRITE_EXTERNAL_STORAGE": "<h4 style=\"font-size:40px;\">存储空间/照片权限说明</h4><font color=#cccccc>用于在添加、上传、发布、图片和视频等场景中读取和写入相册和文件内容</font>",
"android.permission.RECORD_AUDIO": "<h4 style=\"font-size:40px;\">录音权限说明</h4><font color=#cccccc>用于发送语音消息、语音通话功能</font>",
}
// #endif
onLaunch(() => {
//
getUserinfo()
//
getConfig()
})
onLaunch(() => {
//
getUserinfo()
//
getConfig()
// #ifdef APP
// app
init()
// #endif
})
//
function getUserinfo() {
//
const token = uni.getStorageSync('token')
//
const userinfo = uni.getStorageSync('userinfo')
onExit(() => {
// #ifdef APP
unregisterRequestPermissionTipsListener(null)
// #endif
})
//
if (token) {
//
if (userinfo) store.commit('setState', {
key: 'userinfo',
value: userinfo
})
//
util.getUserinfo().then(rs => {
// im
util.loginTencent(userinfo)
/**
* 处理用户在app端申请的权限
* 文档地址https://ext.dcloud.net.cn/plugin?name=uni-registerRequestPermissionTips
*/
function init() {
var brand = uni.getSystemInfoSync().deviceBrand
setRequestPermissionTips(PermissionTips)
registerRequestPermissionTipsListener({
//
onRequest: (e) => {
console.log(e)
},
//
onConfirm: (e) => {
console.log(e)
},
// onComplete
onComplete: (e) => {
//
if (brand.toLowerCase() == "huawei") {
var tips = {}
var hasDeniedPermission = false
for (var k in PermissionTips) {
if (e[k] != "denied") {
tips[k] = PermissionTips[k]
} else {
hasDeniedPermission = true
}
}
setRequestPermissionTips(tips) //
if (hasDeniedPermission)
uni.showModal({
content: "权限已经被拒绝,请前往设置中开启"
})
}
}
})
}
}
//
function getConfig() {
api.getConfig().then(rs => {
if (rs.code == 200) {
store.commit('setState', {
key: 'config',
value: rs.data
//
function getUserinfo() {
//
const token = uni.getStorageSync('token')
//
const userinfo = uni.getStorageSync('userinfo')
//
if (token) {
//
if (userinfo) store.commit('setState', {
key: 'userinfo',
value: userinfo
})
//
util.getUserinfo().then(rs => {
// im
util.loginTencent(userinfo)
})
return
}
})
}
}
//
function getConfig() {
api.getConfig().then(rs => {
if (rs.code == 200) {
store.commit('setState', {
key: 'config',
value: rs.data
})
return
}
})
}
</script>
<style lang="scss">
/*每个页面公共css */
@import "./common/css/style.scss";
/*每个页面公共css */
@import "./common/css/style.scss";
</style>

View File

@ -85,7 +85,20 @@ const api = {
method: 'GET',
})
},
/**
* 获取带搜索的分类字典数据
* @param {Object} param
*/
getDicFuzzy(param) {
return util.request({
url: '/system/dict/data/type/fuzzy',
path: param.path,
query: param.query,
method: 'GET',
})
},
/**
* 获取未读消息数量
* @param {Object} param

View File

@ -66,14 +66,14 @@ const util = {
showCancel: obj.showCancel,
cancelText: obj.cancelText,
success: res => {
obj.success ? obj.success(res) : () => { }
obj.success ? obj.success(res) : () => {}
resolve(res)
},
fail: err => {
obj.fail ? obj.fail(err) : () => { }
obj.fail ? obj.fail(err) : () => {}
reject(err)
},
complete: res => { }
complete: res => {}
})
})
},
@ -881,32 +881,6 @@ const util = {
})
},
/**
* 预览文件
* @param {String} url 文件路径
*/
view_file(url) {
// 后缀
let suffix = util.get_file_suffix(url).id
//
if (!['doc', 'xls', 'ppt', 'pdf', 'docx', 'xlsx', 'pptx'].includes(suffix)) {
util.alert('操作需要在web端')
console.log('Unsupported suffix', suffix)
return
}
uni.downloadFile({
url,
success: res => {
uni.openDocument({
filePath: res.tempFilePath,
fail: rs => {
console.log('rs', rs)
}
})
}
})
},
/**
* 通过路径获取文件后缀
* @param {Object} url 需要获取的文件路径
@ -919,11 +893,12 @@ const util = {
const file_suffix = util.config[{
'file': 'file_suffix',
'audio': 'audio_suffix',
}[type]]
} [type]]
let result = ''
if (url) result = file_suffix.find(item => item.id === url.split('.').pop().toLowerCase())
return result
},
/**
* 通过路径获取音频后缀
* @param {Object} url 需要获取的文件路径
@ -1045,7 +1020,7 @@ const util = {
obj.fail ? obj.fail('no data') : ''
}
break
// app支付
// app支付
case "app":
uni.requestPayment({
provider: "wxpay",
@ -1067,7 +1042,7 @@ const util = {
break
}
break
// 支付宝支付
// 支付宝支付
case "2":
switch (obj.method) {
// app支付
@ -1092,7 +1067,7 @@ const util = {
break
}
break
// 钱包支付
// 钱包支付
case "4":
obj.success ? obj.success(rs) : ''
result_goto('success')
@ -1164,7 +1139,7 @@ const util = {
util.alert("您拒绝了授权");
// 失败
obj.fail ? obj.fail(res) : (res) => { };
obj.fail ? obj.fail(res) : (res) => {};
},
complete() {
// 结束
@ -1173,235 +1148,6 @@ const util = {
});
},
/**
* 拉起授权请求: 微信小程序app
*/
authorize(obj) {
// 返回promise对象
return new Promise((resolve, reject) => {
// 对象
obj ? obj : obj = {}
// #ifdef APP-PLUS
let isAgreePrivacy = plus.runtime.isAgreePrivacy()
if (!isAgreePrivacy) {
resolve('未同意用户协议隐私政策')
return
}
// #endif
// 菜单
const menu = {
// 定位
location: {
name: '定位服务',
scope: 'scope.userLocation',
txt: '需要获取您的地理位置',
},
// 相册
photosAlbum: {
name: '相册',
scope: 'scope.writePhotosAlbum',
txt: '需要访问您的相册',
},
// 相机
camera: {
name: '摄像头',
scope: 'scope.camera',
txt: '需要访问您的摄像头',
},
}
// 判断是否有键值
if (obj.key) {
// 传参对象
obj = {
...obj,
...menu[obj.key]
}
}
let fnName = ''
// #ifdef MP-WEIXIN
// 微信小程序授权
fnName = 'weChatAuthorize'
// #endif
// #ifdef APP-PLUS
// app授权
fnName = 'appAuthorize'
// #endif
//
this[fnName](obj)
.then(rs => {
// 成功
obj.success ? obj.success(rs) : ''
resolve(rs)
})
.catch(err => {
// 失败
obj.fail ? obj.fail(err) : ''
reject(err)
})
})
},
// app授权
appAuthorize(obj) {
// 系统设置
return new Promise((resolve, reject) => {
// 手机设置
const systemSetting = uni.getSystemSetting()
// 没开
if (systemSetting.locationEnabled === false) {
this.alert(obj.txt)
// 失败
reject({
msg: '未授权对应功能',
})
return
}
// 用户是否开启定位权限
const authorized = uni.getAppAuthorizeSetting().locationAuthorized
console.log('locationAuthorized', authorized);
if (authorized === 'config error') {
// 开发者没有配置权限 https://uniapp.dcloud.net.cn/api/system/getappauthorizesetting.html
reject({
msg: '开发者未勾选定位服务模块',
})
return
} else if (authorized === 'denied') {
// reject({
// msg: 'user denied',
// })
// return
} else if (authorized === 'authorized') {
// 表示已经获得授权,无需再次请求授权
resolve(obj)
return
}
// 判断平台
if (uni.getSystemInfoSync().platform == "android") {
// 请求权限配置
plus.android.requestPermissions(
// 对应权限
['android.permission.ACCESS_FINE_LOCATION'],
// 成功
(resultObj) => {
// 结果
let result = null
for (let i = 0; i < resultObj.granted.length; i++) {
let grantedPermission = resultObj.granted[i]
console.log('已获取的权限:' + grantedPermission)
if (result !== null) result = 1
}
for (let i = 0; i < resultObj.deniedPresent.length; i++) {
let deniedPresentPermission = resultObj.deniedPresent[
i]
console.log('拒绝本次申请的权限:' + deniedPresentPermission)
if (result !== null) result = 0
}
for (let i = 0; i < resultObj.deniedAlways.length; i++) {
let deniedAlwaysPermission = resultObj.deniedAlways[i]
console.log('永久拒绝申请的权限:' + deniedAlwaysPermission)
if (result !== null) result = -1
}
// 成功
if (result === 1) {
resolve()
} else if ([-1].includes(result)) {
// 若所需权限被拒绝,则打开APP设置界面,可以在APP设置界面打开相应权限
// 引导用户打开设置页面
uni.openAppAuthorizeSetting({
success: rs => {
// 失败
reject({
msg: '引导用户打开设置页面',
info: rs,
})
},
fail: err => {
// 失败
reject({
msg: '用户设置页面打开失败',
info: err,
})
},
})
}
},
// 失败
(error) => {
console.log('申请权限错误:' + error.code + " = " + error.message)
resolve({
code: error.code,
message: error.message
})
}
)
} else {
this.alert('请在设置里允许打开定位信息')
resolve({
msg: '用户未开启定位权限',
})
return
}
})
},
// 微信小程序授权
weChatAuthorize(obj) {
// 成功
return new Promise((resolve, reject) => {
// 是否在微信小程序限制范围内
if (!['scope.userInfo', 'scope.userLocation', 'scope.userLocationBackground',
'scope.address',
'scope.record', 'scope.writePhotosAlbum', 'scope.camera',
'scope.invoice',
'scope.invoiceTitle', 'scope.werun'
].includes(obj.scope)) {
resolve({
msg: '不在限制范围内',
})
return
}
// 授权
uni.authorize({
scope: obj.scope,
success: rs => {
// 成功
resolve(rs)
},
fail: err => {
// 失败
reject(err)
// 弹窗提示
util.alert({
title: '系统提示',
value: obj.txt,
success: rs => {
if (rs.confirm) {
// 打开微信权限设置
uni.openSetting()
}
},
})
},
})
})
},
/**
* 最终登录 用于请求登录接口后统一调用的登录方法
* @param {Object} param 数据对象
@ -1412,7 +1158,6 @@ const util = {
const token = param.data
// 缓存token
uni.setStorageSync('token', token)
console.log('set token', token)
// 开启加载
uni.showLoading({
@ -1473,7 +1218,7 @@ const util = {
// 验证sdk是否准备完毕
let isReady = uni.$chat.isReady();
if (!isReady) {
setTimeout(function () {
setTimeout(function() {
util.updateMyProfile(userinfo);
}, 800);
return
@ -1485,7 +1230,7 @@ const util = {
}
uni.$chat.updateMyProfile(obj).then(res => {
// console.log(res);
})
})
},
/**
@ -1748,7 +1493,7 @@ const util = {
}
});
},
showToastAndRedirect(title, icon = 'none', fun = () => { }) {
showToastAndRedirect(title, icon = 'none', fun = () => {}) {
uni.showToast({
title,
icon,

View File

@ -20,7 +20,6 @@
"modules" : {
"Camera" : {},
"Payment" : {},
"Share" : {},
"VideoPlayer" : {},
"Barcode" : {},
"Record" : {}

View File

@ -836,7 +836,7 @@
"list": [
{
"name": "test",
"path": "pages/index/index"
"path": "pages/mine/homepage"
}
]
},

View File

@ -4,6 +4,7 @@
ref,
computed,
reactive,
getCurrentInstance
} from 'vue'
import {
useStore
@ -16,6 +17,9 @@
import util from '@/common/js/util.js'
// api
import api from '@/api/index.js'
const {
proxy
} = getCurrentInstance()
//
const list = reactive([])
//
@ -57,18 +61,6 @@
api.mine.getBankCards({}).then(rs => {
if (rs.code == 200) {
Object.assign(list, rs.data)
list.push({
bankName: "建设银行",
cardHolderName: "商旭",
cardId: "1",
cardNumber: "6217002270031535710",
cardType: "DEBIT",
createTime: null,
delFlag: "0",
isDefault: null,
updateTime: null,
userId: 13,
})
return
}
util.alert({
@ -91,7 +83,8 @@
*/
function handleItem(event, item) {
console.log('event', event, item)
item.cb(item)
event.content.cb(item)
proxy.$refs.swipeAction.closeAll()
}
/**
@ -128,8 +121,10 @@
<view class="main ptb30 plr40">
<view class="name">{{item.bankName}}</view>
<view class="type">
<text v-if="item.cardType == 'DEBIT'">储蓄</text>
<text v-if="item.cardType == 'DEBIT'">借记</text>
<text v-else-if="item.cardType == 'CREDIT'">信用卡</text>
<text v-else-if="item.cardType == 'PREPAID'">预付卡</text>
<text v-else-if="item.cardType == 'QUASI_CREDIT'">准贷记卡</text>
</view>
<view class="number">{{item.cardNumber}}</view>
</view>

View File

@ -4,6 +4,7 @@
ref,
reactive,
computed,
getCurrentInstance,
} from 'vue'
import {
useStore
@ -17,17 +18,95 @@
import api from '@/api/index.js'
//
import getCode from '@/components/getCode/getCode'
//
const {
proxy
} = getCurrentInstance()
//
const bankSearch = ref('')
//
const bankList = reactive([])
//
const bankTypeList = reactive([])
//
const bankTypeIndex = ref('')
//
const form = reactive({
bankName: '',
cardType: '',
cardNumber: '',
phoneNumber: '',
userIdCard: '',
userRealName: '',
})
onLoad(() => {
//
getBankList()
//
getBankTypes()
})
//
function getBankList() {
api.getDicFuzzy({
path: ['bank_type'],
query: {
dictLabel: bankSearch.value,
}
}).then(rs => {
if (rs.code == 200) {
bankList.length = 0
bankList.push(...rs.data)
return
}
util.alert({
content: rs.msg,
showCancel: false,
})
})
}
//
function getBankTypes() {
api.getDict({
path: ['card_type'],
}).then(rs => {
if (rs.code == 200) {
bankTypeList.length = 0
bankTypeList.push(...rs.data.map(item => {
//
item.dictValue = item.dictValue.toUpperCase()
return item
}))
return
}
util.alert({
content: rs.msg,
showCancel: false,
})
})
}
/**
* 选择银行
* @param {Object} item 银行列表项
*/
function handleSelectBank(item) {
if (form.bankName === item.bankName) return
form.bankName = item.dictLabel
proxy.$refs.bankRef.close()
}
/**
* @param {Object} event
*/
function handleBankTypeIndex(event) {
const index = event.detail.value
if (bankTypeIndex.value === index) return
bankTypeIndex.value = index
}
//
function handleSubmit() {
const data = {
@ -35,6 +114,14 @@
}
//
if (!data.bankName) {
util.alert('银行卡名称不能为空')
return
}
if (bankTypeIndex.value === '') {
util.alert('银行卡类型不能为空')
return
}
if (!data.phoneNumber) {
util.alert('手机号不能为空')
return
@ -51,6 +138,8 @@
util.alert('真实姓名不能为空')
return
}
//
data.cardType = bankTypeList[bankTypeIndex.value].dictValue
//
api.mine.addBankCard({
@ -77,43 +166,57 @@
<view class="appbw">
<!-- 表单 -->
<view class="form mtb30 mlr40">
<!-- <view class="line">
<view class="line" @click="$refs.bankRef.open()">
<view class="title">银行名称</view>
<view class="inputBox rows">
<view class="f1" v-if="form.bankName">{{form.bankName}}</view>
<view class="placeholderStyle f1" v-else>请选择银行名称</view>
<uni-icons type="bottom" />
</view>
</view>
<view class="line">
<view class="title">银行卡类型</view>
<view class="inputBox">
<picker :range="bankList" range-key="name">
<picker :range="bankTypeList" range-key="dictLabel" @change="handleBankTypeIndex">
<view class="rows">
<input class="input" disabled type="text" placeholder="请选择银行卡类型" />
<view class="f1" v-if="bankTypeIndex!==''">{{bankTypeList[bankTypeIndex].dictLabel}}</view>
<view class="placeholderStyle f1" v-else>请选择银行名称</view>
<uni-icons type="bottom" />
</view>
</picker>
</view>
</view> -->
</view>
<view class="line">
<view class="title">银行卡卡号</view>
<view class="inputBox">
<input class="input" v-model="form.cardNumber" type="text" placeholder="请输入银行卡卡号" />
<input class="input" v-model="form.cardNumber" type="text" placeholder="请输入银行卡卡号"
placeholder-class="placeholderStyle" />
</view>
</view>
<view class="line">
<view class="title">姓名</view>
<view class="inputBox">
<input class="input" v-model="form.userRealName" type="text" placeholder="请输入姓名" />
<input class="input" v-model="form.userRealName" type="text" placeholder="请输入姓名"
placeholder-class="placeholderStyle" />
</view>
</view>
<view class="line">
<view class="title">身份证号</view>
<view class="inputBox">
<input class="input" v-model="form.userIdCard" type="text" placeholder="请输入身份证号" />
<input class="input" v-model="form.userIdCard" type="text" placeholder="请输入身份证号"
placeholder-class="placeholderStyle" />
</view>
</view>
<view class="line">
<view class="title">手机号银行绑定的手机号</view>
<view class="inputBox">
<input class="input" v-model="form.phoneNumber" type="text" placeholder="请输入手机号" />
<input class="input" v-model="form.phoneNumber" type="text" placeholder="请输入手机号"
placeholder-class="placeholderStyle" />
</view>
</view>
@ -127,11 +230,44 @@
</view>
</view> -->
<!-- 温馨提示 -->
<view class="notice ptb20 plr30 br20">
<view class="key">温馨提示</view>
<view class="content mt15 c333 f28">
<view>为保证账户资金安全请仔细核对好填写信息在点击绑定</view>
</view>
</view>
<view class="btn lg black mt50" @click="handleSubmit">绑定</view>
</view>
<view class="fill"></view>
</view>
<!-- 搜索银行卡 -->
<uni-popup ref="bankRef" type="bottom">
<view class="selectionBox ptb20 plr20 bfff c999 f28">
<view class="title c333 f34 tac">选择银行卡</view>
<!-- 可选的列表 -->
<view class="mt20">
<scroll-view scroll-y="true" class="scroll">
<view class="selection">
<view class="option df aic" v-for="(item,index) in bankList" :key="index"
@click="handleSelectBank(item,index)" :class="{'active': item.dictLabel === form.bankName}">
<text class="thd f1">{{item.dictLabel}}</text>
</view>
</view>
</scroll-view>
</view>
<!-- -->
<view class="inputBox rows mt20 ptb10 plr20 br20">
<input class="f1" type="text" v-model="bankSearch" placeholder="输入你想选择的用户" />
<view class="" @click="getBankList">搜索</view>
</view>
</view>
</uni-popup>
</template>
<style lang="scss" scoped>
@ -155,4 +291,36 @@
}
}
}
//
.selectionBox {
.scroll {
height: 800rpx;
.option {
box-sizing: border-box;
height: 60rpx;
border-bottom: 1rpx solid #E5E5E5;
//
&.active {
background-color: #E5E5E5;
}
}
}
//
.editBox {
background-color: #F4F4F4;
}
}
//
.notice {
background-color: #ff888844;
.content {
color: #aa3333;
}
}
</style>

File diff suppressed because it is too large Load Diff

View File

@ -13,6 +13,7 @@
//
import productList from '@/components/shop/productList/productList'
//
const filteredList = ref([{
label: '默认',
value: 1,
@ -37,10 +38,10 @@
//
const apexBgColor = ref('#ffffff00')
// id
const id = ref('0')
const storeId = ref('')
onLoad((option) => {
if (option.id) id.value = option.id
if (option.storeId) storeId.value = option.storeId
})
onPageScroll((ev) => {

View File

@ -0,0 +1,8 @@
## 1.0.32024-10-18
修复4.25版引起的插件回调只触发一次的问题。
## 1.0.22024-09-05
修复uni.chooseImage或者其他部分情况下弹窗不显示的bug。
## 1.0.12024-05-30
修复云打包可能报错的bug
## 1.0.02024-03-09
支持全局监听权限申请。当申请权限时,会在页面顶部显示申请权限的目的。

View File

@ -0,0 +1,115 @@
{
"id": "uni-registerRequestPermissionTips",
"displayName": "uni-registerRequestPermissionTips",
"version": "1.0.3",
"description": "支持android平台全局监听权限的申请。当申请权限时会在页面顶部显示申请权限的目的。主要解决上架华为应用市场审核要求APP在调用终端权限时应同步告知用户申请该权限的目的。",
"keywords": [
"权限",
"权限申请",
"上架",
"华为"
],
"repository": "",
"engines": {
"HBuilderX": "^4.0"
},
"dcloudext": {
"type": "uts",
"sale": {
"regular": {
"price": "0.00"
},
"sourcecode": {
"price": "0.00"
}
},
"contact": {
"qq": ""
},
"declaration": {
"ads": "无",
"data": "无",
"permissions": "无"
},
"npmurl": ""
},
"uni_modules": {
"dependencies": [
],
"uni-ext-api": {
"uni": {
"registerRequestPermissionTipsListener": {
"name": "registerRequestPermissionTipsListener",
"app": {
"js": false,
"kotlin": true,
"swift": false
}
},
"unregisterRequestPermissionTipsListener": {
"name": "unregisterRequestPermissionTipsListener",
"app": {
"js": false,
"kotlin": true,
"swift": false
}
},
"setRequestPermissionTips": {
"name": "setRequestPermissionTips",
"app": {
"js": false,
"kotlin": true,
"swift": false
}
}
}
},
"encrypt": [],
"platforms": {
"cloud": {
"tcb": "y",
"aliyun": "y",
"alipay": "y"
},
"client": {
"Vue": {
"vue2": "y",
"vue3": "y"
},
"App": {
"app-android": "y",
"app-ios": "n",
"app-harmony": "u"
},
"H5-mobile": {
"Safari": "n",
"Android Browser": "n",
"微信浏览器(Android)": "n",
"QQ浏览器(Android)": "n"
},
"H5-pc": {
"Chrome": "n",
"IE": "n",
"Edge": "n",
"Firefox": "n",
"Safari": "n"
},
"小程序": {
"微信": "n",
"阿里": "n",
"百度": "n",
"字节跳动": "n",
"QQ": "n",
"钉钉": "n",
"快手": "n",
"飞书": "n",
"京东": "n"
},
"快应用": {
"华为": "n",
"联盟": "n"
}
}
}
}
}

View File

@ -0,0 +1,95 @@
## registerRequestPermissionTipsListener(listener?)
注册权限监听事件
## unregisterRequestPermissionTipsListener(listener?)
取消注册权限监听事件
## RequestPermissionTipsListener的属性值
|名称 |类型 |描述 |必填 |
|:-- |:-- |:-- |:-- |
|onRequest |(permissions:Array<string>)=>void |申请系统权限回调permissions为触发权限申请的所有权限 |否 |
|onConfirm |(permissions:Array<string>)=>void |弹出系统权限授权框回调permissions为触发弹出权限授权框的所有权限 |否 |
|onComplete |(permissions:UTSJSONObject)=>void |权限申请完成回调permissions包括权限及权限的状态。`grant`为权限已获取,`denied`为权限已拒绝 |否 |
## setRequestPermissionTips(UTSJSONObject)
设置权限监听的说明。支持针对权限设置具体的说明。
参考:`{"android.permission.CAMERA":"<p>相机权限申请说明</p>"}`
安卓权限列表可参考[谷歌官方文档](https://developer.android.com/reference/android/Manifest.permission)。
权限申请说明基于原生TextView实现可以实现加载html内容支持的标签及属性可参考
```
<b><strong>:加粗文本。
<i><em>:斜体文本。
<u>:下划线文本。
<sup>:上标文本。
<sub>:下标文本。
<tt>:等宽字体文本。
<big>:放大字体。
<small>:缩小字体。
<strike><s><del>:带有删除线的文本。
<p>:段落。
<div>:块级容器。
<h1><h2><h3><h4><h5><h6>:区域标题元素。
<ul>, <ol>, <li>:无序列表和有序列表。
<br>:换行。
<font color="..."><font size="...">:设置文本颜色和大小。
```
## 示例
```
<script>
import {
registerRequestPermissionTipsListener,
unregisterRequestPermissionTipsListener,
setRequestPermissionTips
} from "@/uni_modules/uni-registerRequestPermissionTips"
var PermissionTips = {
"android.permission.CAMERA": "<h4 style=\"font-size:40px;\">正在读取通讯录权限</h4><font color=#cccccc>通讯录权限不会获取任何信息,请注意</font>",
"android.permission.READ_PHONE_STATE": "<h4 style=\"font-size:40px;\">正在读取网络状态权限</h4><font color=#cccccc>通讯录权限不会获取任何信息,请注意通讯录权限不会获取任何信息,请注意通讯录权限不会获取任何信息,请注意</font>"
}
export default {
onLaunch: function() {
var brand = uni.getSystemInfoSync().deviceBrand
setRequestPermissionTips(PermissionTips)
registerRequestPermissionTipsListener({
onRequest: (e) => {
console.log(e)
},
onConfirm: (e) => {
console.log(e)
},
onComplete: (e) => {
// 华为手机在权限禁止之后,再次申请权限不会出现权限申请框。此时应该引导用户去系统设置开启此权限,不应该频繁申请。
if (brand.toLowerCase() == "huawei") {
var tips = {}
var hasDeniedPermission = false
for (var k in PermissionTips) {
if (e[k] != "denied") {
tips[k] = PermissionTips[k]
} else {
hasDeniedPermission = true
}
}
setRequestPermissionTips(tips) // 更新弹框提醒,防止华为手机不出现权限申请框时权限提醒框闪烁的情况
if (hasDeniedPermission)
uni.showModal({
content: "权限已经被拒绝,请前往设置中开启"
})
}
}
})
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
},
onExit: function() {
unregisterRequestPermissionTipsListener(null)
}
}
</script>
```

View File

@ -0,0 +1,3 @@
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" package="io.dcloud.uts.permissionrequest">
</manifest>

View File

@ -0,0 +1,3 @@
{
"minSdkVersion": "21"
}

View File

@ -0,0 +1,148 @@
import { UnregisterRequestPermissionTipsListener, RegisterRequestPermissionTipsListener, RequestPermissionTipsListener, SetRequestPermissionTips } from "../interface";
import RelativeLayout from 'android.widget.RelativeLayout';
import LinearLayout from 'android.widget.LinearLayout';
import Color from 'android.graphics.Color';
import TextView from 'android.widget.TextView';
import ViewGroup from 'android.view.ViewGroup';
import Activity from 'android.app.Activity';
import HashMap from 'java.util.HashMap';
import AnimationUtils from 'android.view.animation.AnimationUtils';
import R from 'io.dcloud.uts.permissionrequest.R'
import Html from 'android.text.Html';
import View from 'android.view.View';
import Runnable from "java.lang.Runnable"
let PermissionTipsView : View | null = null
let permissionTips : HashMap<String, String> = new HashMap<String, String>()
var permissionListener : RequestPermissionListener | null = null
var listener : RequestPermissionTipsListener | null = null
@UTSJS.keepAlive
export function unregisterRequestPermissionTipsListener(e : RequestPermissionTipsListener | null) {
listener = null;
if (permissionListener != null) {
permissionListener!.stop()
permissionListener = null
}
if (PermissionTipsView != null) {
if (PermissionTipsView!.getParent() != null) {
PermissionTipsView!.setAnimation(null);
((PermissionTipsView!.getParent()) as ViewGroup).removeView(PermissionTipsView)
}
PermissionTipsView = null
}
}
@UTSJS.keepAlive
export function registerRequestPermissionTipsListener(l : RequestPermissionTipsListener | null) {
listener = l
if (permissionListener == null) {
permissionListener = uni.createRequestPermissionListener()
permissionListener!.onRequest((permissions : Array<string>) => {
if (listener != null)
listener!.onRequest?.invoke(permissions)
})
permissionListener!.onConfirm((permissions : Array<string>) => {
UTSAndroid.getUniActivity()!.runOnUiThread(new ConfirmRunnable(permissions))
})
permissionListener!.onComplete((permissions : Array<string>) => {
UTSAndroid.getUniActivity()!.runOnUiThread(new CompleteRunnable(permissions))
})
}
}
class ConfirmRunnable implements Runnable {
permissions : Array<string>
constructor(permissions : Array<string>) {
this.permissions = permissions
}
override run() {
let activity = UTSAndroid.getUniActivity()!
if (PermissionTipsView != null && PermissionTipsView!.getParent() != null) {
PermissionTipsView!.setAnimation(null);
((PermissionTipsView!.getParent()) as ViewGroup).removeView(PermissionTipsView)
}
if (this.permissions.length > 0) {
try {
PermissionTipsView = createPermissionWindow(activity, this.permissions);
if (PermissionTipsView != null) {
(activity.findViewById(android.R.id.content) as ViewGroup).addView(PermissionTipsView!)
}
} catch (e) {
console.log(e)
}
}
if (listener != null)
listener!.onConfirm?.invoke(this.permissions)
}
}
class CompleteRunnable implements Runnable {
permissions : Array<string>
constructor(permissions : Array<string>) {
this.permissions = permissions
}
override run() {
let activity = UTSAndroid.getUniActivity()!
if (PermissionTipsView != null) {
PermissionTipsView!.setAnimation(AnimationUtils.loadAnimation(activity, R.anim.popupwindow_exit));
((PermissionTipsView!.getParent()) as ViewGroup).removeView(PermissionTipsView!)
PermissionTipsView = null
}
if (listener != null) {
var permissionStatus = {}
for (var p in this.permissions) {
permissionStatus[p] = UTSAndroid.checkSystemPermissionGranted(UTSAndroid.getUniActivity()!, [p]) ? "grant" : "denied"
}
listener!.onComplete?.invoke(permissionStatus)
}
}
}
export const setRequestPermissionTips : SetRequestPermissionTips = (tips : UTSJSONObject) => {
permissionTips.clear()
for (var k in tips) {
permissionTips.put(k, tips[k] != null ? tips[k].toString() : "")
}
}
function createPermissionWindow(activity : Activity, permissions : Array<string>) : ViewGroup | null {
let rootView = new RelativeLayout(activity);
rootView.setBackgroundColor(Color.TRANSPARENT);
let backgroundView = new LinearLayout(activity);
backgroundView.setPadding(30, 0, 30, 30);
backgroundView.setOrientation(1)
backgroundView.setBackgroundResource(R.drawable.dcloud_permission_background);
let permissionTipsList : Array<string> = new Array<string>()
for (var p in permissions) {
if (permissionTips.containsKey(p) && permissionTipsList.indexOf(permissionTips.get(p)) == -1) {
permissionTipsList.push(permissionTips.get(p)!)
}
}
for (var p in permissionTipsList) {
let text = new TextView(activity);
text.setText(Html.fromHtml(p, Html.FROM_HTML_SEPARATOR_LINE_BREAK_HEADING))
text.setPadding(0, 30, 0, 0)
text.setTextSize((5 * getScale()).toFloat())
text.setTextColor(Color.BLACK)
backgroundView.addView(text)
}
if (backgroundView.getChildCount() == 0) {
return null;
}
let rll = new RelativeLayout.LayoutParams(-1, -2)
rll.topMargin = (UTSAndroid.getStatusBarHeight() * getScale()).toInt();
rll.leftMargin = 30;
rll.rightMargin = 30;
rll.bottomMargin = 30;
rootView.addView(backgroundView, rll)
rootView.setAnimation(AnimationUtils.loadAnimation(activity, R.anim.popupwindow_enter));
return rootView;
}
function getScale() : Float {
if (UTSAndroid.getUniActivity() != null) {
return UTSAndroid.getUniActivity()!.resources.displayMetrics.scaledDensity
}
return (0 as number).toFloat();
}

View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="200"
android:fromYDelta="-100%"
android:toYDelta="0" >
</translate>

View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="200"
android:fromYDelta="0"
android:toYDelta="-100%" />

View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<corners android:radius="8dp" />
<!-- <stroke android:color="@color/black" android:width="2dp"/>-->
<solid android:color="#ffffff"/>
</shape>

View File

@ -0,0 +1,19 @@
export type RequestPermissionTipsListener = {
onRequest ?: ((permissions : Array<string>) => void) | null,
onConfirm ?: ((permission : Array<string>) => void) | null,
onComplete ?: ((permissions : UTSJSONObject) => void) | null
}
export type RegisterRequestPermissionTipsListener = (listener : RequestPermissionTipsListener | null) => void
export type UnregisterRequestPermissionTipsListener = (listener : RequestPermissionTipsListener | null) => void
export type SetRequestPermissionTips = (tips : UTSJSONObject) => void
export interface Uni {
registerRequestPermissionTipsListener : RegisterRequestPermissionTipsListener,
unregisterRequestPermissionTipsListener : UnregisterRequestPermissionTipsListener
setRequestPermissionTips : SetRequestPermissionTips
}