前端怎么部署app内的h5页面？

Question

之前的做法是将打包好的html文件交给后端部署到服务器，但是在测试阶段需要频繁的调试和打包，需要后端频繁的部署，非常浪费精力，现在需要我做自动化部署，该怎么做呢？

后台项目，我是用docker+jenkies+gitlab检测分支更新进行部署的。

但是app内的h5页面目前涉及两部分，有数据请求交互的是用vue写的，纯静态无交互的是用html写的，分为两个项目，现在该怎么整合呢?我对前端部署方面了解还是太浅，希望有人指点一下

Answer 1

前端怎么部署都无所谓，除非你要做服务器端渲染，否则 vue 和 html 没有区别。

开发阶段，最好让客户端的同事打个测试包，指向你们可以完全控制的服务器，URL 最好也可以由你们自由修改，这样就比较容易完成测试。

Answer 2

app内的web-view 链接可以先换成本地路径

Answer 3

纯静态的部分嵌入进来就可以了, 你的开发环境, 测试环境, 生产环境只是网址不一样而已

按不同的环境更换url, 这些点子早就在vue/uniapp中包含了的. dev 还是 prod 会自动匹配对应的配置

而不必每次开发完还要手动去替换 url 等

vue

uniapp

uniapp 的 运行 就是开发环境, 发行 就是生产环境, 写个环境判断就可以了

Answer 4

看看html中的JS引用能不能替换成本地开发时的地址。 用你开发的机器的IP去替换域名，路径用你本地启动服务的路径。

这样就相当于，HTML还是用服务端打包的HTML，但是HTML中引用的JS是你本地服务的JS。这样你改动Vue文件时，重新打包生产的js文件，就会自己生效到测试环境。

但是这样有个问题，就是如果测试加班测试页面的话，你必须陪她加班，不然你电脑一关，页面就挂了