微信小程序用戶后臺(tái)定位及錄音授權(quán)及請(qǐng)求示例
官方文檔
<https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html>
https://developers.weixin.qq.com/miniprogram/dev/api/open-api/setting/wx.getSetting.html
小程序授權(quán)
1 因?yàn)椴糠止δ苄枰猛夂蟛拍苁褂谩?/p>
2 wx.getSetting來(lái)判斷該用戶有沒有對(duì)接口授權(quán),我判斷哪個(gè)接口,就必須給wx.getSetting傳對(duì)應(yīng)的scope值
一個(gè)scope值對(duì)應(yīng)這個(gè)一個(gè)或多個(gè)接口
3 如果我們從wx.getSetting中發(fā)現(xiàn)scope值是false,標(biāo)識(shí)沒有授權(quán),我們可以通過(guò)wx.authorize發(fā)起授權(quán),對(duì)那個(gè)接口授權(quán),就給wx.authorize傳對(duì)應(yīng)scope值就可以了。如果用用戶同意授權(quán),就可以直接使用對(duì)應(yīng)的接口了。
4 但是scope.userInfo沒有辦法使用wx.authorize自動(dòng)彈起彈框。必須要用戶手動(dòng)點(diǎn)擊按鈕喚起授權(quán)彈框。
代碼格式:
<button open-type="getUserInfo" bindgetuserinfo="user1">用戶信息</button>
我們可以再響應(yīng)函數(shù)的參數(shù)中獲取用戶信息。e.detail,這個(gè)和直接調(diào)用wx.getUserInfo獲取的內(nèi)容一樣。
獲取用戶授權(quán)設(shè)置
開發(fā)者可以使用 wx.getSetting 獲取用戶當(dāng)前的授權(quán)狀態(tài)。
提前發(fā)起授權(quán)請(qǐng)求
開發(fā)者可以使用 wx.authorize 在調(diào)用需授權(quán) API 之前,提前向用戶發(fā)起授權(quán)請(qǐng)求。
scope 列表
| scope | 對(duì)應(yīng)接口 | 描述 |
|---|---|---|
| scope.userInfo | wx.getUserInfo | 用戶信息 |
| scope.userLocation | wx.getLocation, wx.chooseLocation | 地理位置 |
| scope.userLocationBackground | wx.startLocationUpdateBackground | 后臺(tái)定位 |
| scope.address | wx.chooseAddress | 通訊地址 |
| scope.invoiceTitle | wx.chooseInvoiceTitle | 發(fā)票抬頭 |
| scope.invoice | wx.chooseInvoice | 獲取發(fā)票 |
| scope.werun | wx.getWeRunData | 微信運(yùn)動(dòng)步數(shù) |
| scope.record | wx.startRecord | 錄音功能 |
| scope.writePhotosAlbum | wx.saveImageToPhotosAlbum, wx.saveVideoToPhotosAlbum | 保存到相冊(cè) |
| scope.camera | camera 組件 | 攝像頭 |
授權(quán)有效期
一旦用戶明確同意或拒絕過(guò)授權(quán),其授權(quán)關(guān)系會(huì)記錄在后臺(tái),直到用戶主動(dòng)刪除小程序。
注意事項(xiàng)
wx.authorize({scope: "scope.userInfo"}) 用戶信息 的授權(quán)必須button用戶手動(dòng)觸發(fā)彈窗,授權(quán)
其他錄音等授權(quán),可以直接寫在生命周期中,自動(dòng)彈窗,用戶點(diǎn)擊授權(quán)
wx.authorize({scope: "scope.userInfo"}),不會(huì)彈出授權(quán)窗口,請(qǐng)使用 ``open-type="getUserInfo"
<button bindgetuserinfo="user1" open-type="getUserInfo">個(gè)人信息1</button>
需要授權(quán) scope.userLocation、scope.userLocationBackground 時(shí)必須配置地理位置用途說(shuō)明。
后臺(tái)定位
與其它類型授權(quán)不同的是,scope.userLocationBackground 不會(huì)彈窗提醒用戶。需要用戶在設(shè)置頁(yè)中,主動(dòng)將“位置信息”選項(xiàng)設(shè)置為“使用小程序期間和離開小程序后”。開發(fā)者可以通過(guò)調(diào)用wx.openSetting,打開設(shè)置頁(yè)。

