場景

為冷水江等地區(qū)用戶提供了全套網頁設計制作服務，及冷水江網站建設行業(yè)解決方案。主營業(yè)務為成都做網站、成都網站建設、成都外貿網站建設、冷水江網站設計，以傳統(tǒng)方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

• 小程序有52個頁面，其中13個頁面無需任何身份，另外39個頁面需要系統(tǒng)角色。對于這39個頁面，如果微信用戶沒有系統(tǒng)角色，則跳轉到登錄頁。
• 是否有系統(tǒng)角色信息需要通過異步請求來獲取。

需求分析&實現

對需求進行抽象，其實要的就是一個過濾器，對小程序頁面的訪問進行過濾，符合條件的通過，不符合條件進行其他處理。

使用過php的laravel框架的童鞋，肯定一下子就聯想到了laravel框架的http中間件:

HTTP 中間件提供一個方便的機制來過濾進入應用程序的 HTTP 請求，例如，Laravel 默認包含了一個中間件來檢驗用戶身份驗證，如果用戶沒有經過身份驗證，中間件會將用戶導向登錄頁面，然而，如果用戶通過身份驗證，中間件將會允許這個請求進一步繼續(xù)前進。當然，除了身份驗證之外，中間件也可以被用來執(zhí)行各式各樣的任務，CORS 中間件負責替所有即將離開程序的響應加入適當的響應頭，一個日志中間件可以記錄所有傳入應用程序的請求。

令人憂桑的是，微信小程序并沒有提供針對Page實例的中間件機制。所以只能從Page實例的生命周期處下手。

對于onLoad,一個頁面只會調用一次；對于onShow,每次打開頁面(比如小程序從后臺轉到前臺)都會調用一次。

在onLoad或者onShow鉤子函數里，對用戶身份進行校驗，通過后則拉取該頁面需要的數據，否則跳轉到登錄頁。

//orderDetail.js
onShow: function () {
  let that = this;
  //身份校驗
  service.identityCheck(() => {
     //跳轉到登錄頁
     wx.redirectTo({
      url: "/pages/common/login/login"
     });
    }, () => {  
     //獲取頁面數據等等   
     that.getDetail(this.orderId);
     ...
    }
  );
 },

另外有需要云服務器可以了解下創(chuàng)新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享文章：微信小程序之頁面攔截器的示例代碼-創(chuàng)新互聯
分享地址：http://weahome.cn/article/cogeeh.html