使用易动平台添加功能插件,配合前端工程打包成webapp功能展示,及IDE在线调试教程
前面已经介绍过如何把前端工程直接打包成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插件(百度文字识别插件)为例![](https://img2020.cnblogs.com/blog/2147974/202010/2147974-20201014133051886-112098186.png)
搜索插件添加
点击查看插件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或者在“中控易动”官网发工单咨讯。