文章

Discuz Q小程序小白使用教程

更新

2020年7月16日Discuz官方发布了Discuz!Q的正式版本。同时支持原生小程序,官方也提供了小程序前端文件,所以就有了这个小白使用教程。

更新:官方目前已发布完善的开发安装文档,建议前往官网查阅

准备工具

1.DiscuzQ官方小程序源码
2.Ubuntu电脑或服务器
3.微信开发者工具

开工

1.在Ubuntu系统上安装npm

sudo apt-get install npm -y

根据Discuz小程序官方文档提示 node 版本需要大于 10.13.0 的稳定版。推荐可以使用 nvm 进行 node 的多版本管理。

使用如下命令查看node版本

node -v

2.下载官方小程序前端文件并解压

安装unzip

sudo apt install unzip -y

下载文件并解压

wget /home/uniapp/ https://dl.discuz.chat/uniapp_latest.zip ; unzip uniapp_latest.zip

3.编译小程序

进入小程序文件目录

cd /home/uniapp/uniapp_v1.0.200715/

修改文件

编辑.env.development 和 .env.production 两个文件,修改域名

vim .env.development
vim .env.production

安装依赖

npm install -g cnpm --registry=https://registry.npm.taobao.org

防止执行npm run dev 时出现Cannot find module ‘node-sass’错误,顺便安装node-sass

cnpm install node-sass

这里安装完最好执行下npm升级命令

sudo npm update

小程序项目构建

npm run build:mp-weixin

不出意外就可以编译完成了

编译完成的文件在/home/uniapp/uniapp_v1.0.200715/dist/build/mp-weixin

4.使用微信开发工具提交项目

到微信公众平台注册一个小程序,将得到的Appid和App secre填到网站后台,点击提交

打开微信开发工具导入编译好的项目

如果没有个性化修改的地方,就可以直接提交审核了。

展开阅读全文
上一篇

微信小程序开放「分享到朋友圈」

评论已经被关闭。

插入图片

微信扫一扫

微信扫一扫

公告

抽了个空把小破站从阿里云迁到腾讯云

因图片要重新同步到对象存储,出现没图的情况多刷新几次应该就好了