嚴偉苗 諸葛楊楊 劉瑞 鄒翔

摘要：針對當(dāng)前各類瀏覽器插件不兼容問題，本文提出了一種基于websocket的適配多種瀏覽器的插件開發(fā)方法。

關(guān)鍵詞：瀏覽器;websocket;插件;連接

中圖分類號：TP311.1 文獻標(biāo)識碼：A 文章編號：1007-9416（2020）02-0108-01

0 引言

瀏覽器插件是當(dāng)前應(yīng)用范圍較為廣泛的技術(shù)之一，如常見的adobe flash player，可用來在網(wǎng)頁中嵌入并播放視頻，再有各大銀行門戶網(wǎng)站中常見的安全網(wǎng)銀控件等等[1]。目前主流瀏覽器插件技術(shù)主要包括Microsoft的ActiveX插件技術(shù)、Mozilla的NPAPI插件技術(shù)以及Google的PPAPI插件技術(shù)，而國內(nèi)互聯(lián)網(wǎng)公司推出的一些瀏覽器基本上采用了以上幾個國外廠家的瀏覽器內(nèi)核，所以在插件技術(shù)上并沒有突破創(chuàng)新。

當(dāng)軟件系統(tǒng)采用基于B/S架構(gòu)模式進行開發(fā)，原本適配C/S架構(gòu)模式的插件工具，如人臉采集儀、指紋采集儀等通常無法直接集成于網(wǎng)頁端，而這些設(shè)備的開發(fā)商往往僅提供一個簡單的開發(fā)工具包，開發(fā)人員必須根據(jù)不同瀏覽器各自指定的插件技術(shù)開發(fā)規(guī)范開發(fā)不同版本的插件實現(xiàn)兼容適配，不僅需要開發(fā)三種以上不同技術(shù)版本的插件代碼，同時也不可避免地存在重復(fù)工作，無形之中增加了程序出錯的概率。目前尚沒有一種插件技術(shù)能夠同時兼容多種瀏覽器，并實現(xiàn)無縫對接使用，而不同瀏覽器廠商出于安全考慮對各類插件的使用權(quán)限也做了不同程度的限制，導(dǎo)致應(yīng)用系統(tǒng)在調(diào)用插件的時出現(xiàn)調(diào)用失敗、頁面無反應(yīng)甚至直接被禁用等情況。

WebSocket同http一樣，都是基于TCP的可靠性傳輸協(xié)議[2]，且都工作在應(yīng)用層中，但webSocket僅需完成一次握手便可建立持久連接，并可進行雙向數(shù)據(jù)傳輸，且可以主動向瀏覽器等客戶端發(fā)送數(shù)據(jù)，數(shù)據(jù)當(dāng)中也不必再帶有head的部分信息了。與http的長鏈接通信相比，不僅降低了系統(tǒng)壓力，而且也減少了部分多余的信息，節(jié)省了帶寬。本文提出了一種基于websocket協(xié)議的、可適配多種瀏覽器的插件開發(fā)方法。該方法依托websocket協(xié)議建立瀏覽器與插件之間的可靠持久性連接，以此支持瀏覽器調(diào)用插件開放的各服務(wù)功能接口，大大減輕了技術(shù)人員的開發(fā)、調(diào)試及維護工作量，有效規(guī)避了因瀏覽器版本差異等問題導(dǎo)致的插件服務(wù)調(diào)用失敗、頁面無反應(yīng)甚至直接被禁用等情況，較好滿足了用戶及系統(tǒng)使用需求[3]。

1 插件設(shè)計

為實時監(jiān)聽并響應(yīng)來自瀏覽器的接口調(diào)用請求，插件應(yīng)作為websocket的服務(wù)端，實際生產(chǎn)環(huán)境中還應(yīng)注冊為操作系統(tǒng)的開機啟動服務(wù)，同時允許本地防火墻允許開放websocket服務(wù)端監(jiān)聽端口。當(dāng)作為客戶端的瀏覽器開啟并訪問特定應(yīng)用網(wǎng)站時，若某個頁面集成了如人臉采集儀、指紋采集儀的相關(guān)功能，當(dāng)用戶需要使用這些功能時，瀏覽器便會按照相關(guān)流程完成功能接口調(diào)用。

websocket連接必須由瀏覽器發(fā)起，因為初始請求為一個標(biāo)準(zhǔn)的http請求，格式如圖1所示。

