写在前面:本教程仅适用于初学者在Windows 操作系统下快速构建Discuz!Q 3.0小程序并上传使用,操作步骤力求最简,有经验者或大佬勿杠!
一、软件下载
1.1 微信开发者工具
下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
1.2 Node.js 环境
下载地址:https://nodejs.org
1.3 Git 管理工具
下载地址:https://git-scm.com/downloads
1.4 Visual Studio开发工具
下载地址:https://code.visualstudio.com
二、小程序注册及使用
2.1 注册小程序。
你可以通过已认证服务号点击左侧菜单栏,快速注册小程序并认证(此方法可节约300元/年小程序认证费用)
微信公众号后台地址:https://mp.weixin.qq.com
2.2 开通微信开放平台。
这一步非必要操作,仅为绑定的公众号或小程序,获取用户微信”UID”此举可让用户在绑定微信的情况下自由切换于Discuz! Q 3.0 构建的小程序和H5之间。(非绑定开放平台的公众账号或小程序不能获取用户”UID”)
微信开放平台地址:https://open.weixin.qq.com
三、程序下载及参数配置
3.1 Win+R 呼出”运行”窗口,输入cmd回车,打开命令提示符(cmd.exe)
![图片[1]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN](https://www-vcan-1255523153.cos.ap-guangzhou.myqcloud.com/2021/06/20210629072038768.png)
3.2 输入命令 d: 回车
![图片[2]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN](https://www-vcan-1255523153.cos.ap-guangzhou.myqcloud.com/2021/06/20210629072146542.png)
3.3 输入命令 git clone https://gitee.com/Discuz/discuz-fe.git 回车
![图片[3]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN](https://www-vcan-1255523153.cos.ap-guangzhou.myqcloud.com/2021/06/20210629072245797.png)
3.4 下载完成后,(cmd.exe)不要关闭
四、小程序文件参数修改(为了避免编码错误,尽量避免使用记事本直接编辑)
4.1 文件路径:D:\discuz-fe\project.config.json,第37行”appid”: “替换成你的小程序ID”
![图片[4]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN](https://www-vcan-1255523153.cos.ap-guangzhou.myqcloud.com/2021/06/20210629072435188-1024x555.png)
4.2 文件路径:D:\discuz-fe\mini\project.config.json,第5行 “appid”: “替换成你的小程序ID”
![图片[5]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN](https://www-vcan-1255523153.cos.ap-guangzhou.myqcloud.com/2021/06/20210629072524855-1024x555.png)
4.3 文件路径:D:\discuz-fe\common\config\prod.js,4行 COMMON_BASE_URL: process.env.DISCUZ_ENV === ‘web’ ? ” : ‘替换成你的网站地址’
![图片[6]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN](https://www-vcan-1255523153.cos.ap-guangzhou.myqcloud.com/2021/06/20210629072554745-1024x555.png)
五、编译及发布
5.1 在命令提示符(cmd.exe)中输入 cd .\discuz-fe\mini
![图片[7]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN](https://www-vcan-1255523153.cos.ap-guangzhou.myqcloud.com/2021/06/20210629072636339.png)
5.2 运行命令: npm install
5.3 执行编译: npm run build:weapp
5.4 打开微信开发者工具并扫码登录
5.5 点击右上角设置按钮,在安全标签内将服务端口打开
![图片[10]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN](https://www-vcan-1255523153.cos.ap-guangzhou.myqcloud.com/2021/06/20210629073500506.png)
5.6 在我的电脑中运行文件:D:\discuz-fe\mini\dist\app.wxs
5.7 点击右上角详情在本地设置标签栏内,勾选使用npm模块,并取消其它所有选项
![图片[11]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN](https://www-vcan-1255523153.cos.ap-guangzhou.myqcloud.com/2021/06/20210629073526797-1024x819.png)
5.8 点击右上角上传,成功后登录网页https://mp.weixin.qq.com进行发布审核
六、发布注意事项
- 发布时关闭红包,删除或屏蔽已有红包帖子
- 发布时关闭付费附件,删除或屏蔽已有的付费附件帖子
- 发布时关闭商品及屏蔽已有发布商品
欢迎补充…
七、备注说明
① 本教程在Windows 10 64位系统下演示并截图,Mac OS操作系统,你亦可以通过上述链接下载应用,并使用”终端”应用执行命令
② 采用命令提示符(CMD)进行下载、编译等命令执行,此方法仅适合快速部署官方原版git,不适用于问题调试或二次开发等操作
③ Discuz!Q 官方团队建议3.0小程序的使用环境 node.js 版本号:14.x.x,npm版本号: 6.14.x
④ 个人推荐安装Microsoft Visual Studio开发工具,但您也可以安装其他公司开发的应用产品
转载自:https://discuz.chat/thread/50484
作者:Cookie
作者的Discuz!Q:https://3000.fan/
👋 感谢您的观看!
请关注【资源下载】获得资源分享链接!
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
4 本站资源统一解压密码:ipotato.chat
暂无评论内容