下载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,选择 运行->浏览器/手机/小程序