15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 手机支付宝中使用了什么web开发技术?

手机支付宝中使用了什么web开发技术?

时间:2023-11-29 22:24:01 | 来源:网站运营

时间:2023-11-29 22:24:01 来源:网站运营

手机支付宝中使用了什么web开发技术?:「我的快递」是纯 HTML 应用,并不是用原生替代了。

支付宝钱包里面的一大半应用是用 HTML / JavaScript 开发的,其中分为在线页面和离线包两种类型。

在线页面就是再容器里面访问的手机网站。

离线包是把 HTML/CSS/JS 以及其他静态资源打包得到的压缩文件。如果你把离线包解压,里面的 HTML 是可以在本地浏览器打开的。只是由于 js 里面一般会调用钱包 API,在浏览器里面直接运行会报错。(PS: 我在开发离线包时,写了一套兼容接口,这样页面在普通浏览器里面也能正常运行了。)

如果离线包应用的功能需要升级,要改代码 - 构建并打包成离线包 - 发布。

钱包启动时会检查各个应用的版本,如果有更新,会在合适的时候下载离线包并解压。

由于离线包缺少服务器渲染,如果需要和服务器交互数据,需要调用钱包 API,钱包会通过网关和服务器发生请求。类似 AJAX。

虽然这些应用页面是 HTML 做的,但是里面的弹框、Loading、二维码扫描 啊等等都是钱包的原生功能。钱包通过 JSbridge 的方式给网页提供接口以调用这些功能。了解微信网页开发的应该都知道 WeixinJSBridge,差不多。

PS:「我的快递」这个应用主要功能是离线包,但是里面的「寄件」是在线页面。可以观察下。

前面咋有答案说 React... 支付宝内部的确有不少地方在用 React,但是钱包里面用 React 的真没见过。离线包是有体积限制的,如果用 React 什么功能不写就超过 100k 了。

补个图:

关键词:技术,支付,使用

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