Discuz!Q3.0小程序发布新手文字教程v3.0.210624

写在前面:本教程仅适用于初学者在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
运行窗口

3.2 输入命令 d: 回车

图片[2]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN

3.3 输入命令 git clone https://gitee.com/Discuz/discuz-fe.git 回车

图片[3]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN

3.4 下载完成后,(cmd.exe)不要关闭

四、小程序文件参数修改(为了避免编码错误,尽量避免使用记事本直接编辑)

4.1 文件路径:D:\discuz-fe\project.config.json,第37行”appid”: “替换成你的小程序ID”

图片[4]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN

4.2 文件路径:D:\discuz-fe\mini\project.config.json,第5行 “appid”: “替换成你的小程序ID”

图片[5]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN

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

五、编译及发布

5.1 在命令提示符(cmd.exe)中输入 cd .\discuz-fe\mini

图片[7]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN

5.2 运行命令: npm install

5.3 执行编译: npm run build:weapp

5.4 打开微信开发者工具并扫码登录

5.5 点击右上角设置按钮,在安全标签内将服务端口打开

图片[10]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN

5.6 在我的电脑中运行文件:D:\discuz-fe\mini\dist\app.wxs

5.7 点击右上角详情在本地设置标签栏内,勾选使用npm模块,并取消其它所有选项

图片[11]-Discuz!Q3.0小程序发布新手文字教程v3.0.210624-微看VCAN

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/

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 抢沙发

请登录后发表评论