一文帶你了解小程序中的權限設計

更新時間：2022年09月16日 09:49:29 作者：低代碼布道師

我們在日常生活中無論是坐公交還是點餐,都會接觸各種各樣的小程序,下面這篇文章主要給大家介紹了關于小程序中權限設計的相關資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下

前言

日常我們開發(fā)小程序的時候，經(jīng)常需要考慮權限如何設計，比如在我的頁面，管理員可以看到一些菜單，而普通用戶可以看到另外一些菜單。那如何設計這種帶權限的功能呢？本文就以低代碼工具為例，看看低代碼中是如何設計小程序的權限的。

1 權限表設計

在通用的RBAC模型中，角色和權限對應，用戶和角色對應。這樣就實現(xiàn)了用戶可以訪問哪些頁面的控制。小程序中我們可以做一些簡化。我們只設計一張用戶表，用戶表里有個角色的字段，這里用戶注冊之后究竟是管理員還是普通用戶，我們可以自己進行維護。

在做數(shù)據(jù)源設計的時候，需要注意的是角色這塊是需要設置成枚舉值，枚舉項我們添加兩項內(nèi)容，分別是普通用戶和管理員

2、創(chuàng)建應用

為了實現(xiàn)小程序的權限功能，我們先需要創(chuàng)建一個應用，類型的話選擇小程序

3、頁面功能實現(xiàn)

在首頁我們先添加一個普通容器，里邊添加一個按鈕，和兩個文本

給普通容器設置flex布局，讓內(nèi)容都居中對齊

4、定義變量

為了顯示權限信息，我們需要定義兩個全局變量，第一個全局變量來區(qū)分用戶是否是注冊用戶，第二個全局變量用來區(qū)分是否是管理員

還需要定義一個變量用來存放用戶的openid

5、變量的初始化

是否是注冊用戶，需要根據(jù)當前用戶的openid來去數(shù)據(jù)源查，如果返回數(shù)據(jù)就說明是注冊用戶，未返回就說明未注冊。管理員的話直接根據(jù)數(shù)據(jù)的值做判斷就可以。代碼需要寫在低碼編輯器的全局生命周期函數(shù)中

/**
 * 可通過 app 獲取或修改全局應用的 變量 狀態(tài) 等信息
 * 具體可以console.info 在編輯器Console面板查看更多信息
 * 如果需要 async-await，請在方法前 async
 **/
export default {
  async onAppLaunch(launchOpts) {
    //console.log('---------> LifeCycle onAppLaunch', launchOpts)
    const { OPENID, FROM_OPENID } = await app.utils.getWXContext()
    let userId = FROM_OPENID || OPENID
    if (!userId) {
      console.log("userId",userId)
      const { wedaId } = await app.cloud.getUserInfo()
      userId = wedaId
    }
    app.dataset.state.openid = userId
    console.log("openid",app.dataset.state.openid)
    const result = await app.cloud.callModel({
      name: 'yhb_0xbca5z',
      methodName: 'wedaGetRecords',
      params: {
        "where": [
          {
            "key": "openid",
            "rel": "eq",
            "val": app.dataset.state.openid
          }
        ]
      }, // 方法入?yún)?
    });
    if(result.total>=1){
      app.dataset.state.isRegister = true
      let role = result.records[0].js
      console.log("role",role)
      if(role=="2"){
        app.dataset.state.isAdmin = true
      }else{
        app.dataset.state.isAdmin = false
      }
    }else{
      app.dataset.state.isRegister = false
    }
  },
  onAppShow(appShowOpts) {
    //console.log('---------> LifeCycle onAppShow', appShowOpts)
  },
  onAppHide() {
    //console.log('---------> LifeCycle onAppHide')
  },
  onAppError(options) {
    //console.log('---------> LifeCycle onAppError', options)
  },
  onAppPageNotFound(options) {
    //console.log('---------> LifeCycle onAppPageNotFound', options)
  },
  onAppUnhandledRejection(options) {
    //console.log('---------> LifeCycle onAppUnhandledRejection', options)
  }
}