易测ios真机远程调试Web端。

前端基于 react 实现。 使用 webpack + gulp + babel 以 ES2015 的语法开发模块。

后端运行于 nodejs (v5.0+)，完全使用目前版本所支持的 ES6 特性开发。基于 express 实现了一个Web应用。

1. 进入项目根目录，先运行 npm install，安装依赖包
2. 进入ios_minicap_server目录cd ios_minicap_server，运行./build.sh编译ios-minicap可执行文件
3. 开发过程中请开启前端实时构建任务，在项目根目录运行 gulp和webpack -w,初次运行，需要运行这条命令gulp buildLess;
4. 项目是基于pm2管理进程的，因此需要安装pm2工具，运行 sudo npm install -g pm2 安装pm2
5. 启动web端服务，运行命令 pm2 start process.json，如果要查看实时日志，运行pm2 logs，可以直接运行pm2 start process.json && pm2 logs使得在起服务之后立即打印日志信息
6. 开启成功之后开启wda服务（xcode中的项目），然后运行iproxy 8100 8100
7. demo版本访问地址是localhost:3000, wda服务的访问端口是8100
8. 杀掉pm2所有进程，可以运行 pm2 kill
9. 单独跑wda_ws_service服务，可以运行命令pm2 start process.json --only unit-wda-ws-service
10. 单独跑ios_minicap_server服务， 可以运行命令pm2 start process.json --only unit-ios-minicap
11. pm2的其他相关命令介绍可以查看pm2官网查看

.
├── README.md                        #README文档说明
├── app.js                           #后端项目主文件
├── bin                              #后端入口文件
│   └── www
├── config                           #应用配置
│   ├── build.json                   #webpack等自动化工具路径等配置
│   └── path_config.js               #网络路径配置文件
├── gulpfile.js                      #-
├── ios_minicap_server               #ios_minicap相关服务
│   ├── CMakeLists.txt
│   ├── LICENSE
│   ├── README.md
│   ├── build
│   ├── build.sh
│   ├── ios_minicap_server.js
│   ├── open_xcode.sh
│   ├── run.sh
│   └── src
├── node_modules                      #node依赖               
├── package.json
├── process.json
├── public                            #资源文件
│   ├── css
│   ├── fonts
│   ├── images
│   └── js
├── routes                            #后端路由
│   ├── index.js
│   └── users.js
├── views                             #后端视图文件
│   ├── error.ejs
│   └── index.ejs
├── wda_ws_service                    #wda服务模块，将手机端的http通信进行websocket封装
│   ├── control.js                    #websocket接口封装
│   └── control_interface.js          #向ios真机上的wda服务发送http请求
├── web                               #开发用的web前端源文件
│   ├── assets                        #静态文件
│   ├── js                            #前端js，其中config.js为前端配置文件
│   └── less                          #css相关
└── webpack.config.js                 #webpack配置文件

ios技术架构图如下：

1. 启动ios wda服务，xcode相关，具体可问ios开发相关人员

1. 从git仓库下载项目。
2. 进入项目根目录，运行 npm install，安装依赖包
3. 进入ios_minicap_server目录cd ios_minicap_server，运行./build.sh编译ios-minicap可执行文件
4. 启动ios minicap服务： pm2 start process.json --only unit-ios-minicap
5. 启动wda-ws服务：pm2 start process.json --only unit-wda-ws-service
6. 运行iproxy 8100 8100

1. 从git仓库下载项目。
2. 进入项目根目录，运行 npm install，安装依赖包
3. 如果有需要，修改配置文件：web\js\config.js 、config目录下的path_config.js，文件中会有相关的注释说明
4. 运行webpack打包前端相关文件,运行gulp buildLess编译相关css文件
5. 启动web服务： pm2 start process.json --only unit-web,如果有需要，可以修改相关的配置文件,具体在项目结构中有说明

配置文件有两个部分，其中一个是config目录下的path_config.js,一个是web/js目录下的config.js。 config.js文件主要配置web端前端服务相关的文件,目前的示例（后期如果有扩展，需要更新此处）

let deviceConfig = {
    'url': 'http://localhost:8100',       //mac mini服务器地址，端口号为访问设备信息的端口
    'socketUrl': 'http://localhost:8080'  //wda_ws服务的url地址，即mac mini服务器地址
}

若后期mac mini连接多台设备，则此处的url需要修改成可配置，可以通过配置多个端口号，达成多台设备的目的。

path_config.js是web端后端相关的配置文件

/**
 * 真机调试web端后端相关配置文件
 * wda_service —— 后端封装的wda_service服务的地址，该服务配置在mac mini上，因此需要填写mac mini的网络地址
 * sockios_minicap_serviceetUrl —— web页面后端访问ios minicap服务的host地址信息，ios minicap服务配置在mac mini上，因此需要填写那里的地址
 */

const urlConfig = {
    wda_service: {
        webUrl: "http://localhost:3000",    //云主机的网络地址
        deviceUrl: "http://localhost:8100"  //mac mini服务器的地址，端口为访问设备的端口
    },
    ios_minicap_service: {
        ios_server_host: "localhost"  //链接ios_minicap服务的host地址
    }
}