圖1所示請求和普通的http請求有幾點不同：（1）該請求為GET方式的請求，請求地址以ws：//開頭;（2）請求頭中Upgrade和Connection表示該連接將要被轉(zhuǎn)為WebSocket連接;（3）Sec-WebSocket-Key用于標(biāo)識這個連接;（4）Sec-WebSocket-Version指定了WebSocket的協(xié)議版本。

當(dāng)插件服務(wù)成功接受該請求后，會返回如圖2所示的響應(yīng)內(nèi)容，其中響應(yīng)代碼101表示本次連接的http協(xié)議即將被更改，更改后的協(xié)議就是websocket協(xié)議，版本號和子協(xié)議規(guī)定了雙方能理解的數(shù)據(jù)格式，以及是否支持壓縮等。

當(dāng)瀏覽器和插件成功建立websocket連接后，瀏覽器和插件之間就可以隨時主動發(fā)送消息給對方了。插件封裝的服務(wù)接口視具體需要的操縱本地設(shè)備而定，通常設(shè)備廠家會提供該設(shè)備在不同操作系統(tǒng)下的功能開發(fā)庫，以供開發(fā)者根據(jù)業(yè)務(wù)需求來定制自己的插件功能。

2 插件測試

為驗證基于websocket的適配多種瀏覽器的插件開發(fā)方法在實際應(yīng)用中的可行性，本文開發(fā)了一套測試系統(tǒng)，該測試系統(tǒng)主要由浙江中正智能科技有限公司開發(fā)的MR-210臺式身份證閱讀機具、基于該閱讀機具的非接觸式Type-A卡讀寫功能庫開發(fā)的插件服務(wù)程序以及一個簡單的瀏覽器網(wǎng)頁應(yīng)用程序（部署在tomcat上）組成。

測試時需要先啟動插件服務(wù)程序，啟動成功后會提示“開啟websocket插件服務(wù)，等待連接…”，然后在瀏覽器中輸入應(yīng)用程序網(wǎng)址（http：//localhost：8080/websocket_client.html），并在彈出的網(wǎng)頁服務(wù)插件地址欄中輸入服務(wù)連接地址（ws：//127.0.0.1：3000），連接成功后，下方響應(yīng)詳細框中會提示“連接成功”。為方便測試，本文定義在請求輸入框中輸入“0”表示讀卡，輸入“1|JSON格式卡片數(shù)據(jù)”表示寫卡。

當(dāng)瀏覽器端請求數(shù)據(jù)為0時，若請求成功，插件服務(wù)程序會提示“收到來自客戶端的讀卡請求”，然后讀取卡片數(shù)據(jù)并將數(shù)據(jù)返回給瀏覽器端。當(dāng)瀏覽器端請求數(shù)據(jù)為“1|{“userName”：“張三”，“zoneName”：“宋都凱旋苑”，“buildingNum”：“01”，“unitNum”：“01”，“floorNum”：“10”，“roomNum”：“1002”，“beginTime”：1577426791，“endTime”：1609049191，“rollingCode”： 0， “cardType”： 11}”時，若請求成功，服務(wù)端會提示“收到來自客戶端的寫卡請求”，然后將待寫入數(shù)據(jù)寫入卡片中，并將寫卡結(jié)果返回給瀏覽器。從二次讀卡結(jié)果看，卡內(nèi)數(shù)據(jù)已被成功覆寫。

3 結(jié)語

為適配多種瀏覽器，降低開發(fā)維護成本，本文提出了websocket的插件開發(fā)方法，該方法可不再遵循各個瀏覽器的插件開發(fā)規(guī)約，只需定義服務(wù)端與瀏覽器端的接口規(guī)范，在滿足用戶需求的同時大大簡化了開發(fā)流程。

參考文獻

[1] 汪詩林，吳泉源.WWW瀏覽器插件開發(fā)技術(shù)[J].計算機應(yīng)用研究，2000（4）：55-57.

[2] 湖北省數(shù)字證書認證管理中心有限公司.一種基于http的web插件調(diào)用方法及系統(tǒng)：CN201611216467.5[P].2017-05-31.

[3] Coward D. Java WebSocket Programming[M]. New York： McGraw-Hill，2014.

Websocket-based Plug-in Development Method Adapted to Multiple Browsers

YAN Wei-miao， ZHUGE Yang-yang， LIU Rui， ZOU Xiang

（Hangzhou Yihe Network Co.， Ltd.， Hangzhou? Zhejiang? 310012）

Abstract：In view of the incompatibility of various browser plug-ins， this paper proposes a web socket based plug-in development method which adapts to multiple browsers.

Key words：browser; websocket; plug-in; connection