前言:

最近需要在uniapp项目上修改需求,完成后需要将页面打包出来,生成h5静态文件,然后部署到测试和生产环境,这里总结下我的具体操作步骤

步骤:

  1. 测试域名打开,因为我项目里测试域名都是test.开头的,所以全局搜 test. , 打包之前要手动切换接口域名;做完需求后提交到git
  2. 发测试包的时候就把所有文件test. 这个地址放开。发生产的时候把生产地址放开
  3. 项目需要自己手动打包,打包的时候用hbuilder,点击菜单栏发行,点击选择网站-H5手机版,在自己本地编译完,它会告诉你编译路径。
  4. 打开编译完生成的路径,复制/dist/build/h5文件夹里所有的内容,这里主要是一些静态文件;都拖到桌面新建dist文件夹中,然后压缩成.zip文件夹再去发版工具发版。

    关于为什么要新建一个dist文件夹??
    如果打包的是h5项目,那就会在 dist/build 目录下生成一个h5的文件夹,文件夹内部就是打包好的文件,也就是运维要部署的文件。但是运维部署的时候,一般都是一套的,只会取dist根目录下的文件,一般不会去内部找文件,所以需要在桌面新建dist文件夹,把h5文件夹里编译好的文件复制一份放在dist文件夹中;以上纯属个人理解。

注意:

博主就在压缩成.zip文件夹再去发版工具发版这里出错了,一开始把dist文件下的东西全部都上传到发版工具,导致页面打不开,后来在同事帮助下才知道只需要把h5下的静态文件压缩上传就行,也就是上面的步骤4