下载HBuilderX

https://www.dcloud.io/hbuilderx.html

发布请用发行，调试可以使用运行

发行H5

1.打开HBuilderX后，选择 文件->打开目录，打开oscshop_app

修改API地址

oscshop_app\common\common.js

api_url:"https://www.xxx.com",
h5_url:"http://h5.xxx.com",
wx_h5_appid:"wxa46da0bddc0dfa7b",//此处是微信公众号的appid，必填

改成自己的域名

2.绑定h5域名

h5.xxx.com.conf

server {
        listen       80;
        server_name  h5.xxx.com;
	index index.html index.htm index.php;
	#h5可以单独复制出来绑定
	root /home/www/oscshop_app/unpackage/dist/build/h5;	
	
	location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
	{
		expires 30d;
	}
	location ~ .*\.(js|css)?$
	{
		expires 1h;
	}
	#下面的代码可以保证刷新后不会出现404问题
	location / {
		try_files $uri $uri/ /index.html;
        }
	access_log  /home/wwwlogs/h5.xxx.com.log;
}

3.把发布的h5代码复制到服务器上域名绑定的目录下（本地代码在oscshop_app/unpackage/dist/build/h5目录）

发行小程序

打开HBuilderX，选择 发行->小程序 微信，然后在微信开发者工具中上传代码，小程序平台提交审核

发行app

打开HBuilderX，选择 发行->原生app 云打包

本地调试

打开HBuilderX，选择 运行->浏览器/手机/小程序