所需工具：

1，HBuilderX，下载地址：https://www.dcloud.io/hbuilderx.html

2，微信开发者工具（微信小程序需要），下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

一、安装HBuilderX工具后，工具-插件安装-安装好“scss/sass编译”插件；

二、文件-导入-从本地目录导入，选择程序Uniapp目录后导入；

三、进行一些必要设置，如下：

四、配置好后即可点击发行到H5或微信小程序及其他。发行到H5后会在Uniapp目录下生成一个unpackage目录，依次进入dist-build-web目录就是最新打包的H5，可以把此目录下的文件覆盖到程序包Site-public-h5下。

五、如果选择打包成微信小程序，需要先安装上面的“微信开发者工具”，在HBuilderX中选择发行到微信小程序后会自动拉起微信开发者工具，打开后预览没啥问题后就可以点“上传”。上传后到小程序后台-管理-版本管理中提交审核，审核通过后再次进入这里进行发布。

小程序所需设置：

0、特别注意：小程序服务类目千万别选择“商家自营-B2b(商品批发/门店管理)”，否则将导致微信支付不可用。

1、设置微信小程序的权限

请登录微信小程序运营平台：https://mp.weixin.qq.com/

左侧菜单 -> 开发 -> 开发管理 -> 服务器域名，把你自己的域名填写进去（刚设置以后会有一定时间延时，耐心等待即可）

2、微信小程序用户隐私保护指引及订单中心path

左侧菜单 -> 设置 -> 基本设置 -> 服务内容声明，按下图进行设置

3、如果小程序要求接入订单管理，订单信息录入中的小程序商品订单详情path地址：pages/order/detail?id=${商品订单号}，并到商城后台-系统设置-微信设置-小程序设置勾选自动发货。