Blogger Information
Blog 17
fans 0
comment 0
visits 7617
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
APICloud Studio3 WiFi真机同步和WiFi真机预览使用说明
P粉132815477
Original
365 people have browsed it

概述

WiFi真机同步,通过在APICloud Studio3中建立调试服务,接收真机设备主动连接调试的方式,配合apploader及自定义loader,为开发者提供在局域网内通过WiFi实现应用快速真机同步和实时预览的服务,摆脱应用开发调试过程中,真机同步时必须依赖USB数据线的困扰,完美解决了USB数据线真机同步方式存在的各种问题,具有更强的稳定性和兼容性。WiFi真机同步支持一对多的同步,即同一个项目可同时同步到多个真机;WiFi真机的同步策略为“增量”策略,即每次同步仅同步被编辑过的文件,因此同步速度非常快,几乎可以达到“秒同”;

WiFi真机实时预览,提供在真机上实时加载运行指定页面并预览效果的功能,支持对包括模块在内的所有端API的调试和预览。

使用流程

使用前,要使电脑和手机连接的是同一个WiFi。

1、 在左侧点击同步快捷键

2、然后点击 “通过Wi-Fi连接新的设备”,将出现连接二维码、ip和端口号。

3、打开您手机上的AppLoader或自定义loader(如果手机上还未安装最新版AppLoader,请先安装最新版AppLoader,),最新版AppLoader将在应用UI最上层展示一个灰色的“球”:

4、点击该“球”,AppLoader将会在屏幕上弹出一个配置调试服务信息的对话框:

5、点击APPloader中下拉框中的扫一扫,扫描studio 中二维码进行连接。也可以手动输入IP地址及端口号。

6、点击对话框中的“连接”按钮,如果配置正确,将显示连接成功,同时“球”变为绿色。(如果连接不成功,可关闭电脑防火墙后重试。):

7、连接成功后, 在项目根目上右键,弹出右键菜单后选择WIFI同步命令。或者用快捷键的方式对某项目进行WiFi真机同步:

8、同步状态将实时显示在真机屏幕上,同步完成后AppLoader将自动热重启该应用:

9、连接成功后,也可在APICloud Studio3项目的任意html文件上右键,或者快捷键的方式对该文件进行WiFi真机实时预览。

其他说明

1、快捷键:WiFi增量真机同步快捷键为[Control + O],WiFi全量真机同步快捷键为[Control + I]。可在设置-键盘快捷方式 中修改快捷键。

2、自定义loader和AppLoader默认开启WiFi真机同步和实时预览功能,云编译APP会自动关闭该功能

3、WiFi真机同步需保证手机和Studio在同一个局域网及同一个网段内。WiFi真机同步服务正常时,“球”显示为绿色,未连接则显示为灰色

4、只有当自定义loader或者AppLoader位于前台时,才可进行WiFi同步,应用退到后台,WiFi同步服务将自动关闭,直到回到前台时,再次自动开启。

5、WiFi真机同步与USB真机同步互不冲突,可同时使用

6、自定义loader只支持对该loader所在项目进行WiFi真机同步或实时预览,AppLoader支持对所连接的Studio中所有项目进行WiFi真机同步或实时预览

APICloud Studio3文档 https://docs.apicloud.com/apicloud3/#/overview/devtools?index=0&subIndex=3



Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post