共计 1221 个字符，预计需要花费 4 分钟才能阅读完成。
后面曾经介绍过如何把前端工程间接打包成 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 或者在“中控易动”官网发工单咨讯。
