微信小程式實作同步請求授權的實例分析

黄舟
發布: 2017-09-12 11:38:56
原創
3207 人瀏覽過

這篇文章主要介紹了微信小程式同步請求授權的詳解的相關資料,在小程式首次打開的時候,我需要同時請求獲取多個權限,由用戶逐一授權,這樣的需求實現,需要的朋友可以參考下

微信小程式同步請求授權的詳解

需求分析:

##1.在小程式首次開啟的時候,我需要同時要求取得多個權限,由使用者逐一授權。



([‘scope.userInfo',‘scope.userLocation',‘scope.address',‘scope.record',‘scope.writePhotosAlbum'])
登入後複製

#問題分析:

#1. wx.authorize介面同時調用,請求多個權限,由於非同步原因,將授權請求一併發出,顯然不符合要求。


2. promise能很好的解決問題,試著嘗試了一下,下面程式碼分成兩個檔案。


// scope.js
import es6 from '../helpers/es6-promise'

// 获取用户授权
function getScope(scopeName) {
 return new es6.Promise(function (resolve, reject) {
  // 查询授权
  wx.getSetting({
   success(res) {
    if (!res.authSetting[scopeName]) {
     // 发起授权
     wx.authorize({
      scope: scopeName,
      success() {
       resolve(0)
      }, fail() {
       resolve(1)
      }
     })
    }
   }
  })
 })
}

module.exports = { getScope: getScope }
登入後複製


// index.js
import scope from "../../service/scope"
Page({
onShow() {
  let list = ["scope.userInfo", "scope.userLocation", "scope.address", "scope.record"];
  // 记录请求结果
  let num = 0;
  // 问题1:怎么改成循环方式?
  scope.getScope(list[0]).then(function (res) {
   num += res;
   scope.getScope(list[1]).then(function (res) {
    num += res;
    scope.getScope(list[2]).then(function (res) {
     num += res;
     scope.getScope(list[3]).then(function (res) {
      num += res;
      // 调起设置界面
      if (num) {
       wx.openSetting({
        success(res) {
         // 允许获取用户信息
         if (res.authSetting["scope.userInfo"])
          userService.login()
        }
       })
      } else {
       userService.login()
      }
     })
    })
   })
  })
})
登入後複製

#分析求解:

1.程式碼中問題1寫法過於笨,但是嘗試用循環方式呼叫寫法,又不知道如何處理回呼問題。


2.wx.authorize接口,success參數官方給出的解釋是(接口調用成功的回調函數),其實不然,實際上是接口調用成功,並且獲取到了scope指定的權限

以上是微信小程式實作同步請求授權的實例分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板