手機支付寶中使用了什么web開發(fā)技術(shù)？
時間：2023-11-29 22:24:01 | 來源：網(wǎng)站運營
時間：2023-11-29 22:24:01 來源：網(wǎng)站運營
手機支付寶中使用了什么web開發(fā)技術(shù)？：「我的快遞」是純 HTML 應(yīng)用，并不是用原生替代了。
支付寶錢包里面的一大半應(yīng)用是用 HTML / JavaScript 開發(fā)的，其中分為在線頁面和
離線包兩種類型。
在線頁面就是再容器里面訪問的手機網(wǎng)站。
離線包是把 HTML/CSS/JS 以及其他靜態(tài)資源打包得到的壓縮文件。如果你把離線包解壓，里面的 HTML 是可以在本地瀏覽器打開的。只是由于 js 里面一般會調(diào)用錢包 API，在瀏覽器里面直接運行會報錯。（PS: 我在開發(fā)離線包時，寫了一套兼容接口，這樣頁面在普通瀏覽器里面也能正常運行了。）
如果離線包應(yīng)用的功能需要升級，要改代碼 - 構(gòu)建并打包成離線包 - 發(fā)布。
錢包啟動時會檢查各個應(yīng)用的版本，如果有更新，會在合適的時候下載離線包并解壓。
由于離線包缺少服務(wù)器渲染，如果需要和服務(wù)器交互數(shù)據(jù)，需要調(diào)用錢包 API，錢包會通過網(wǎng)關(guān)和服務(wù)器發(fā)生請求。類似 AJAX。
雖然這些應(yīng)用頁面是 HTML 做的，但是里面的彈框、Loading、二維碼掃描 啊等等都是錢包的原生功能。錢包通過 JSbridge 的方式給網(wǎng)頁提供接口以調(diào)用這些功能。了解微信網(wǎng)頁開發(fā)的應(yīng)該都知道 WeixinJSBridge，差不多。
PS：「我的快遞」這個應(yīng)用主要功能是離線包，但是里面的「寄件」是在線頁面。可以觀察下。
前面咋有答案說 React... 支付寶內(nèi)部的確有不少地方在用 React，但是錢包里面用 React 的真沒見過。離線包是有體積限制的，如果用 React 什么功能不寫就超過 100k 了。
補個圖：
在線咨詢