第七下载:绿色软件放心下载

首页 > 软件教程 > 编程开发 > 详情

Discuz! Q 3.0 版本小程序发布新手教程 [文字版]

作者:佚名 来源:第七下载 更新:2021-12-11 17:20:08 阅读:

用手机看

写在前面:本教程仅适用于初学者在Widows [^①] 操作系统下快速构建Discuz! Q 3.0小程序并上传使用,操作步骤力求最简 ② ,有经验者或大佬勿杠!
不喜欢看文字帖的也可以移步字母哥 @Clementine2020 发布的《3.0小程序构建视频教程》https://discuz.chat/thread/50250
一.软件下载
1.微信开发者工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2.Node.js 环境 ③
https://nodejs.org
3.Git 管理工具
https://git-scm.com/downloads
4.Visual Studio开发工具 ④
https://code.visualstudio.com
二.小程序注册及使用
1.注册小程序。你可以通过已认证服务号点击左侧菜单栏,快速注册小程序并认证(此方法可节约300元/年小程序认证费用)
https://mp.weixin.qq.com
2.开通微信开放平台。此举非必要操作,仅为绑定的公众号或小程序,获取用户微信"UID"此举可让用户在绑定微信的情况下自由切换于Discuz! Q 3.0 构建的小程序和H5之间。(非绑定开放平台的公众账号或小程序不能获取用户"UID")
https://open.weixin.qq.com
三.程序下载及参数配置
Win+R 呼出"运行"窗口,输入cmd回车,打开命令提示符(cmd.exe)
输入命令 d: 回车
输入命令 git clone https://gitee.com/Discuz/discuz-fe.git 回车
4.下载完成后,(cmd.exe)不要关闭
四.小程序文件参数修改(为了避免编码错误,尽量避免使用记事本直接编辑)
1.文件路径:D:\discuz-fe\project.config.json,第37行"appid": "替换成你的小程序ID",
2.文件路径:D:\discuz-fe\mini\project.config.json,第5行 "appid": "替换成你的小程序ID",
3.文件路径:D:\discuz-fe\common\config\prod.js,4行 COMMON_BASE_URL: process.env.DISCUZ_ENV === 'web' ? '' : '替换成你的网站地址',
五.编译及发布
1.在命令提示符(cmd.exe)中输入 cd .\discuz-fe\mini
2.运行命令: npm install
3.执行编译: npm run build:weapp
4.打开微信开发者工具并扫码登录
5.点击右上角设置按钮,在安全标签内将服务端口打开
6.在我的电脑中运行文件:D:\discuz-fe\mini\dist\app.wxss
7.点击右上角详情在本地设置标签栏内,勾选使用npm模块,并取消其它所有选项
8.点击右上角上传,成功后登录网页https://mp.weixin.qq.com进行发布审核
六.发布注意事项
1.发布时关闭红包,删除或屏蔽已有红包帖子
2.发布时关闭付费附件,删除或屏蔽已有的付费附件帖子
3.发布时关闭商品及屏蔽已有发布商品
4.欢迎补充...
七.备注说明
① 本教程在Windows 10 64位系统下演示并截图,Mac OS操作系统,你亦可以通过上述链接下载应用,并使用"终端"应用执行命令
② 采用命令提示符(CMD)进行下载、编译等命令执行,此方法仅适合快速部署官方原版git,不适用于问题调试或二次开发等操作
③ Discuz! Q 官方团队建议3.0小程序的使用环境 node.js 版本号:14.x.x,npm版本号: 6.14.x
④ 个人推荐安装Microsoft Visual Studio开发工具,但您也可以安装其他公司开发的应用产品
?
热点推荐
?
赞助
?
网友跟帖吐槽
pl
返回顶部