快捷導(dǎo)航

uniapp小程序權(quán)限授權(quán)封裝代碼示例

更新時(shí)間：2026年05月23日 08:32:50 作者：派大星jason

在微信小程序中,用戶(hù)公開(kāi)信息包括昵稱(chēng)、頭像等,這些信息可以通過(guò)微信授權(quán)獲取,下面這篇文章主要介紹了uniapp小程序權(quán)限授權(quán)封裝的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下

封裝原因

項(xiàng)目中會(huì)出現(xiàn)像用戶(hù)拿地理位置信息或其他權(quán)限的需求，但是我們無(wú)法控制用戶(hù)的操作，如果用戶(hù)按要求給了我們相關(guān)權(quán)限那么項(xiàng)目就可以正常走下去，但是如果用戶(hù)誤觸或者點(diǎn)擊了拒絕，會(huì)導(dǎo)致項(xiàng)目缺少了某些數(shù)據(jù)（例如位置參數(shù)）導(dǎo)致無(wú)法繼續(xù)進(jìn)行下去。

而微信小程序除隱私授權(quán)外其他的大部分授權(quán)都是拒絕過(guò)一次后就不會(huì)再?gòu)棿霸?xún)問(wèn)授權(quán)了，這會(huì)導(dǎo)致用戶(hù)拒絕了一次權(quán)限后就不再詢(xún)問(wèn)授權(quán)，會(huì)導(dǎo)致用戶(hù)一直使用不了小程序，從而導(dǎo)致使用體驗(yàn)

我們當(dāng)然可以處理權(quán)限拒絕的情況，但是每次都寫(xiě)重復(fù)的代碼不符合我們的預(yù)期（摸魚(yú)ing...），所以將處理邏輯封裝起來(lái)，每次需要用時(shí)調(diào)用即可

代碼

/*
	獲取用戶(hù)授權(quán)(小程序?qū)Ｓ?
	@scopeName 授權(quán)名稱(chēng) 參考文檔:https://uniapp.dcloud.net.cn/api/other/authorize.html#scope-%E5%88%97%E8%A1%A8
	@tip 提示信息
	@cb 回調(diào)函數(shù)
*/
export const getSetting = function (scopeName, tip = '請(qǐng)?jiān)谠O(shè)置中開(kāi)啟授權(quán)', cb) {
	uni.getSetting({
		success: (res) => {
			if (res.authSetting[scopeName]) {
				// 已經(jīng)授權(quán)，調(diào)用回調(diào)函數(shù)
				cb();
			} else if (res.authSetting[scopeName] === false) {
				// 用戶(hù)已拒絕授權(quán)，引導(dǎo)用戶(hù)到設(shè)置頁(yè)面開(kāi)啟
				uni.showModal({
					title: '您未開(kāi)啟相關(guān)授權(quán)',
					content: tip,
					success: (res) => {
						if (res.confirm) {
							uni.openSetting({
								success(settingRes) {
									if (settingRes.authSetting[scopeName]) {
										// 用戶(hù)打開(kāi)了授權(quán)，調(diào)用回調(diào)函數(shù)
										cb();
									}
								},
							});
						}
					},
				});
			} else {
				// 首次使用，請(qǐng)求授權(quán)
				uni.authorize({
					scope: scopeName,
					success() {
						cb();
					},
					fail() {
						// 首次使用，用戶(hù)拒絕授權(quán)，引導(dǎo)用戶(hù)到設(shè)置頁(yè)面開(kāi)啟
						uni.showModal({
							title: '您未開(kāi)啟相關(guān)授權(quán)',
							content: tip,
							success: (res) => {
								if (res.confirm) {
									uni.openSetting({
										success(settingRes) {
											if (settingRes.authSetting[scopeName]) {
												// 用戶(hù)打開(kāi)了授權(quán)，調(diào)用回調(diào)函數(shù)
												cb();
											}
										},
									});
								}
							},
						});
					},
				});
			}
		},
	});
};

使用示例

getSetting('scope.userLocation', '請(qǐng)?jiān)谠O(shè)置中開(kāi)啟地理位置授權(quán)', () => {
			console.log('地理位置授權(quán)成功');
		});

總結(jié)

到此這篇關(guān)于uniapp小程序權(quán)限授權(quán)封裝代碼示例的文章就介紹到這了,更多相關(guān)uniapp小程序權(quán)限授權(quán)封裝內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: