说明:本图文教程使用MacOS版本进行示范截图
1. 下载APICloudStudio3开发工具
APICloudStudio3是基于vscode内核进行开发的,相对于APICloudStudio2,3代工具的运行执行效率更高。个人感觉一下几点最有吸引力
- 针对大文本文件的读写支持非常顺滑,不像2代单个大文件会引起软件的卡顿
- WIFI真机同步加入二维码扫描同步方式,减少了手动输入ip地址的步骤
- 多账户切换更加顺滑,解决了2代工具切换账户后更新同步代码经常会引起报错的问题
- 内存需求降低,对低性能电脑更加友好,不会出现2代长时间使用容易出现内存爆满的问题
另外APICloudStudio3支持官方最新推出的AVM跨端框架的开发方式,建议小伙伴更新到3代工具去进行开发。
所有工具的下载页面(可以直接下载最新版)https://docs.apicloud.com/Download/download
【Windows】https://studio.apicloud-system.com/studio3setup-windows-v3.0.6.exe
【Mac版本】https://studio.apicloud-system.com/studio3-mac-v3.0.6.zip
【Linux版本】https://studio.apicloud-system.com/studio3-linux-v3.0.6.zip
2. 导入项目到Studio3开发工具
2.1. 启动APICloud Studio3开发工具,并登录相关账户 ![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b7b346746ed473a1ee21c4253fa4efc4.png#pic_center)
2.2. 导入项目(可选择从云端检查或者本地导入)![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/29879b894c603dd53fba8046ec443c07.png#pic_center)
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急速同步【增量】——更新前会比较手机端和电脑端的数据,然后只更新存在差异的文件数据