后面曾经介绍过如何把前端工程间接打包成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或者在“中控易动”官网发工单咨讯。