您需要登录后才可以操作登录 | 立即注册
关闭
楼主
AppCan运营
  • TA的每日心情
    开心
    2018-6-6 14:54
  • 签到天数: 128 天

    连续签到: 1 天

    [LV.7]常住居民III

    [秘籍荟萃] IDE开发之真机同步调试 [复制链接]

    2306 2 发表于 2016-3-21 19:20:21

    1、概述
    2、真机同步调试服务
    3、AppCan调试中心服务
        3.1、生成AppCan调试中心
        3.2、启动AppCan调试中心服务
        3.3、使用AppCan调试中心


    1、概述
      AppCan IDE为开发者提供了Android和iOS平台真机同步调试功能,只需在同一wifi环境下,部署到真机上的应用就可实现与PC端的实时同步调试功能,帮助开发者高效率、便捷的调试应用。
      真机同步调试功能包含2种调试服务,如下:


    2、真机同步调试服务
    1)、配置要调试应用的Config文件,选择调试服务器地址,勾选”真机同步调试”。
    1.png
    2)、项目打包,安装至手机(iOS安装需越狱设备)。
    (注意:真机调试必要条件:设备与pc必须在相同网段)判断方法:在设备浏览器里输入“192.168.1.213:30060”看一下访问的页面是否是下图的页面,如图:

    2.png
    3)、点击”启动真机同步调试服务”,启动手机端应用。
    3.png
    4)、点击需要调试的页面。
    4.png
    点击后进入如下图的所示的调试页面:
    5.png
    5)、手机端与PC端可实现实时调试。
    6.png
    在调试窗口中修改某处css样式,真机可实时同步看到效果PS:在调试窗口修改的东西是不能直接缓存到真机上,只是达到调试预览修改后的效果;需要重新打包,装到到手机才能看到调试后的效果。
    7.png
    效果图:模拟器上操作
    8.png
    调试的同时注意看手机上的效果变化,如图:
    9.png

    3、AppCan调试中心服务3.1、生成AppCan调试中心
    AppCan调试中心是AppCan IDE为开发者提供的一款可真机同步调试的门户应用,只需通过网络部署子应用(需测试的应用)后,无需二次打包,就可实时测试修改应用。
    点击”生成AppCan调试中心”。
    10.png
    进入AppCan调试中心打包流程:
    设置应用名称及icon。
    11.png
    点击”下一步”,设置平台、启动页。
    12.png
    点击”下一步”,选择插件。
    除默认已选插件外,还需选择要部署的子应用中用到的插件。
    13.png
    点击”完成”,打包成功。
    将AppCan调试中心安装至手机(iOS安装需越狱设备)。
    14.png
    安装AppCan调试中心。
    15.png
    3.2、启动AppCan调试中心服务
    在PC端,启动AppCan调试中心服务。
    16.png
    3.3、使用AppCan调试中心
    启动手机端AppCan应用调试中心。
    17.png 18.png 19.png
    点击”开始使用”,进入登录页。
    调试需要在同一WIFI下进行,输入同步PC端的IP地址,注意关闭防火墙,点击登录。
    20.png
    主页面,IDE中左侧导航列表应用均会显示在首页。
    21..jpg
    点击,进入需要调试的应用。
    如有需修改,可编辑IDE中代码,然后在当前应用中点击右下角小球,退出到首页,再次点击应用进入,方可看到修改后效果。

    板凳
    allenzhou

    该用户从未签到

    显示全部楼层 发表于 2018-7-1 10:45:42
    真机同步调试,没有targets,下是none,不能点
    还有一些帖子被系统自动隐藏,点此展开
    主题:
    级别:游客
    发帖:
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    快速回复 返回顶部 返回列表