构建与发布Discuz! Q小程序
#说明
Discuz! Q的小程序与H5前端，基于uni-app开发框架，现支持发行为微信小程序和H5。
#使用方法
#1. 安装Discuz! Q
在使用Discuz! Q小程序之前，请先安装好你的Discuz! Q，具体方法请点击这里，查看安装文档。
#2. 准备HBuilderX
#3. 准备小程序开发工具
启动微信开发者工具，打开工具 > 设置 > 安全设置，将服务端口开启。
#4. 建立Discuz! Q项目
如果你使用的是v2.8.1以上的HBuilder X，选择 文件 > 新建 > 项目 > uni-app > 选择 Discuz! Q模板
如果你的HBuilder X中看不到Discuz! Q模板，可点击这里，然后选择『使用HBuilderX导入插件』
#5. 修改配置，指向自己的服务器
修改 common/const.js 文件中的以下两行：
export const DISCUZ_TITLE = "设置为自己小程序的标题";
let host = "设置为自己Discuz! Q的访问地址，比如https://discuz.chat/";
#6. 发行
选择 发行 > 小程序 – 微信，输入自己的小程序ID，即可生成微信小程序，并自动在微信开发工具中打开。在微信开发工具中选择上传即可。
也可以选择 发行 > 网站 – H5手机版，生成H5页面，然后上传到Discuz! Q的服务器上，覆盖原public目录下的index.html和static目录。
#不使用HBuilder构建
如果你对npm工具链比较熟悉，不想使用HBuilder X，也可以自己通过npm进行构建。
#下载小程序代码
请下载小程序的最新代码，并解压缩到一个目录中。
#构建过程
进入解压缩后的目录，修改 .env.production 文件，将其中的服务器指向自己的Discuz! Q地址。
修改src下的manifest.json文件，将其中的小程序ID换成自己的小程序ID
然后执行：
npm config set registry http://mirrors.cloud.tencent.com/npm/
npm install
npm run build:mp-weixin
#上传小程序
通过微信开发工具，打开构建完的小程序目录，即可上传
原创文章，作者：校长，如若转载，请注明出处：https://www.yundongfang.com/Yun15181.html
微信扫一扫不于多少！ 
支付宝扫一扫礼轻情意重 