如何使用discuz! q构建和发布小程序-凯发k8ag旗舰厅

说明

的与h5前端,基于uni-app开发框架,现支持发行为微信和h5。

使用方法

1. 安装discuz! q

在使用discuz! q小程序之前,请先安装好你的discuz! q,具体方法请,查看安装文档。

2. 准备hbuilderx

  • 安装,下载alpha版
  • 安装uni-app编译插件
  • 点击,点击『使用hbuilderx导入插件』,安装sass编译插件

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

上传小程序

通过微信开发工具,打开构建完的小程序目录,即可上传

未经允许不得转载:凯发k8ag旗舰厅 » 如何使用discuz! q构建和发布小程序

网站地图