微擎对接小程序完整教程

本文以叮咚同城小程序模块为列,适用于90%以上模块

一、准备资料

确保你已经已经安装好框架

确保你的微擎站点已经开启了https,如果没有请按此方法

https://www.shopyii.com/peizhihttpsjiaocheng/

确保你已有认证小程序,如果没有,请前往mp.weixin.qq.com注册

二、安装模块

1.首先将源码下载到本地电脑中,解压出来,然后将模块所需对应的文件夹打包并上传至你的微擎站点,并解压

2.进入你的微擎后台,系统–小程序应用–未安装应用–安装

三、小程序对接

1.mp.weixin.qq.com将小程序基础信息先设置好,如小程序名称、介绍、类目

2.微擎后台–平台管理–添加平台–手动添加小程序–新建小程序

然后到了如下图页面,这个时候我们就去微信小程序平台将对应的信息复制过来

【注意:各项数据一定要准确无误,否则后续你可能调试不出来】特别是原始id、Appid、AppSecret

我们进入微信小程序平台mp.weixin.qq.com,登录进你的微信小程序

如上图,点击头像下这个小程序名称(要求你之前已经补充了基础信息,没补充的先去补充)进入基本设置页面,在这里我们可以获取微信小程序名称、介绍(对应微擎的描述)、原始ID、小程序Appid,将这些信息复制到微擎添加小程序的页面中

然后我们在微信小程序平台,左侧–开发–开发设置

将AppSecret(小程序密匙)复制,填写到微擎平台,填完如下图,点击下一步

这里我们先不进去管理,我们先完整对接小程序,还有下面的步骤

点击管理设置–进入到基础信息页面

下拉,到如下图

我们需要将参数设置到微信小程序平台中,

回到微信小程序平台–开发–开发设置

服务器域名、业务域名一定要填写,消息推送是模板消息类的,如需用到也要填写

到这里已经完成基础设置了

四、模块设置

这里只讲下设置简单的以便后面的小程序前端对接,剩下的设置需要自己一一去添加内容什么的了,这些没有教程可写的

一般到了这里,我们还需进入模块里面设置好一些基础参数,个别模块需要设置较多的数据,否则前端可能会对接不上的。

如同城模块的演示的这个,我们先进去设置好基础参数

五、开发者工具对接小程序前端

微信开发者工具下载地址

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

1.电脑桌面新建个文件夹(最好英文命名,如我的命名tongcheng)

2.打开微信开发者工具,新建小程序,这里千万要注意,appid一定要正确

如上图,目前是个空的,但是系统已经生成了一些基础文件,我们关闭开发者工具

然后,用叮咚同城的前端文件(我们下载的源码里面wxapp这个文件夹),将wxapp文件夹内所有文件复制到tongcheng这个文件夹覆盖(就是我们创建小程序的那个文件夹)

打开开发者工具

点击siteinfo.js文件,然后修改id和网址,修改为自己的

id获取方法,看上面的步骤,小程序–管理设置–基础信息

其中4 这个数字就是id,当然这是我的,你们的要看你们的链接中的id是多少

然后ctrl+S保存,清缓存,编译。如下图,界面出来了。

注意事项:如果你配置都正确,没调试出界面的话,请检查下appid和密匙是否正确,

如果报错全是127.0.0.1一堆字样,请更新你开发者工具版本,或者重启开发者工具。

六、小程序预览和上传、提交审核、上线发布

1.开发者工具,点击预览会生成二维码,用微信扫码可体验

2.开发者工具,点击上传,提交版本

3.登陆微信小程序后台,提交审核,按步骤要求提交即可

4.待腾讯爷爷审核通过后,再去微信小程序后台提交上线发布

七、小程序怎么更新?

将后端文件上传至addons文件夹,微擎后台,系统–小程序应用–已安装应用–应用会提示升级

然后,我们进入对应的小程序,新增一个版本

前端文件再用开发者工具重新对接一次,上传提交审核,发布

0

评论0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
没有账号? 忘记密码?