Hbuilder打包h5教程 · javabbc開發文檔

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