后面曾经介绍过如何把前端工程间接打包成Android和iOS安装包,如果简略的打包不能满足性能需要的话,那么配合中控易动平台丰盛的插件,可能生成性能更弱小的webapp。
这篇文章分为三个局部:前端工程DEMO介绍、增加插件、IDE调试

第一局部:前端工程DEMO介绍

留神:前端工程应用插件API须要引入supconit://hcmobile.js(间接引入就能够了,不须要下载文件;hcmobile.js仅反对手机端调试)

第一步:下载前端工程DEMO(http://www.yd-mobile.cn/www/%E6%96%87%E5%AD%97%E8%AF%86%E5%88%AB%E8%AF%AD%E9%9F%B3%E6%92%AD%E6%94%BE.zip)

前端工程目录

第二步:关上下载的DEMO

引入supconit://hcmobile.js

查看插件API调用,这边DEMO应用的是BDRecognition插件(百度文字辨认插件),第二、三局部会有介绍

第二局部:增加插件

第一步:登录“中控易动”

第二步:点击“控制台”进入之前创立的利用(不分明的能够参考“web我的项目一键打包,可同时生成Android、ios端”)

第三步:增加插件,这边以BDRecognition插件(百度文字辨认插件)为例


搜寻插件增加

点击查看插件API(https://www.yd-mobile.cn/api/BDRecognition/)

填写插件配置信息

百度插件须要配置第三方key值,参考文档插件配置(https://www.yd-mobile.cn/manual/%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8/%E6%8F%92%E4%BB%B6%E9%85%8D%E7%BD%AE.html)

插件配置文档:

第四步:打包利用

第五步:打包实现,扫码装置利用

第六步:查看成果


web我的项目增加API插件实现

第三局部:IDE调试

注:确保手机和PC端在同一个局域网下;例如:手机和电脑在一个WiFi下

第一步:关上装置利用,点击调试工具,查看调试地址

第二步:在电脑端浏览器输出调试地址,关上IDE

输出默认明码:123456

第三步:调试插件API

注:插件API调试肯定要确保须要调试的插件已增加到APP中
选取照片调用的是BDRecognition插件API:navigator.bdrecognition.generalBasic
查看插件navigator.bdrecognition.generalBasic阐明

复制示例代码

将代码粘贴到IDE:单文件调试-->目录-->example.js外面,点击运行按钮

查看手机运行成果,调起了下面的API接口

接口调用成功失败都会有log打印在IDE下方

至此:webapp前端工程接入、增加插件、IDE调试介绍结束。
如有问题能够发送邮件到ask@supcon.com或者在“中控易动”官网发工单咨讯。