APP开发平台 > Blog > 使用APICloudStudio3 进行开发调试简易图文教程【真机WiFi方式】

说明:本图文教程使用MacOS版本进行示范截图

1. 下载APICloudStudio3开发工具

APICloudStudio3是基于vscode内核进行开发的,相对于APICloudStudio2,3代工具的运行执行效率更高。个人感觉一下几点最有吸引力 

1、针对大文本文件的读写支持非常顺滑,不像2代单个大文件会引起软件的卡顿

2、WIFI真机同步加入二维码扫描同步方式,减少了手动输入ip地址的步骤 

3、多账户切换更加顺滑,解决了2代工具切换账户后更新同步代码经常会引起报错的问题 

4、内存需求降低,对低性能电脑更加友好,不会出现2代长时间使用容易出现内存爆满的问题 

另外APICloudStudio3支持官方最新推出的AVM跨端框架的开发方式,建议小伙伴更新到3代工具去进行开发。 

所有工具的下载页面(可以直接下载最新版)docs.apicloud.com/Download/do…

【Windows】studio.apicloud-system.com/studio3setu…

【Mac版本】studio.apicloud-system.com/studio3-mac…  

【Linux版本】studio.apicloud-system.com/studio3-lin… 2. 导入项目到Studio3开发工具  

2.1. 启动APICloud Studio3开发工具

2.2. 导入项目(可选择从云端检查或者本地导入)

2.3. 导入项目完成后,准备进行WIFI真机同步调试

2.3.1选择终端菜单下拉列表的「通过Wi-Fi连接新的设备」选项

2.3.2 弹出WIFI连接信息窗口

3. 编译安装自定义loader

3.1 编译自定义loader

有2种方式编译自定义loader 

3.1.1 登录APICloud官网控制台去进行编译

登录官网打开项目

选择模块,项目模块页面

点击切换到自定义loader页面,编译自定义loader安装包或下载安装

3.1.2 使用APICloudStudio3 开发工具快捷打开自定义loader网页窗口,去进行编译

注意:此种方式需要现在工具中登录自己的APICloud账户

3.2 安装自定义loader到对应的移动端设备,并启动运行自定义loader

3.3. 点击loader页面右侧中间的建灰色透明按钮,进行与开发电脑的Wifi连接配置。在弹出的截图上,点击扫一扫,扫描上面2.3.2描述的二维码,即可完成手机与电脑间的wifi连接

(也可以手动输入ip地址和端口号进行连接)  

注意:自定义loader的安装手机与开发电脑需要在同一个wifi局域网内

3.4. 连接成功后,透明的浅色原型按钮颜色会变绿。此时就可以随时修改电脑中的代码,然后进行真机WIFI同步了(具体见下图) 

注意:如果是android系统,需要提前给手机开发本地存储权限,否则手机无法更新保存同步的数据 

 说明: 

 WIFI同步【全量】——就是把电脑端的项目页面数据全部更新到手机端 

WIFI急速同步【增量】——更新前会比较手机端和电脑端的数据,然后只更新存在差异的文件数据


An efficient app outsourcing platform that guarantees timely delivery!

Submit Requirements