本文以叮咚同城小程序模块为列，适应于90%以上模块，个别如人人商城小程序，有对应的教程

一、准备资料

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

确保你的微擎站点已经开启了https，如果没有请按此方法https://www.rnds168.cn/24799.html

确保你已有认证小程序，如果没有，请前往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.待腾讯爷爷审核通过后，再去微信小程序后台提交上线发布