[發明專利]一種前端開發平臺、前端開發方法及頁面顯示方法

在審

• 申請號: 201910316922.6
• 申請日: 2019-04-19
• 公開（公告）號: CN110083341A
• 公開（公告）日: 2019-08-02
• 發明（設計）人: 程超;顧少豐
• 申請（專利權）人: 上海上湖信息技術有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30
• 代理公司: 北京同達信恒知識產權代理有限公司 11291
• 代理人: 黃志華

本發明實施例提供了一種前端開發平臺、前端開發方法及頁面顯示方法，涉及前端開發環境技術領域，前端開發平臺中設置基礎框架模塊，用于保存前端基礎框架，設置業務模塊用于保存不同的業務的業務代碼，然后采用管理模塊對框架模塊和業務模塊分別打包并構建離線資源包，將離線包預置在客戶端，即減小業務代碼體積，又實現online與offline雙活，從而提高了頁面打開速度。其次，由于框架和業務代碼完全分離，框架被各業務線復用，因此業務線代碼可獨立快速迭代，減小開發難度。針對不同的渠道(APP、微信、M站)建立一個前端基礎框架，并復用此支持跨端的框架，避免針對每個渠道研發一套業務線代碼，從而大幅度節省開發人力成本。

技術領域

本發明實施例涉及前端開發環境技術領域，尤其涉及一種前端開發平臺、前端開發方法及頁面顯示方法。

背景技術

目前，Web前端具有“隨時發版，開發效率高”的優勢，同時也具有打開性能不如“app或桌面原生應用”的問題。比如，我們開發“億級用戶、幾十條業務線”的IOS、Android手機APP，采用原生技術開發，頁面打開性能快，但原生APP發版審核時間長，不能很好的支持業務快速變更和發展，開發成本偏高，規模達到幾十條業務線時業務獨立迭代困難。因此現在大型APP都是Native+H5的Hybrid APP(混合APP)，對于開發Hybrid APP來說，目前開發平臺將多條業務線的代碼保存在同在一個代碼倉庫，每條業務線包括業務代碼和基礎框架代碼，導致各業務線代碼會相互影響，不能獨立迭代，而且代碼體積大，從而不僅導致用戶請求頁面時，頁面打開速度慢，同時增加了開發難度。

發明內容

由于多條業務線的代碼保存在同在一個代碼倉庫，代碼體積大，不僅導致用戶請求頁面時，頁面打開速度慢，同時增加了開發難度的問題，本發明實施例提供了一種前端開發平臺、前端開發方法及頁面顯示方法。

一方面，本發明實施例提供了一種前端開發平臺，包括：

基礎框架模塊、業務模塊和管理模塊；

所述基礎框架模塊，用于封裝基礎工具，生成前端基礎框架；

所述業務模塊，用于保存不同業務的業務代碼；

所述管理模塊，用于對所述基礎框架模塊中的前端基礎框架和所述業務模塊中的業務代碼分別進行打包發布并進行管理。

可選地，一個前端基礎框架對應一類或多類業務的業務代碼。

可選地，所述前端基礎框架按照版本進行管理。

可選地，針對不同的渠道建立一個前端基礎框架。

可選地，所述管理模塊還用于，對打包后的前端基礎框架和業務代碼進行測試。

可選地，所述管理模塊還用于，將打包后的前端基礎框架和業務代碼發布至離線包管理服務器。

可選地，所述管理模塊還用于，將打包后的前端基礎框架和業務代碼發布至內容分發網絡(CDN)，所述內容分發網絡的源服務器為離線包管理服務器。

可選地，所述管理模塊還用于，生成業務對應的頁面離線骨架屏并將所述頁面離線骨架屏發布至所述內容分發網絡。

本發明實施例中，前端開發平臺中設置基礎框架模塊，用于保存前端基礎框架，設置業務模塊用于保存不同的業務的業務代碼，將業務線的業務代碼和前端基礎框架分開進行保存，然后采用管理模塊對基礎框架模塊中的前端基礎框架和業務模塊中的業務代碼分別進行打包，減小了代碼體積，便于對前端基礎框架復用，從而減小了開發難度。其次，由于前端基礎框架和業務代碼分別進行打包，故可以先將前端基礎框架緩存在用戶端，用戶請求頁面時，只請求業務代碼，從而提高了頁面打開速度。另外，用戶端初次請求頁面后，可以將獲得的業務代碼緩存，當用戶端二次請求同樣的頁面時，可以直接采用本地緩存的業務代碼和前端基礎框架渲染請求的頁面，從而提高二次打開頁面的速度。