建立多個H5應用

天笑發表於2017-02-20

[任務]

在示例專案中,只有一個應用即index.html。 實際在一個H5專案中,常常需要多個應用,例如給使用者使用的手機客戶端應用、給員工使用的員工端應用等。 我們將在同一專案下再建立一個新的“員工端”應用。

筋斗雲要求每個H5應用有個內部名稱(appName), 在示例應用中,appName定義為user,表示使用者端,假如定義員工端應用的內部名稱為emp,我們建立這些檔案:

  • 新建H5主檔案,emp.html, emp.js, emp.css
  • 新建邏輯頁目錄,名為emp,在這個目錄下建立邏輯頁。

專案下所有H5應用共用的邏輯放在檔案app.js中,共用的樣式放在檔案app.css中。 第三方庫檔案,一般放在lib目錄下,每個應用均可引用。

在emp.js中正確配置:

$.extend(MUI.options, {
    appName: "emp",
    homePage: "#home",
    pageFolder: "emp",
});

應用內部名稱appName將會在callSvr發起的呼叫中,自動通過URL引數_app傳給後端。 後端可以根據應用不同,建議使用不同的cookie名來區分,這樣即使瀏覽器同時開啟這兩個應用,也不會有衝突。

關於程式碼放到哪個檔案中,原則如下:

  • 邏輯頁專用的內容,放到邏輯頁的html/js檔案中。
  • H5應用專用的內容,或多個邏輯頁共享的內容,放到H5主檔案html/js/css中。
  • 專案下所有H5應用共享的內容,放到app.js/app.css中。

相關文章