# 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")