新增WiFi真机同步与实时预览功能 简化真机调试步骤
2016-06-07 10:51
363 查看
APICloud工具插件为开发者提供iOS和Android平台真机同步调试功能,不仅可以通过USB方式进行APP真机同步功能,更新增WiFi真机同步和WiFi真机实时预览两大功能,方便开发者在开发过程中进行真机预览和调试,加快同步的速度和提高预览调试的效率。
通过USB方式进行APP真机同步,是目前各种手机助手程序的常用同步方式。然而这种方式同步速度慢、效率低,环境兼容问题严重,而且需要安装手机驱动程序或手机助手、itunes、itools等各种辅助工具软件,目前市场上越来越多的软件又都会自带并在进程中启动adb服务或调用itunes接口,常常导致adb服务端口被占用或itunes环境变量被篡改等等各种问题,从而造成同步操作不稳定,也给APICloud开发者造成了一些不便。因此APICloud为解决这些问题,进一步推出了WiFi真机调试功能。以下为功能具体介绍:
WiFi真机实时预览:可以实时在真机上加载并预览指定页面的运行效果,方便开发者在真机上实时调试页面布局和JS代码执行(包括APICloud扩展API调用),与在PC浏览器和其他模拟浏览器上预览方式不同,在真机上进行页面的实时预览,可以确保调试预览的效果与APP在手机上真实运行的效果一致,从而最终提升APP整体开发效率。
WiFi真机同步:可以通过HTTP方式,同步工具插件中的APP代码文件到真机上,由于当设备和工具插件在同一个WiFi环境下时,文件传输速度非常快,所以WiFi真机同步操作相比USB方式速度要快很多,并且工具插件中会进行智能处理,每次只同步只会更新有修改的文件。
使用流程
1、 点击Studio菜单栏的“帮助”按钮,在弹出的下拉菜单中点击“查看WiFi真机同步服务器地址”:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/a2f6e3a8261346146d2721e9a11c9943.png)
2、 您将查看到Studio在本地建立的调试服务地址及端口:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/1a0aecb22bf23a1aed1f467f844cc27d.png)
3、 打开您手机上的AppLoader(如果手机上还未安装最新版AppLoader,请先安装最新版AppLoader,),最新版AppLoader将在应用UI最上层展示一个灰色的“球”:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/9a3db800b0f0f93e53d3e80d153da82b.png)
4、 点击该“球”,AppLoader将会在屏幕上弹出一个配置调试服务信息的对话框:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/9dc903f6666dc1dcffef7ea6d98d4873.png)
5、 将2中在Studio中查看到的IP地址及端口号依次填入配置框中:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/280a5c94a0dd3fe07fd81dc582405dac.png)
6、 点击对话框中的“连接”按钮,如果配置正确,将显示连接成功,同时“球”变为绿色:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/7ae06dd11ceba52f820e7b471d7d0526.png)
7、 连接成功后,即可在Studio中通过在项目上右键,或者快捷键的方式对某项目进行WiFi真机同步:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/1d927f2332b77b77b67902a9d47d732a.png)
8、 同步状态将实时显示在真机屏幕上,同步完成后AppLoader将自动热重启该应用:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/63a294984e02b7b36d20118146c10aeb.png)
9、连接成功后,也可在Studio项目的任意html文件上右键,或者快捷键的方式对该文件进行WiFi真机实时预览:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/d0fbb91b297c1a2bf753129b2f78c913.png)
针对这两大新增功能,还有使用文档:http://docs.apicloud.com/Dev-Tools/wifi-debug和视频教程http://7o50kb.com1.z0.glb.clouddn.com/wifi_sync.mp4,方便开发者学习和使用。
通过USB方式进行APP真机同步,是目前各种手机助手程序的常用同步方式。然而这种方式同步速度慢、效率低,环境兼容问题严重,而且需要安装手机驱动程序或手机助手、itunes、itools等各种辅助工具软件,目前市场上越来越多的软件又都会自带并在进程中启动adb服务或调用itunes接口,常常导致adb服务端口被占用或itunes环境变量被篡改等等各种问题,从而造成同步操作不稳定,也给APICloud开发者造成了一些不便。因此APICloud为解决这些问题,进一步推出了WiFi真机调试功能。以下为功能具体介绍:
WiFi真机实时预览:可以实时在真机上加载并预览指定页面的运行效果,方便开发者在真机上实时调试页面布局和JS代码执行(包括APICloud扩展API调用),与在PC浏览器和其他模拟浏览器上预览方式不同,在真机上进行页面的实时预览,可以确保调试预览的效果与APP在手机上真实运行的效果一致,从而最终提升APP整体开发效率。
WiFi真机同步:可以通过HTTP方式,同步工具插件中的APP代码文件到真机上,由于当设备和工具插件在同一个WiFi环境下时,文件传输速度非常快,所以WiFi真机同步操作相比USB方式速度要快很多,并且工具插件中会进行智能处理,每次只同步只会更新有修改的文件。
使用流程
1、 点击Studio菜单栏的“帮助”按钮,在弹出的下拉菜单中点击“查看WiFi真机同步服务器地址”:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/a2f6e3a8261346146d2721e9a11c9943.png)
2、 您将查看到Studio在本地建立的调试服务地址及端口:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/1a0aecb22bf23a1aed1f467f844cc27d.png)
3、 打开您手机上的AppLoader(如果手机上还未安装最新版AppLoader,请先安装最新版AppLoader,),最新版AppLoader将在应用UI最上层展示一个灰色的“球”:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/9a3db800b0f0f93e53d3e80d153da82b.png)
4、 点击该“球”,AppLoader将会在屏幕上弹出一个配置调试服务信息的对话框:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/9dc903f6666dc1dcffef7ea6d98d4873.png)
5、 将2中在Studio中查看到的IP地址及端口号依次填入配置框中:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/280a5c94a0dd3fe07fd81dc582405dac.png)
6、 点击对话框中的“连接”按钮,如果配置正确,将显示连接成功,同时“球”变为绿色:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/7ae06dd11ceba52f820e7b471d7d0526.png)
7、 连接成功后,即可在Studio中通过在项目上右键,或者快捷键的方式对某项目进行WiFi真机同步:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/1d927f2332b77b77b67902a9d47d732a.png)
8、 同步状态将实时显示在真机屏幕上,同步完成后AppLoader将自动热重启该应用:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/63a294984e02b7b36d20118146c10aeb.png)
9、连接成功后,也可在Studio项目的任意html文件上右键,或者快捷键的方式对该文件进行WiFi真机实时预览:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201606/d0fbb91b297c1a2bf753129b2f78c913.png)
针对这两大新增功能,还有使用文档:http://docs.apicloud.com/Dev-Tools/wifi-debug和视频教程http://7o50kb.com1.z0.glb.clouddn.com/wifi_sync.mp4,方便开发者学习和使用。
相关文章推荐
- UIView
- Ngrok 内网穿透利器
- Android MediaCodec h264硬件编码
- android 显示清除缓存
- Java 编译器中的code templates的模板
- <img>元素底部为何有空白
- 回溯法与树的遍历
- 回溯法与树的遍历
- 升级android studio后编译的应用短暂白屏
- Eclipse控制台打印中文输出乱码
- js 与或运算符 || && 妙用
- 读取AXML二进制流修改DEMO
- android收集bug(异常)信息,上传至服务器
- 推荐系统 --- 协同过滤算法
- 各种脚本语言运用MongoDB的方法
- android动画详解
- oracle提示TNS:无监听程序的解决办法
- 排序算法之堆排序
- js模态弹窗
- EXCEL中度分秒转十进制