概述

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

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

WiFi日志调试: 支持WiFi调试模式下日志输出。 启动日志快捷键[ctrl]+[alt]+[w]。 请在官网下载最新插件后使用此功能。插件包中APICloudWiFiDebugView和APICloudWiFiSync文件夹下的内容有更新。 替换插件后,需重启Sublime和WiFi真机同步服务。

下载插件

在APICloud官网开发工具页面(http://www.apicloud.com/devtools) 下载Sublime插件包。解压到Sublime 的Packages 目录下。如图:

安装使用

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

1、        在Sublime中的APICloud项目上右键,出现菜单,(Mac版无需安装服务,直接启动服务即可)。如图:

2、        点击【安装服务】,弹出是否允许安装,选择是。安装一次即可,再次打开Sublime不需要再次安装。 如果有360相关软件弹出的拦截窗口,请选择允许安装,否则会导致安装失败。(Mac版无需安装服务,直接启动服务即可。)开始安装WiFi同步服务。安装完成会有弹出框提示“完成安装APICloud真机同步服务”。

3、        点击【启动服务】,开启WiFi同步服务。开启完成后,自动弹出端口号和ip。注意如果弹出的端口号是0,请点击【查看WiFi真机同步服务器地址】,查看Sublime在本地建立的调试服务地址及端口。

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

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

6、        将在Sublime中查看到的IP地址及端口号依次填入配置框中:

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

8、        连接成功后,即可在Sublime中通过在项目上右键,选择“WiFi真机同步”或者快捷键的方式对某项目进行WiFi真机同步:

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

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

其他说明

1、快捷键:WiFi真机同步快捷键为[Control + I],WiFi真机预览快捷键为[Control + E]
2、自定义loader和AppLoader默认开启WiFi真机同步和实时预览功能,云编译APP会自动关闭该功能
3、WiFi真机同步需保证手机和电脑在同一个局域网及同一个网段内。WiFi真机同步服务正常时,“球”显示为绿色,未连接则显示为灰色
4、只有当自定义loader或者AppLoader位于前台时,才可进行WiFi同步,应用退到后台,WiFi同步服务将自动关闭,直到回到前台时,再次自动开启。
5、WiFi真机同步与USB真机同步互不冲突,可同时使用
6、自定义loader只支持对该loader所在项目进行WiFi真机同步或实时预览,AppLoader支持对所连接的Sublime中所有项目进行WiFi真机同步或实时预览
7、WiFi全量真机同步同步所有文件。WiFi真机同步,第一次同步所有文件,之后同步编辑过的文件。

相关技术文档:http://www.apicloud.com/index?uzchannel=3

app定制:http://community.apicloud.com/bbs/forum.php

app开发:http://www.apicloud.com/dev/

Sublime WiFi真机同步和WiFi真机预览使用说明的更多相关文章

  1. Sublime Text3 实现在浏览器中以HTML格式预览md文件

    1.首先找到Package Control 打开Sublime Text3,找到菜单栏:Preferences → Package Control,没有找到Package Control,那么点击Pa ...

  2. Sublime、Webstorm等在APICloud平台上全面支持WiFi真机同步和实时预览功能

    APICloud工具插件包括APICloud Studio.Sublime Text和Webstorm全面为开发者提供iOS和Android平台真机同步调试功能,不仅可以通过USB方式进行APP真机同 ...

  3. APICloud全面支持WiFi真机同步和实时预览功能

    APICloud工具插件包括APICloud Studio.Sublime Text和Webstorm全面为开发者提供iOS和Android平台真机同步调试功能,不仅可以通过USB方式进行APP真机同 ...

  4. 新增WiFi真机同步与实时预览功能 简化真机调试步骤

    APICloud工具插件为开发者提供iOS和Android平台真机同步调试功能,不仅可以通过USB方式进行APP真机同步功能,更新增WiFi真机同步和WiFi真机实时预览两大功能,方便开发者在开发过程 ...

  5. 图片上传,支持同步/异步、预览(MVC、uploadify异步提交、js预览、ajaxSubmit异步提交)兼容大部分浏览器,含代码

    图片上传代码,支持同步/异步和图片的预览 主要用了两种方式,可兼容大部分浏览器. 第一种使用uploadify异步上传,上传后返回图片路径显示到页面. 每二种使用ajaxSubmit异步上传,为兼容I ...

  6. 运行eeui项目不出现 WiFI真机同步 IP地址

    从git上 clone项目之后,安装依赖  npm install eeui环境配置    npm install eeui-cli -g 问题:npm run dev  后项目一直不出现 WiFI真 ...

  7. 原创:跳坑指南——微信小程序真机预览跟本地不同的问题

    微信小程序中出现最多的一个问题,就是真机跟本地不同:我简单列举一些我发现的原因,给大家参考,大家也可以把自己发现的东西回复给我,给我参考:本地看不到数据,就先让本地能看到数据,再看本帖.... 1:本 ...

  8. 微信小程序真机预览跟本地不同的问题。原文地址:https://blog.csdn.net/qq_27187991/article/details/69664247/

    微信小程序中出现最多的一个问题,就是真机跟本地不同:我简单列举一些我发现的原因,给大家参考,大家也可以把自己发现的东西回复给我,给我参考: 本地看不到数据,就先让本地能看到数据,再看本帖....特别提 ...

  9. 解决微信小程序wepy真机预览跟本地表现不一样,数据变化了视图没变化

    当时搜了很多相关问题都没找到相似的 只看到有这个相似的描述wepy在onLoad里修改data-object的值页面不渲染 ,通过setData解决的. 但是这个还不是根本的解决办法,有些地方用set ...

随机推荐

  1. C#回顾 –6.特性

    1.特性是什么?  Attribute 用来对类.属性.方法等标注额外的信息,贴一个标签(附着物)  通俗:给 类 或 类成员 贴一个标签,就像航空部为你的行李贴一个标签一样  个人理解,特性就是修饰 ...

  2. windows 10 设置

    精简应用 邮件和日历: Get-AppxPackage *communi* | Remove-AppxPackage 新闻: Get-AppxPackage *bing* | Remove-AppxP ...

  3. Codeforces Round #364 (Div. 2)

    这场是午夜场,发现学长们都睡了,改主意不打了,第二天起来打的virtual contest. A题 http://codeforces.com/problemset/problem/701/A 巨水无 ...

  4. 循环遍历DataTable绑定到Table

    VoteList2.cs: using System; using System.Collections.Generic; using System.Linq; using System.Web; u ...

  5. Ubuntu彻底删除MySQL然后重装MySQL

    删除 mysql sudo apt-get autoremove --purge mysql-server-5.0 sudo apt-get remove mysql-server sudo apt- ...

  6. OpenSceneGraph控制模型

    OpenSceneGraph控制模型 转自:http://www.cppblog.com/eryar/archive/2012/05/28/176538.html 一.简介 对模型的控制就是修改模型的 ...

  7. java分享第九天-01(抽象类)

    1 为什么需要抽象类?如何定义抽象类 是一种模板模式,抽象类为所有子类提供了一个通用模板,子类可以在这个模版基础上进行扩展: 通过抽象类,可以避免子类设计的随意性.通过抽象类,我们就可以做到严格限制子 ...

  8. UML图示说明

    UML图示说明 继承:实线空三角形箭头指向父类 接口:虚线空三角形箭头指向接口 关联:实线无箭头方指向拥有者 聚合:实线空心菱形箭头指向整体,部分可以单独存在 组合:实线菱形指向整体,部分不能单独存在 ...

  9. split函数的实现

    split作为字符串分割函数非常有用,但在C++里面没有这个函数.自己实现一个分割函数: 1.遇到多个分隔符连在一起,则不做分割 2.()内的分隔符不起作用 3.如果只有(,没有)不影响分隔符 #in ...

  10. 20145205 《Java程序设计》第6周学习总结

    教材学习内容总结 -若要将数据从来源中取出,可以使用输入串流:若要将数据写入目的地,可以使用输出串流.在java中,输入串流代表对象为java.in.InputStream的实例:输出串流代表对象为j ...