🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## **Muu云课堂官网:https://www.muucmf.cc/ (详情可登录官网扫客服二维码咨询)** **根据小程序新政策要求,为小程序登录能够获取到用户头像和昵称,请先登录微信公众平台更新“用户隐私保护指引”。具体操作参考下方:** 登录微信小程序平台-设置 ![](https://img.kancloud.cn/3b/41/3b410e05d028c7982bdfa22d34af2274_354x559.png) 服务内容声明-用户隐私保护指引,点击右侧更新 ![](https://img.kancloud.cn/52/f5/52f5af871304bab62d9220da14b1b3eb_1410x470.png) 1、开发者处理的信息,可参考下方截图增加信息类型 ![](https://img.kancloud.cn/cd/56/cd56b34b262d61e172e25219d8cc6f10_1246x398.png) 注:内容根据您自身情况填写,下方提供内容仅供参考: 为了“用户唯一性和真实性的鉴别,以及在必要时联络用户时使用”,开发者将在获取你的明示同意后,收集你的手机号。 为了“便于用户在本小程序方便获取有价值的图片类内容”,开发者将在获取你的明示同意后,使用你的相册(仅写入)权限。 为了“便于用户更快的登录信息和更好的交互体验”,开发者将在获取你的明示同意后,收集你的微信昵称、头像。 3.3、你的权益里要添加您的电话和邮箱;4.1、勾选"开发者承诺,除法律法规另有规定外.....”这条;5.2、填写内容可参考:本小程序首页显著位置显示和弹出公告 ![](https://img.kancloud.cn/8f/f4/8ff4cfbdfdbef7afbce7d08bc0f0e0a4_1154x843.png) 同时,在此页面要添加小程序订单中心path设置,点击右侧设置按钮 ![](https://img.kancloud.cn/5a/30/5a30e7c412e9cf68a23512d72af45167_1305x483.png) 将Muu云课堂小程序订单列表路径:/muu_classroom/pages/my/orders/index,填入小程序订单中心path设置框内,点击确定即可。 ![](https://img.kancloud.cn/e0/dd/e0dd79390f11f258a2088bd28650df54_1014x793.png) 为保证小程序与公众号、PC端三端用户数据同步,需在公众号平台里上传内容,小程序平台内不要单独上传内容,直接做数据同步到公众号,并在**微信开放平台绑定小程序和公众号**即可。具体方法如下 一、申请注册小程序,流程请点开此链接,按步骤操作: [https://kf.qq.com/faq/170109iQBJ3Q170109JbQfiu.html](https://kf.qq.com/faq/170109iQBJ3Q170109JbQfiu.html) 二、微擎后台配置 登录微擎后台-平台管理 ![](https://img.kancloud.cn/c0/37/c0371ab08636e944ad5e3bd626db818a_204x293.png) 点击【添加平台】 ![](https://img.kancloud.cn/c1/63/c163407b27ab84ef0509cbe43b26fe1b_967x133.png) 选择新建微信小程序 ![](https://img.kancloud.cn/10/18/1018e74ff19d816350adf48121130abb_961x504.png) 点击【手动添加小程序】 ![](https://img.kancloud.cn/29/e1/29e1e5d2be90242f10b5a0eb94e3c4fc_1316x599.png) 点击【新建单个小程序】 ![](https://img.kancloud.cn/80/e3/80e3e661e6c27c0f183fd00b538059a1_1363x577.png) 根据要求填写小程序名称,描述,ID,Appid,Appsecret ![](https://img.kancloud.cn/b6/83/b6838bc29ce194dafd34fa038df8907a_1401x844.png) Appld,AppSecret登录微信公众号平台小程序-开发-开发设置-开发者ID里获取。 ![](https://img.kancloud.cn/3b/33/3b337a1a306544d3a2a5df3fe45102dc_1136x510.png) 原始ID在微信小程序-设置-基本设置里查找。 ![](https://img.kancloud.cn/f5/74/f574b1bb159a37b0581e9ec62f9d39c7_976x119.png) 设置权限,设置微信小程序【主管理员】-【平台过期时间】-【应用权限】 ![](https://img.kancloud.cn/09/d6/09d66f15deb34c3e3eec9bb459f36a83_1585x754.png) 新建版本,设置版本描述、版本号,添加应用里添加Muu云课堂V2主程序,设置完成后点击生成版本 ![](https://img.kancloud.cn/7a/c8/7ac8cc9e48c72b5f0fffe0d1f5c8904a_1106x661.png) 添加你想使用的应用(每个小程序平台只能添加一个应用) ![](https://img.kancloud.cn/05/77/05775b350f5679fac42e66b07f1753cb_1371x696.png) 进入微信小程序点击【管理设置】,将【服务器配置信息】填到微信小程序后台的【服务器域名】下,根据每个域名格式填写相关前缀 ![](https://img.kancloud.cn/3b/28/3b28b8c15bbb14d952121e719834db99_1433x733.png) ![](https://img.kancloud.cn/1c/24/1c24843735e9dff2be0bb09f7c208f89_1402x717.png) ![](https://img.kancloud.cn/3d/6b/3d6bba293c4378ce71106badec8611fb_1433x741.png) ![](https://img.kancloud.cn/ec/60/ec609f1ed2afe5e370f65ffe74674c85_1067x466.png) 设置小程序业务域名,下载校验文件,上传到你宝塔-文件-你域名的根目录下。 ![](https://img.kancloud.cn/69/85/6985bb2ead3e425a71c2c07eb5ab52d4_723x482.png) 添加业务域名 ![](https://img.kancloud.cn/b1/df/b1dfa589e37fc629701631b7075d2a41_1025x243.png) 将IP地址添加到小程序后台【开发】-IP白名单 ![](https://img.kancloud.cn/cd/60/cd60c63fbb8ad31b5e4205931f5d710b_1044x173.png) 注意:小程序只支持https,具体要求如下 ![](https://img.kancloud.cn/64/5a/645a897bbb80ae8f1aaa590a2b3abcc0_884x332.png) 三、小程序上传和审核 1、数据同步: 进入微擎后台-平台管理-找到对应小程序平台-进入微信小程序 ![](https://img.kancloud.cn/f2/fb/f2fb6c56211b0cbf40e7b468d396db5a_1303x119.png) 点击左侧菜单【数据同步】 ![](https://img.kancloud.cn/62/1a/621a20e33f594b761473b1447b3b902a_216x270.png) 点击右侧【添加】 ![](https://img.kancloud.cn/d1/b6/d1b6866bda8b33866c812eceac974be3_1252x202.png) 在下拉菜单中选择【公众号】 ![](https://img.kancloud.cn/1a/42/1a428e4feb96c8c0f1b3f47b9b6c7b97_956x568.png) 勾选相应的公众号,点击【确认】即可。 ![](https://img.kancloud.cn/99/8a/998a972544379ac201a442762e52cb03_1007x546.png) 注:此处如果找不到你要添加的公众号,可点击右上角小人头处,更新缓存,再强刷浏览器页面后尝试添加 ![](https://img.kancloud.cn/d2/5b/d25b7dbf6b857c2ccef214a0f086051b_836x398.png) 2、支付参数: 点击左侧菜单【支付参数】 ![](https://img.kancloud.cn/80/78/8078b0ae52fbf864babcfefd091a4cf1_224x621.png) 点击右侧【修改】 ![](https://img.kancloud.cn/04/12/04125f0926a77e320fde002aacb18f88_1644x322.png) 开启微信支付,填写微信支付中的商户号和API密钥,点击【确定】。(获取方法参见微信支付配置) ![](https://img.kancloud.cn/54/c9/54c90386856c933aa0dd289e52fc0a9f_800x731.png) 3、发布小程序(上传微信审核) 点击左侧菜单【发布设置】(有些微擎版本显示为【上传微信审核】 ![](https://img.kancloud.cn/0d/a2/0da211db7b8abeb13f9e8fc7b0037f73_249x423.png) 进入发布页面后,点击【确认】 ![](https://img.kancloud.cn/f1/f4/f1f493c484a3ee8244b508b1f89857e8_1381x792.png) 在弹出的文本框中,已经开通微信小程序直播功能的,可勾选【上传直播功能】;未开通的,一定不要勾选【上传直播功能】,点击【上传】 ![](https://img.kancloud.cn/13/0e/130ee56c27185e52bf677f2b45761481_703x458.png) 扫码上传小程序代码。在弹出的页面里可预览或点击提交审核登录微信小程序平台进行审核。 ![](https://img.kancloud.cn/e6/47/e647bfbb70c4295f7f893ec1c5f2422a_962x585.png) ### **注:微擎免费版用户已无法在微擎后台上传小程序,需要到开发者工具上传,具体操作方法如下:** 开发者工具的使用: 用开发者工具上传,请先联系Muu云课堂开发者索要小程序代码包,解压后,打开开发者工具,点击导入 ![](https://img.kancloud.cn/47/dd/47dd8963f59f98419d0da37939135542_808x604.png) 找到对应目录,在muu_classroom_wxapp文件夹下,点击选择文件夹,如下图所示, ![](https://img.kancloud.cn/9a/4a/9a4a1780ce1325a8db1828555ab3240e_947x560.png) 在AppID处填上你的小程序appid,勾选我已阅读并同意后,点击确定。 ![](https://img.kancloud.cn/b2/d6/b2d61feb8035b85d89887f0d24ce3282_796x593.png) **打开siteinfo.js,右侧uniacid,acid改为你小程序平台ID,version里填入您小程序的线上版本号,siteroot里把域名改为您的微擎授权域名(此项一般为默认),后缀保留。各参数获取方式,请看下方说明** ![](https://img.kancloud.cn/75/29/7529a8503c2ce14238b0ab1de3dcc801_743x444.png) **参数获取方式如下:** 登录微擎后台-小程序平台-管理设置,页面拉到最下方,将您URL最后的数字(小程序平台ID),如:4填入uniacid和acid里 ![](https://img.kancloud.cn/e7/55/e7554881b74a04c33088ebecf3039970_499x402.png) ![](https://img.kancloud.cn/0e/59/0e59dd54d91c5a070b03d7f8601ba2e4_673x340.png) 登录微擎后台-小程序平台,将您的版本号,如:1.0.0填入version里 ![](https://img.kancloud.cn/04/c2/04c26337803e3261abb285de73e93035_223x377.png) 如您尚未申请开通小程序直播,请到app.json,把红框里的东西都删掉 ![](https://img.kancloud.cn/80/4a/804a2c844888ac3719c9af4411bf7c6a_251x384.png) ![](https://img.kancloud.cn/64/00/64003de930ceea0c577e0946d24d0192_752x567.png) 以上操作结束后,点击上方【编译】,查看左侧小程序样式,没有问题点击上方【上传】即可。 ![](https://img.kancloud.cn/3f/44/3f44731e79a58f20fb4e99dd1c3f00fe_810x292.png) **注:如上述操作后左侧仍不显示小程序内容,请按以下方法排查:** 1、请先按此文档说明检查您微擎后台的小程序平台是否做了数据同步到公众号,是否在微信小程序平台正确添加了您的业务域名和白名单。 2、登录微擎后台-公众号平台-进入Muu云课堂V2主程序-系统配置,将红框里的相关配置项,全部填全信息,包括填写文字和上传图片。 ![](https://img.kancloud.cn/0a/d1/0ad1c67ba6f14a72d808d0abf601f243_1896x651.png) 3、在Muu云课堂主程序-自定义页面-点击设置为首页,将页面设置为首页,并将DIY内容上传图标,图片,不要如图所示不上传图片和图标(此操作也会造成前端加载不出来的情况) ![](https://img.kancloud.cn/79/e9/79e9f9ac753725341921e48c65cad133_371x673.png) 四,小程序审核 登录微信小程序平台,点击左侧菜单【版本管理】 ![](https://img.kancloud.cn/bc/25/bc25bb6b6de85e564642b8ecaf893382_256x339.png) 点击体验版二维码 ![](https://img.kancloud.cn/78/a8/78a8ab1db7ba271cf75d4c2dbd95c1a7_1041x208.png) 手机扫码预览小程序 ![](https://img.kancloud.cn/f1/59/f1594b801ee3c392a2c1229569e1f5f3_704x619.png) 检查没问题后,点击【提交审核】 ![](https://img.kancloud.cn/4e/a3/4ea34f731d81cb7b6fbadf9e044d3141_1134x250.png) 审核提交流程参见:https://jingyan.baidu.com/article/456c463b3bcd950a5831449f.html 注意:小程序审核微信有严格的审核机制,请根据所上传内容选择添加对应类目,在线教育类视频和直播需要上传相应资质,详情请提前咨询微信官方。 五、开通及绑定微信开放平台 为实现公众号,小程序用户数据同步,需将公众号和小程序绑定到微信开放平台里,具体操如下: 微信开放平台开通认证方法请参见以下链接操作:https://jingyan.baidu.com/article/8275fc8670af2546a13cf65d.html 开通后,扫码登录微信开放平台,在【管理中心】-【公众账号】绑定对应公众号 ![](https://img.kancloud.cn/7a/01/7a01cf610195ce92df6ee36ea09b4404_1272x576.png) 在【管理中心】-【小程序】绑定对应小程序即可。 ![](https://img.kancloud.cn/38/71/3871768c813cf81e6e6dc4c084d4f0c9_1247x472.png) **注:以下绑定公众号操作可选填** 左侧菜单点击【设置】 ![](https://img.kancloud.cn/2b/ae/2bae1e0c147cd9220faabe5b7011071e_248x345.png) 点击相关公众号 ![](https://img.kancloud.cn/dd/3b/dd3b290a86b66302f685feccb7997a3e_1033x165.png) 勾选要捆绑的相应公众号,点击【确定】 ![](https://img.kancloud.cn/ef/10/ef10d7f3dd9e5ce71e0584716c34e8f9_812x851.png)