智汀家庭云-开发指南Web:扩展开发【jsBridge使用】

jsBridge使用

【1】概述

智汀Web端专业版作为做智汀APP的辅助程序,所以免不了要跟APP那边做交互,jsBridge就是我们交互的桥梁,通过jsBridge我们可以很顺畅的跟APP那边进行交互。

【2】 webview ua改造

概述:为了区别于在APP内嵌入h5,加入特有的ua,用于判断是否在app内嵌入,在原有的ua上加上字符串“zhitingua”
我们可以通过判断ua就可以判断出我们的智汀专业版是否是在app内打开

智汀家庭云-开发指南Web:扩展开发【jsBridge使用】_第1张图片

【3】JS-SDK文档

APP直接在Webview内注入了一个zhiting的全局对象,并实现了invoke方法,我们只要调用此方法并传入相应的参数就可以调用app内提供的方法。

(1) 查看app连网类型

智汀家庭云-开发指南Web:扩展开发【jsBridge使用】_第2张图片

(2)设置标题属性

智汀家庭云-开发指南Web:扩展开发【jsBridge使用】_第3张图片

(3) 获取用户信息

智汀家庭云-开发指南Web:扩展开发【jsBridge使用】_第4张图片

(4)是否是专业版APP

智汀家庭云-开发指南Web:扩展开发【jsBridge使用】_第5张图片

部署应用

部署应用是指编译或构建代码并将生成的 JavaScript、CSS 和 HTML 托管到 Web 服务器上的过程。

构建和托管你的应用

我们的项目开发完后,怎么发布,首先要构建我们的项目

 npm run build

在根目录执行该命令后,项目的构建文件会输出到dist文件夹,我们下一步就是把我们的dist文件夹托管在服务器上,配置好请求转发和域名。至此,我们的应用已经部署成功了。

你可能感兴趣的