Apicloud studio3 WiFi real machine synchronization and WiFi real machine preview instructions

summary

WiFi Real machine synchronization , By means of APICloud Studio3 Build debugging service in , Receive real machine equipment active connection debugging mode , coordination apploader Customize and loader, For developers to provide in the LAN through WiFi Realize the service of fast real machine synchronization and real-time preview of applications , Get rid of the application development and debugging process , Real machine synchronization must rely on USB The trouble of data cable , A perfect solution USB Various problems existing in the real machine synchronization mode of data line , It has stronger stability and compatibility .WiFi Real machine synchronization supports one to many synchronization , That is, the same project can be synchronized to multiple real machines at the same time ;WiFi The synchronization strategy of the real machine is “ The incremental ” Strategy , That is, each synchronization only synchronizes the edited files , So the synchronization speed is very fast , Almost attainable “ Same as second ”;

WiFi Real time preview , It provides the function of loading and running the specified page in real time on the real machine and previewing the effect , Support for all terminals including modules API Debugging and preview of .

Usage flow

Before using , The computer and mobile phone are connected by the same WiFi.

• 1、 Click the sync shortcut on the left

• 2、 And then click “ adopt Wi-Fi Connect a new device ”, The connection QR code... Will appear 、ip And port number .

• 3、 Open AppLoader Or custom loader（ If the latest version is not installed on the phone AppLoader, Please install first. The latest version AppLoader,）, The latest version AppLoader Will be applied in UI The top layer shows a gray “ The ball ”：
• 4、 Click this “ The ball ”,AppLoader A dialog box for configuring debugging service information will pop up on the screen ：

• 5、 Click on APPloader Scan in the drop-down box in , scanning studio Connect with QR code . It can also be entered manually IP Address and port number .

• 6、 Click... In the dialog box “ Connect ” Button , If the configuration is correct , The successful connection will be displayed , meanwhile “ The ball ” Turn green .（ If the connection is not successful , You can turn off the computer firewall and try again .）：

• 7、 After successful connection , Right click on the project root , Pop up the right-click menu and select WIFI Synchronization command . Or you can use shortcut keys to WiFi Real machine synchronization ：

• 8、 The synchronization status will be displayed on the real screen in real time , After synchronization AppLoader The application will be automatically hot restarted ：

• 9、 After successful connection , Also available at APICloud Studio3 Any of the items html Right click on the file , Or use shortcut keys to WiFi Real time preview .

Other instructions

• 1、 Shortcut key ：WiFi The incremental real machine synchronization shortcut key is [Control + O],WiFi The full real machine synchronization shortcut key is [Control + I]. Can be set in - Keyboard shortcuts Modify shortcut keys in .
• 2、 Customize loader and AppLoader Default on WiFi Real machine synchronization and real-time preview function , Cloud compilation APP The function will be automatically turned off
• 3、WiFi Real machine synchronization needs to ensure that the mobile phone and Studio In the same LAN and the same network segment .WiFi When the real machine synchronization service is normal ,“ The ball ” Show in green , If it is not connected, it is gray
• 4、 Only when customized loader perhaps AppLoader At the front desk , Only then can WiFi Sync , The app goes back to the background ,WiFi The synchronization service will shut down automatically , Until I return to the front desk , Start automatically again .
• 5、WiFi The real machine is synchronized with USB Real machine synchronization does not conflict with each other , It can be used at the same time
• 6、 Customize loader Only support for this loader In the project WiFi Real machine synchronization or real-time preview ,AppLoader Support for connected Studio All projects in WiFi Real machine synchronization or real-time preview

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