[發明專利]一種專題頁面處理方法及客戶端

在審

• 申請號: 201911059313.3
• 申請日: 2019-11-01
• 公開（公告）號: CN110806915A
• 公開（公告）日: 2020-02-18
• 發明（設計）人: 許宏斌;胡攀攀;吳毓鵬;林浩然
• 申請（專利權）人: 廣州華多網絡科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 古利蘭

本發明提供一種專題頁面處理方法及客戶端，客戶端接收H5頁面數據；若客戶端的操作環境為IOS環境或Android環境，解析H5頁面數據，并基于得到的JSON數據結構構建widget組件和flutter組件；基于widget組件構建APP頁面，并在APP頁面上基于flutter組件構建flutter頁面；若客戶端的操作環境為web環境，基于H5頁面數據生成html組件，利用html組件創建H5頁面。本方案中，將H5頁面數據發送給不同操作環境的客戶端，一份H5頁面數據適用于不同操作環境的客戶端，開發成本低和開發周期短。更新H5頁面數據時只需要統一修改即可，維護成本低。

技術領域

本發明涉及頁面處理技術領域，具體涉及一種專題頁面處理方法及客戶端。

背景技術

隨著互聯網技術的發展，第五代超文本標記語言(Hyper Text Markup Language，HTML5)也逐漸被廣泛應用。

H5專題頁面是基于HTML5應用的高級網頁技術，對于不同類型的平臺，需為每一類型的平臺開發對應的H5專題頁面。但是一方面，H5專題頁面的開發成本高和開發周期長，為每一類型的平臺開發對應的H5專題頁面需要大量的開發成本和開發時間。另一方面，H5專題頁面的更新頻率較高，在更新H5專題頁面時，需更新每一類型的平臺對應的H5專題頁面，維護成本高。

因此，目前應用H5專題頁面的方式存在開發成本高、開發時間長和維護成本高等問題。

發明內容

有鑒于此，本發明實施例提供一種專題頁面處理方法及客戶端，以解決現有應用H5專題頁面的方式存在開發成本高、開發時間長和維護成本高等問題。

為實現上述目的，本發明實施例提供如下技術方案：

本發明實施例第一方面公開一種專題頁面處理方法，所述方法包括：

客戶端接收H5頁面數據，所述H5頁面數據預先基于JSON數據結構創建；

判斷所述客戶端的操作環境；

若所述客戶端的操作環境為IOS環境或Android環境，解析所述H5頁面數據，并基于得到的所述JSON數據結構構建widget組件和flutter組件，所述widget組件用于所述客戶端構建APP頁面；

所述客戶端基于所述widget組件構建APP頁面，并在所述APP頁面上基于所述flutter組件構建flutter頁面，所述flutter頁面中攜帶有H5頁面的鏈接；

若所述客戶端的操作環境為web環境，基于所述H5頁面數據生成html組件，利用所述html組件創建H5頁面。

優選的，若所述客戶端的操作環境為IOS環境或Android環境，解析所述H5頁面數據之前，還包括：

比較當前獲取的H5頁面數據的JSON數據結構與前一次獲取的H5頁面數據的JSON數據結構是否一致；

若一致，調用前一次生成的APP頁面和flutter頁面并顯示；

若不一致，執行解析所述H5頁面數據這一步驟。

優選的，所述方法還包括：

向所述第三方客戶端分享所述flutter頁面，使所述第三方客戶端基于所述flutter頁面中攜帶的H5頁面的鏈接，顯示所述H5頁面。

優選的，所述解析所述H5頁面數據，并基于得到的所述JSON數據結構構建flutter組件，包括：

解析所述H5頁面數據，得到JSON數據結構；