[發明專利]瀏覽器與web前端通信的方法、web前端及系統

有效

• 申請號: 201410549577.8
• 申請日: 2014-10-16
• 公開（公告）號: CN105573733B
• 公開（公告）日: 2019-01-22
• 發明（設計）人: 于小軍;田淑寧;夏李;曾亮;薄川川
• 申請（專利權）人: 騰訊科技(深圳)有限公司
• 主分類號: G06F9/54
• 分類號: G06F9/54;G06F16/958
• 代理公司: 廣州三環專利商標代理有限公司 44202
• 代理人: 賈允;肖丁

本發明涉及一種瀏覽器與web前端通信的方法、web前端及系統，其方法包括：web前端響應接口調用指令，生成用以標識接口調用指令對應請求事件的id；根據接口調用指令，獲取請求事件的接口參數；將請求事件、id以及接口參數存入全局變量命令隊列中；將全局變量命令隊列發送至瀏覽器；瀏覽器接收到全局變量命令隊列后，從全局變量命令隊列中讀取請求事件、id及接口參數，對請求事件進行處理。本發明使得web前端可主動和瀏覽器客戶端通信，瀏覽器客戶端也可主動和web前端通信且保留函數現場，實現了web前端與瀏覽器客戶端之間的有效通信，降低了開發者學習使用API的成本。

技術領域

本發明涉及圖片處理技術領域，尤其涉及一種瀏覽器與web前端通信的方法、web前端及系統。

背景技術

目前，運行于ios系統之上的瀏覽器都是基于safari內核，web前端無法直接使用瀏覽器客戶端提供的API，即web前端缺少與瀏覽器客戶端主動通信的機制。

對于瀏覽器客戶端，可以訪問web前端的全局javascript代碼，瀏覽器客戶端訪問web前端的javascript代碼通常采用以下兩種方式：執行web前端傳入的全局函數名對應的函數，或者執行web前端傳入的函數體。

但是上述兩種方式都存在嚴重的弊端：第一種方式要求傳入的函數名需要對應一個全局函數，這種方式對于異步接口來說簡直是災難，因為調用一次API意味著需要生成一個全局變量，這樣不僅會污染命名空間，也會占用內存；第二種方式會使傳入的函數體中的作用域鏈失效，函數體內只能訪問全局變量，this對應的是window對象，此時函數體將無法保留現場，這些潛規則的存在將會給web前端開發帶來更大的復雜度。

發明內容

本發明實施例提供一種瀏覽器與web前端通信的方法、web前端及系統，旨在實現web前端與瀏覽器客戶端之間的有效通信，降低開發者對API接口的使用成本。

本發明實施例提出了一種瀏覽器與web前端通信的方法，包括：

web前端響應接口調用指令，生成用以標識所述接口調用指令對應請求事件的id；

所述web前端根據所述接口調用指令，獲取所述請求事件的接口參數；

所述web前端將所述請求事件、id以及所述接口參數存入全局變量命令隊列中；

所述web前端通過給預先創建的標簽的設定屬性賦值的方式，將所述全局變量命令隊列發送至瀏覽器；

所述瀏覽器接收到所述全局變量命令隊列后，從所述全局變量命令隊列中讀取所述請求事件、id以及所述接口參數，對所述請求事件進行處理。

本發明實施例還提出一種瀏覽器與web前端通信的的系統，包括：瀏覽器和與所述瀏覽器通信連接的web前端；其中：

所述web前端，用于響應接口調用指令，生成用以標識所述接口調用指令對應請求事件的id；根據所述接口調用指令，獲取所述請求事件的接口參數；將所述請求事件、id以及所述接口參數存入全局變量命令隊列中；通過給預先創建的標簽的設定屬性賦值的方式，將所述全局變量命令隊列發送至瀏覽器；

所述瀏覽器，用于接收到所述全局變量命令隊列后，從所述全局變量命令隊列中讀取所述請求事件、id以及所述接口參數，對所述請求事件進行處理。

本發明實施例還提出一種web前端，包括：

生成模塊，用于響應接口調用指令，生成用以標識所述接口調用指令對應的請求事件的id；

獲取模塊，用于根據所述接口調用指令，獲取所述請求事件的接口參數；

存儲模塊，用于將所述請求事件、id以及所述接口參數存入全局變量命令隊列中；