H5即HTML5，H5开发具有低成本、高效率、跨平台、研发周期短，用户接触成本低等特性。
一、开发环境在开发一个H5项目之前，需要先搞好环境。主要有node、npm、gulp、bower。下面分别介绍一下这些工具的安装和使用。
面，在本地改动代码后，通过gulp serve可以看到代码改动后的效果。在命令行执行gulp serve后生成dist文件夹，dist下存放着要执行的代码文件，在浏览器中打开页面时会依次读取dist下的代码文件。四、H5项目的开发流程首先，将最新代码push到gitlab，在命令行输入：
git status
git add proNameOne proNameTwo// 若proNameOne proNameTwo为新增加或新更改的文件；若add所有，则执行git add .
git commit -m "newH5Pro"
git push
（一）dev 环境*执行脚本：sh dep2dev.sh *
eg. newH5Pro git:(master) ✗ sh dep2dev.sh
（二）beta 环境Jenkins- 部署BETA环境
（三）prod 环境*Jenkins- 上线-上传FTP服务器 *
发jira单- 点击“创建” ［通知op上线］
其中，“创建问题”表单里的项目写要上线的项目描述，server平台为h5，描述内容主要包括影响范围、发布内容、FTP地址、发布步骤 （1、发布FE 2、qa测试 ）、发布时间、发布负责人。
注意：部署到各个环境之前，记得先在浏览器里输入URL自测下是否能正确打开。
（四）test 环境以adPage项目为例：
密钥文件kp-docker-trade，修改下面密钥文件的地址登录 sudo ssh trade@100.73.128.2 -i ~/Documents/jiedaibao/kp-docker-trade 然后输入mac密码 cd 到h5/dst下创建自己的文件夹。上传代码： sudo scp -i ~/Documents/jiedaibao/kp-docker-trade -r dist/* trade@100.73.128.2:/data/trade/h5/dst/adPage 访问地址：http://h5.test.jiedaibao.com/adPage/adPage五、H5项目中 URL拼写规范（一） 本地本地 URL拼写顺序为：http://本地IP地址:端口号/根目录dist里的路径?key=value
以h5app为例，eg.http://100.66.168.167:8008/partials/anniversary/index.html？tojdb=jdb
其中，根目录为dist, dist路径为dist/partials/anniversary/index.html
（二） dev环境dev 环境的URL拼写规则为：http://dev域名/项目名称/根目录dist里的路径
以h5app为例，eg.http://h5.dev.jiedaibao.com/h5app/partials/anniversary/index.html
其中，dev域名为：h5.dev.jiedaibao.com
项目名：项目名要和dep2dev.sh脚本文件里的project名称同步 ，eg：project="h5app"，所以这里的项目名为h5app.
dist路径为：dist/partials/anniversary/index.html
（三）beta 环境beta 环境下的URL拼写规范为：https://beta域名/项目名称/根目录dist里的路径
以h5app为例，eg.https://beta-h5.jiedaibao.com.cn/h5app/partials/anniversary/index.html
其中，beta域名为：beta-h5.jiedaibao.com.cn
beta 环境下的URL拼写规范和dev相似，只是把域名换成了beta 下的域名。
（四）prod 环境prod环境下的URL拼写规范为：https://线上域名/项目名称/根目录dist下的路径
仍以h5app为例，eg.https://app.jiedaibao.com/h5app/partials/anniversary/index.html
orhttps://app.jiedaibao.com.cn/h5app/partials/anniversary/index.html
其中，线上域名主要有两个：app.jiedaibao.com ，app.jiedaibao.com.cn