请选择 进入手机版 | 继续访问电脑版

DiscuzQ 小程序部署教程

使用教程 使用教程 1514 人阅读 | 0 人回复

Riood 发表于 2020-7-21 01:41 | 显示全部楼层 |阅读模式

本文转载自 我乃华夏 博客

如果你什么也不会的话,还是不要搞这个了。
准备工具
电脑:实体店、京东、淘宝都可以买到(建议实体店)。
网络:网络一定要稳定,否则在部署小程序的时候和很坎坷。
微信开发者工具:在微信小程序后台右上角下载并安装(选择稳定版)https://developers.weixin.qq.com ... ls/d%20ownload.html
visualstudio:下载地址https://code.visualstudio.com/(安装后点左侧第五个菜单搜索:Chinese (Simplified) Language Pack for Visual Studio Code,安装中文包)。
node.js:官方下载地址https://nodejs.org/en/  中文下载 地http://nodejs.cn/download/(下载完后直接安装,建议C盘)。
DZQ小程序前端文件:下载地址https://dl.discuz.chat/uniapp_latest.zip 如果你懂得如何编译,直接参考官方小程序的编译发布方法,请参考其中的 readme.md文件。

开始部署
  • 解压DZQ小程序前端文件,进入c 用 户 可 以 进 入uniapp_latest\uniapp_v1.0.200703 目录使用 shift + 鼠标右击 点击[在此处打开 Powershell 窗口]选项。
1.png


  • 安装依赖:粘贴 npm install 并回车运行等待完成(根据电脑配置时间不一样)
2.png


  • 上述页面不要关闭,使用 Visual Studio Code软件(第四个安装的软件),点击 file 打开 uniapp_latest\uniapp_v1.0.200703文件夹,修改.env.development和.env.production文件内对应VUE_APP_REQUEST_HOST=域名
3.png


  • 回到上面Powershell 窗口,粘贴npm run dev:mp-weixin到页面并回车等待完成(根据电脑配置时间不一样)。
4.png

  • 然后打开微信开发者工具,导入uniapp_latest\uniapp_v1.0.200703\dist\dev\mp-weixin文件目录(注意appid)
  • 进入https://discuz.chat/manual-admin/2.html#_2-3-微信设置按照教程完成网站后台以及小程序后台的其他设置。
  • 微信开发者工具仅需要设置 appid 就行了,导入无问题就可以提交了。其他设置参考:https://discuz.chat/manual-admin/


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则