案例:個(gè)人信息getUserInfo
# wxml文件: <button bindtap="lu">錄音</button> <button bindtap="user" open-type="getUserInfo">個(gè)人信息</button> <button bindgetuserinfo="user1" open-type="getUserInfo">個(gè)人信息1</button>
# js文件:
lu:function(){
wx.getSetting({
success(res){
if (!res.authSetting['scope.record']) {
wx.authorize({
scope: 'scope.record', // 授權(quán)的功能
success() {
// 用戶已經(jīng)同意小程序使用錄音功能,后續(xù)調(diào)用 wx.startRecord 接口不會(huì)彈窗詢問(wèn)
wx.startRecord() // 使用接口
}, fail() { // 用戶不同意進(jìn)入fail回調(diào)
console.log("你沒有授權(quán)")
}
})
} else {
wx.startRecord() //使用接口
}
}
})
},
user: function () {
wx.getSetting({
success(res) {
if (!res.authSetting['scope.userInfo']) {
wx.authorize({
scope: 'scope.userinfo', // 授權(quán)的功能
success() {
console.log('進(jìn)來(lái)了')
wx.startRecord() // 使用接口
}
})
} else {
console.log('已經(jīng)授權(quán)了')
wx.startRecord() //使用接口
}
}
})
},
user1:function(e){
console.log('e',e.detail)
wx.getSetting({
success(res){
if (res.authSetting['scope.userInfo']){
wx.getUserInfo({
success:(res) => {
console.log('res',res)
}
})
}
}
})
},
錄音等,可以寫在onLaunch中
App({
onLaunch: function () {
// 獲取用戶信息
wx.getSetting({
success: res => {
if (res.authSetting['scope.record']) {
// 已經(jīng)授權(quán),可以直接調(diào)用 record 獲取頭像昵稱,不會(huì)彈框
wx.getUserInfo({
success: res => {
// 可以將 res 發(fā)送給后臺(tái)解碼出 unionId
this.globalData.userInfo = res.record
// 由于 record 是網(wǎng)絡(luò)請(qǐng)求,可能會(huì)在 Page.onLoad 之后才返回
// 所以此處加入 callback 以防止這種情況
if (this.userInfoReadyCallback) {
this.userInfoReadyCallback(res)
}
}
})
}
}
})以上就是微信小程序用戶后臺(tái)定位及錄音授權(quán)及請(qǐng)求示例的詳細(xì)內(nèi)容,更多關(guān)于微信小程序用戶后臺(tái)定位及錄音授權(quán)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
- 微信小程序?qū)崿F(xiàn)錄音與音頻播放功能
- 微信小程序?qū)崿F(xiàn)錄音Record功能
- 微信小程序錄音實(shí)現(xiàn)功能并上傳(使用node解析接收)
- 微信小程序?qū)崿F(xiàn)錄音功能
- 微信小程序?qū)崿F(xiàn)錄音時(shí)的麥克風(fēng)動(dòng)畫效果實(shí)例
- 微信小程序錄音文件格式silk遇到的問(wèn)題及解決方法
- 微信小程序錄音與播放錄音功能
- 微信小程序開發(fā)之錄音機(jī) 音頻播放 動(dòng)畫實(shí)例 (真機(jī)可用)
- 微信小程序-圖片、錄音、音頻播放、音樂(lè)播放、視頻、文件代碼實(shí)例
- 微信小程序?qū)崿F(xiàn)錄音播放錄音功能
相關(guān)文章
JS判斷字符串字節(jié)數(shù)并截取長(zhǎng)度的方法
這篇文章主要介紹了JS判斷字符串字節(jié)數(shù)并截取長(zhǎng)度的方法,涉及JavaScript針對(duì)頁(yè)面元素與字符串的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2016-03-03
JavaScript獲取URL參數(shù)的幾種方法小結(jié)
在Web開發(fā)中,經(jīng)常需要從URL中提取參數(shù)來(lái)進(jìn)行相應(yīng)的操作,本文將深度解析在JavaScript中獲取URL參數(shù)的幾種方法,并附帶一些擴(kuò)展與高級(jí)技巧,希望對(duì)你有所幫助2024-09-09
JavaScript使用setTimeout實(shí)現(xiàn)倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript使用setTimeout實(shí)現(xiàn)倒計(jì)時(shí)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-02-02
javascript實(shí)現(xiàn)計(jì)算指定范圍內(nèi)的質(zhì)數(shù)示例
這篇文章主要介紹了javascript實(shí)現(xiàn)計(jì)算指定范圍內(nèi)的質(zhì)數(shù),涉及javascript數(shù)值計(jì)算與判斷相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
微信小程序返回上一級(jí)頁(yè)面的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序返回上一級(jí)頁(yè)面的實(shí)現(xiàn)代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06
xmlplus組件設(shè)計(jì)系列之網(wǎng)格(DataGrid)(10)
xmlplus 是一個(gè)JavaScript框架,用于快速開發(fā)前后端項(xiàng)目。這篇文章主要介紹了xmlplus組件設(shè)計(jì)系列之xmlplus網(wǎng)格,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05

