WiFi真机同步和WiFi真机预览使用说明

概述

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

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

使用流程

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

  • 1、 点击左侧栏选择「真机同步图标」-「通过Wi-Fi连接新的设备」， 图片说明

  • 2、出现连接二维码、ip和端口号 图片说明

编译自定义loader，扫二维码安装到手机： 图片说明

  • 3、打开您手机上的“友开发”或自定义loader（如果手机上还未安装最新版“友开发”，请先安装最新版“友开发”，）。“友开发”调试入口在“我的”页面，如下图：

点击左上角扫描图标，扫描YonStudio出现的二维码，即可连接。

  • 4、自定义loader 安装到手机后，可在手机系统设置-应用管理中给自定义loader允许存储权限。打开自定义loader APP后，可以看到一个灰色圆球，点击该“球”，将会在屏幕上弹出一个配置调试服务信息的对话框：

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

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

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

  • 8、同步状态将实时显示在真机屏幕上，同步完成后“友开发”将自动热重启该应用： 图片说明

  • 9、连接成功后，也可在YonStudio项目的任意html或stml文件上右键，或者快捷键的方式对该文件进行WiFi真机实时预览。 图片说明

其他说明

  • 1、快捷键：可在设置-键盘快捷方式 中修改WiFi同步快捷键。
    • Windows:WiFi增量真机同步[Control + O]，WiFi全量真机同步快捷键为[Control + I]
    • MacOS:WiFi增量真机同步[Shift + Command + O]，WiFi全量真机同步快捷键为[Command + I]
  • 2、自定义loader和“友开发”默认开启WiFi真机同步和实时预览功能，云编译APP会自动关闭该功能
  • 3、WiFi真机同步需保证手机和YonStudio在同一个局域网及同一个网段内。WiFi真机同步服务正常时，“球”显示为绿色，未连接则显示为灰色
  • 4、只有当自定义loader或者“友开发”位于前台时，才可进行WiFi同步，应用退到后台，WiFi同步服务将自动关闭，直到回到前台时，再次自动开启。
  • 5、WiFi真机同步与USB真机同步互不冲突，可同时使用
  • 6、自定义loader只支持对该loader所在项目进行WiFi真机同步或实时预览，“友开发”支持对所连接的YonStudio中所有项目进行WiFi真机同步或实时预览
是否仍需要帮助？ 请保持联络！
最后更新于 2024/04/24