建立多個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中。
相關文章
- tomcat下多個埠,多個應用(轉載)Tomcat
- H5應用優化H5優化
- H5應用釋出上線H5
- 用 Vue 建立一個簡單的 electron 桌面應用Vue
- Git 學習以及建立第一個應用Git
- 嘗試使用Knative建立一個應用
- 如何用node.js建立一個應用Node.js
- 使用AngularJS建立應用的5個框架AngularJS框架
- H5快應用國際化H5
- 用 Docker 建立 serverless 應用DockerServer
- 6個建立Web應用程式的高效PHP框架WebPHP框架
- 建立安卓應用的 30 個經驗教訓安卓
- Webpack實戰-管理多個單頁應用Web
- Qt 編寫應用支援多語言版本--一個GUI應用示例QTGUI
- Homestead 建立應用
- 快應用微信H5支付H5
- 利用H5和ChromiumWebBrowser構建應用H5Web
- nginx + 一個埠 部署多個單頁應用(history模式)Nginx模式
- 請教一個軟體應用如何在多個網站複用網站
- 多個控制檔案的建立
- 使用 SAP BTP 建立一個 Spring Boot Java 應用Spring BootJava
- Xamarin iOS編寫第一個應用程式建立工程iOS
- 【菜鳥學Java】5:“徒手”建立一個Web應用JavaWeb
- 建立第一個ArcGIS API for Silverlight應用API
- 序 - 用H5技術開發手機應用H5
- Docker 中使用 Nginx 代理多個應用站點DockerNginx
- 視訊在H5遊戲中的應用H5遊戲
- Flutter 應用程式建立一個擴充套件皮膚列表Flutter套件
- 如何用TypeScript來建立一個簡單的Web應用TypeScriptWeb
- 多賬薄應用
- [譯] 為多個品牌和應用構建 React 元件React元件
- 如何在多個應用程式中共享日誌配置
- 使用docker compose一鍵啟動多個應用Docker
- 【Azure 應用服務】一個 App Service 同時部署執行兩個及多個 Java 應用程式(Jar包)APPJavaJAR
- H5、ReactNative、Native應用對比分析H5React
- 聊一聊 H5 應用快取 - ManifestH5快取
- 上手做一個華為鴻蒙手錶應用 1 - 建立專案鴻蒙
- 使用SAP CDS view快速建立一個Fiori應用,管理Service OrderView