🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[![](https://img.kancloud.cn/b0/e4/b0e42383e09aa96eecef5f7433913798_1200x90.jpg)](https://s.qiniu.com/yYJVNj) ## :-: H5打包发行步骤 #### 一.基础配置 ![](https://img.kancloud.cn/79/69/7969e9cb09fbeea1d64bb5738d5b53b4_752x479.png) 无论采用哪种方式发行,基础配置是必填项, APPID用户可以点击 重新获取, 如果提示重新获取失败, 可以新建一个 uniapp应用再把源码放入即可. APPID会自动生成. #### 二.H5配置 ![](https://img.kancloud.cn/0a/38/0a38cd45bf76c5085b970e278d3ca40d_776x541.png) 此步骤填上运行的基础路径即可, 目录名建议用小写(Linux系统区分目录大小写,可能造成不必要的错误), 在此因示例需要所以用大写. #### 三. 打包 首先确认代码无误及本地调试无误后, 点击Hbuilder编辑器中菜单栏->发行 点击上边网站-H5手机版(仅适用于uni-app)选项, 点击后弹出下方菜单 ![](https://img.kancloud.cn/2b/14/2b1433b686abbf443957e7bbb2d04223_660x225.png) **网站标题**用户在基础配置中填写 **网站域名** 格式: https://域名/打包文件目录/ 填写好后, 点击发行, 静待约10秒钟, 下方控制台就会生成打包文件. ![](https://img.kancloud.cn/d9/91/d991af643956bb66d1c94b4771ead38e_757x110.png) 点击上图中路径, 打开目录, 会显示打包好的文件. ![](https://img.kancloud.cn/87/fc/87fcdd0826a31cfbc538d0e1fb5bc1fd_637x66.png) 在服务器入口目录下新建目录名, 一定要和配置的目录名相同. 然后把此3个文件上传到此目录下, 如果是用的tp5框架, 一般是根目录/public目录下, 保证可访问即可. 最后 可以在浏览器输入域名/打包目录看能否访问. [![](https://img.kancloud.cn/30/62/30621505ec4a2cd6681a53d767a4a517_1040x100.jpg)](https://s.qiniu.com/EfUj6z)