前言:
最近需要在uniapp项目上修改需求,完成后需要将页面打包出来,生成h5静态文件,然后部署到测试和生产环境,这里总结下我的具体操作步骤
步骤:
- 测试域名打开,因为我项目里测试域名都是
test.
开头的,所以全局搜test.
, 打包之前要手动切换接口域名;做完需求后提交到git - 发测试包的时候就把所有文件
test.
这个地址放开。发生产的时候把生产地址放开 - 项目需要自己手动打包,打包的时候用hbuilder,点击菜单栏发行,点击选择网站-H5手机版,在自己本地编译完,它会告诉你编译路径。
- 打开编译完生成的路径,复制/dist/build/h5文件夹里所有的内容,这里主要是一些静态文件;都拖到桌面新建dist文件夹中,然后压缩成.zip文件夹再去发版工具发版。
关于为什么要新建一个dist文件夹??
如果打包的是h5项目,那就会在 dist/build 目录下生成一个h5的文件夹,文件夹内部就是打包好的文件,也就是运维要部署的文件。但是运维部署的时候,一般都是一套的,只会取dist根目录下的文件,一般不会去内部找文件,所以需要在桌面新建dist文件夹,把h5文件夹里编译好的文件复制一份放在dist文件夹中;以上纯属个人理解。
注意:
博主就在压缩成.zip文件夹再去发版工具发版这里出错了,一开始把dist文件下的东西全部都上传到发版工具,导致页面打不开,后来在同事帮助下才知道只需要把h5下的静态文件压缩上传就行,也就是上面的步骤4