🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# Hbuilder打包h5教程 1:注册一个Hbuilder开发者账号,并且实名认证。(把注册好的账号提供给售后人员,添加项目开发协作者) 注册地址: [https://account.dcloud.net.cn/oauth2?client\_id=DCLOUD\_DEV&redirect\_uri=http%3A%2F%2Fdev.dcloud.net.cn%2Fauth%2Fdcloud%2Fcallback&scope=&response\_type=code#](https://account.dcloud.net.cn/oauth2?client_id=DCLOUD_DEV&redirect_uri=http%3A%2F%2Fdev.dcloud.net.cn%2Fauth%2Fdcloud%2Fcallback&scope=&response_type=code#) 2:下载Hbuilder开发者工具 下载地址:[https://www.dcloud.io/hbuilderx.html](https://www.dcloud.io/hbuilderx.html) 3:Hbuilder导入源码。选择代码一级文件夹。 ![](https://docs.suteshop.com/uploads/suteshop-cn/images/m_82de6ffe12ff690a22a835808c5e2577_r.png "null") 4:选中点击打开manifest.json 修改应用版本名称,应用版本号,打新包的这两个的参数要比上个版本高。 ![](https://docs.suteshop.com/uploads/shopsuite-java/images/m_d194aeed5f9abfe0fde9dd197a54bc69_r.png "null") 5:h5配置: ![](https://docs.suteshop.com/uploads/suteshop-cn/images/m_6b00d0eef9da34aa2f4203387d608f61_r.png "null") 6:修改接口地址:/config/config.js,填写您自己网站域名。 ![](https://docs.suteshop.com/uploads/suteshop-cn/images/m_fc81a24e2b73f0055f31498f33d6de90_r.png "null") 7:打包h5专用文件内容覆盖。**注意:无论打包发布还是本地运行开发都需要覆盖!!!** /helpers/util-h5.js里面的内容全覆盖到/helpers/util.js 8:发行h5.填写您自己网站域名,网站标题。 ![](https://docs.suteshop.com/uploads/suteshop-cn/images/m_954a3a2e1e85a58ddfb75b9298edd40b_r.png "null") ![](https://docs.suteshop.com/uploads/shopsuite-java/images/m_be20d0955eadf4ab8961e6c871c19cfb_r.png "null") 9:等待生成h5。 ![](https://docs.suteshop.com/uploads/shopsuite-java/images/m_7f1624eae3c495668cdb9a5caf21b2e3_r.png "null") 把生成的h5 放入服务器上,nginx设置的指定目录:(如有不同按照自己设置的目录放置) ![](https://docs.suteshop.com/uploads/shopsuite-java/images/m_42d4a0335da0c72ae44074e5d425dd57_r.png "null") **访问方式:**yourdomain/h5 ![](https://docs.suteshop.com/uploads/shopsuite-java/images/m_7453392025dcd20c0cc5a44c074009c5_r.png "null")