變臉式應用 / 創建多個H5應用

創建多個H5應用

[任務]

在示例項目中,只有一個應用即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中。
發佈了65 篇原創文章 · 獲贊 16 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章