各位小伙伴,大家千呼万唤的快应用官方IDE上线喽!以下是快应用开发工具使用说明文档,快来和我一起熟悉一下吧~
开发工具下载地址:https://www.quickapp.cn/docCenter/post/95
如果是新建快应用项目,请看【1】;如果是开发已有的快应用工程,请看 【2】和 【3】
【1.1】新建快应用工程
【i】按钮栏的 + 号(也可以【文件】→【创建快应用工程】菜单打开,创建快应用工程页面 ; 或者通过快捷键打开显示所有命令窗口(mac:fn+F1,Windows:ctrl+shift+p),然后输入 "hap: Set up a new hap project",并执行该命令),然后会如图1.1
【图1.1】
【ii】 然后按页面提示操作,选择路径,指定工程存放的目录。输入项目名称和rpk包名,rpk包名格式如:"org.xxx.demo / com.xxx.demo"。
【iii】 选择创建工程的类型,目前版本只支持创建快应用工程。
【iv】 点击完成,IDE会自动打开新创建的工程。
【1.2】快速调试
【i】准备一台手机,并打开快应用工程。
【ii】 将手机用USB连接上电脑, 并确保手机已经再开发者模式里面打开了MTP文件传输和USB调试。手机连接请参考第5点 手机USB DEBUG。
【iii】 按下F5( mac下需要同时按下fn键, 如果有设置的话) (或者按按钮面板上的三角按钮,如图1.2.1所示, 或者在调试面板安绿色的小三角)。
【图1.2.1】
【iv】 如果手机没有安装快应用环境,会自动帮手机安装上相应的环境。请在手机操作,允许安装。安装完成后,需要给快应用引擎授权,如图1.2.2 所示。授权完成后,在IDE上点击继续调试,如图1.2.3
【图1.2.2】
【图1.2.3】
【v】然后IDE会自动运行相关命令(npm run watch 和 npm run server),并打开chrome浏览器的调试页面,如图1.2.4所示。 如果对页面有修改,只需要保存您的文件即可, 调试器会自动帮你刷新页面。如果调试过程中遇到问题,请参考开发者工具常见问题(https://www.quickapp.cn/docCenter/post/96)。
【图1.2.4】
【vi】使用 lightening debug 并不会每次都执行npm install 以加速调试, 如果想保证每次调试之前都安装依赖,可以在调试面板选择 quick debug,然后按F5进行调试, 如图1.2.5所示
【图1.2.5】
【vii】如果不想进行调试,只想运行看看效果, 请选择Run Application , 然后按下F5进行调试。如图1.2.6所示
【图1.2.6】
【i】使用打开功能打开工程的文件夹, 如图2.1.1所示
【图2.1.1】
【ii】如果之前没有用IDE进行过开发和调试, 需要把IDE的环境配置到工程目录里头。请在快应用面板上点击更新工程按钮, 如图 2.1.2所示
【图2.1.2】
【i】打开快应用面板, 点击安装快应用apk, 强制升级, 如图3.1.1所示
【图3.1.1】
【ii】然后打开快应用工程, 按F5调试即可。流程跟快速开发里面的调试流程一样
【4.1】生成证书
发布快应用之前, 需要生成证书。 请点击快应用面板的生成证书, 然后按提示输入所需信息。如图4.1.1所示
【图4.1.1】
【4.2】生成发布用RPK
点击发布rpk包按钮, 生成成功的话会弹出对应的文件夹。如图4.2.1所示
【图4.2.1】
【i】 开启手机MTP传输, 类似下图 5.1.1
【图5.1.1】
【ii】开启手机MTP传输, 可能需要用户授权,点击允许授权按钮即可。
【iii】在开发者面板里面开启开发者选项, 类似下图 5.1.2
【图5.1.2】
【iv】开发者面板里头开启USB调试, 类似下图 5.1.3
【图5.1.3】
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://mp.weixin.qq.com/s/C0vJ7cGHdMUOkZ5mnUnQ3Q
联系我们:
快应用官网地址:https://www.quickapp.cn/
快应用论坛地址:https://bbs.quickapp.cn/
快应用订阅号