我们已经介绍了如何将前端项目直接打包到Android中和iOS安装包。如果简单的封装不能满足功能需求的话，那么借助中控易动平台丰富的插件，可以生成更强大的webapp。本文分为三部分：前端工程DEMO介绍、添加插件、IDE调试第一部分：前端工程DEMO介绍注意：前端工程中插件API的使用需要importsupconit://hcmobile.js（直接导入即可，无需下载文件；hcmobile.js只支持手机调试）第一步：下载前端工程DEMO（http://www.yd-mobile.js）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/）填写百度插件需要的插件配置信息配置第三方键值，参考文档插件配置（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.generalBasicinstructions复制示例代码，将代码粘贴到IDE中：单文件调试-->目录-->example.js，点击运行按钮查看手机运行效果，调用以上API接口成功或失败,并且日志会打印在IDE的底部endshere:webapp前端项目接入、添加插件、IDE调试介绍。如有任何疑问，可发送邮件至ask@supcon.com或在“中控易”官网发送工单咨询。
