HelloH5+搭建

一、所用工具

1. 代理服务器：squid
2. 编辑工具：HBuilder
3. 调试工具：weinre
4. 参考工具：Hello MUI    HelloH5

二、涉及项目

1. ***-pifa---------------类浏览器壳
2. ***-pifa-web----------app项目（html+js）
3. ***--------------web项目（php）

三、环境搭建

1. 服务器代理

　　 1.1 PC端

• • 　　安装squid到C盘
  • 　　更改etc下面的配置文件
  • 　　Cmd到sbin目录下 squid-z 初始化
  • 　　Squid 开启

　　　　1.2  移动端

• • 　　WiFi 更改代理ip（PC端IP，端口8888）

　　1.3 浏览器访问PC端项目，测试是否连接成功

　　2. PC端Apache配置

2.1 Apache虚拟主机配

• • ***-----------api.app.500mi.com
  • ***-pifa-web------pifa-web.app.500mi.com

2.2 host指向

• • 127.0.0.1-------- api.app.500mi.com pifa-web.app.500mi.com

　　3. PC端与移动端连接

mi-pifa项目导入到HBuilder，连接手机，在手机上运行，此时手机自动安装HBuilder

　　4. 配置调试工具weinre

4.1 下载安装node.js

4.2 Cmd安装weinre

• • 通过 npm 命令指定下载源npm --registry http://registry.cnpmjs.org info express
  • npm install -g weinre
  • 启动 WeinreDe bug 服务端
  • weinre --httpPort 8080 --boundHost -all-
  • 4.3 通过PC浏览器（WebKit内核）打开 WeinreDe bug 客户端

　　　4.3 通过PC浏览器（WebKit内核）打开 WeinreDe bug 客户端

　　　　 http://localhost[Your IP]:8081（区别jeety的8080）

　　　移动端访问，PC端调试，start