前面已经介绍过如何把前端工程直接打包成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插件(百度文字识别插件)为例

  搜索插件添加

点击查看插件APIhttps://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或者在“中控易动”官网发工单咨讯。

版权声明:本文为yd-mobile原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/yd-mobile/p/13809481.html