微信小程序对接教程

###  前提
     1.申请了微信小程序帐号
     2.并通过了微信认证
	 
###  一.填写小程序信息
登录到微信小程序公众后台：[https://mp.weixin.qq.com/](https://mp.weixin.qq.com/ "https://mp.weixin.qq.com/")
     请按照您的需要填写资料
     小程序名称：
     小程序头像：
     小程序介绍
     服务类目：请按照你行业所属的服务类目来选择和添加
###  直接进入首页或者点击设置-基本设置
填写完毕内容如下图（注意不要照抄XXXXX）
![](/uploads/201805/xcxgkk/attach_15305e269e81911a.png)
### 二.整理对接到未来鸟平台需要的基础资料和域名设置
请整理好获取到如下资料，并使用文本来记录
1. 	 注意：以下内容仅为范例，请为照抄
2. 	 小程序原始ID：gh_6367c7130048449e
3. 	 小程序APPDI：wx854d845def4cb354b83
4. 	 小程序AppSecret: ec3f1910cf3932a3a53a745dd3e42179
- 	 注意，建议放到有到云笔记中！
####  1.小程序原始ID 获取
小程序原始ID：
![](/uploads/201805/xcxgkk/attach_15305ec439b1e47d.png)
####  2.开发设置获取AppID和AppSecret
注意：AppSecret 点生成以后，将需要管理扫码，而且这些密匙是不会保存在微信公众平台服务器上，请注意保存！
具体步骤，请看下图
![](/uploads/201805/xcxgkk/attach_15305f43ec9af109.png)
![](https://wiki.8ad.top/uploads/201904/xcxgkk/attach_1594b29e959a5be6.png)
####  3.开始配置服务器域名
##### 设置——开发设置——服务器域名——开始配置
##### 请添加以下这几个域名进去，没有特殊需求，添加这几个域名即可！如有需求要加别的域名，请自行添加

- restapi.amap.com
- apis.map.qq.com
- wln.26a.top（此域名必须添加）
- weilainiao.net（此域名必须添加）(如果客户使用的是自备域名或自定义域名这里换成客户的域名！)
- osswln.499w.net（此域名必须添加）

##### 注意：获客星球小程序和其他小程序不一样必须要额外在添加以下三个域名到downloadFile合法域名
downloadFile合法域名：
wx.qlogo.cn
p.qlogo.cn
wework.qpic.cn
![](/uploads/huokexingqiu/images/m_62ac43d71e71cdfb52b079301b8fb488_r.png)
###### 蓝色框内为客户的自定义域名，如果客户不用自定义域名，请使用wln.26a.top

##### 这五个合法的域名都填写成一样的，具体完成图请参看上图！
####  .4.未来鸟平台小程序添加
进入https://wln.26a.top 后台登录您的帐号
在系统会自动进入首页，点击去创建平台
![](/uploads/huokexingqiu/images/m_616303d6babb1794d5a43184c1f87935_r.png)
####   选择需要创建的程序类型，我选择创建微信小程序
![](/uploads/huokexingqiu/images/m_b0c1e63f9cc8ad239891afe4ecfe0267_r.png)

####   选择手动添加小程序
![](/uploads/huokexingqiu/images/m_0e8c79e173778e938b2e61996dff565a_r.png)
####   新建单个小程序
打包生成小程序，仅针对开发者单个小程序插件.
![](/uploads/201805/xcxgkk/attach_153060a079827f36.png)
####   设置小程序基础信息
####   这里的内容请从你的公众号或者你记录的文档中复制
####   特别注意的是版本号，必须使用以下格式：1.1.1 之类，
###  添加应用：请选择你要一键生成的小程序应用即可
####   完成后的范例图如下（请勿照抄）
####   然后点击下一步！
![](/uploads/201904/xcxgkk/attach_1594b3407ec9d43b.png)
####   权限选择，这里是站长才有的权限，如果您的账号不是站长账号，您可以忽略这一步
![](/uploads/201904/xcxgkk/attach_1594b35df807e6da.png)
####   然后添加版本描述和版本号，以及应用后点击生成版本即可！
####   特别注意的是版本号，必须使用以下格式：1.1.1 之类，
![](/uploads/201904/xcxgkk/attach_1594b379f318bac1.png)

以后进入小程序配置页面
####  请点击  平台 即可进入小程序配置页面
####  请点击  应用 即可进入小程序内容页面，然后进行内容的填充和界面的DIY
####   因为每个应用场景不一样，所以我们这里不在多介绍！
![](/uploads/201805/xcxgkk/attach_153060f5eb9c4c21.png)

####  5.业务域名设置
（特别注意）：普通的小程序是不需要添加业务域名的，部分采用H5页面的小程序或者有网页连接需要跳转
那么就一定要添加业务域名，不添加业务域名，H5页面或外部链接将无法访问
注意，到这里我们请先返回 https://mp.weixin.qq.com 后台
##### 开发——开发设置——业务域名——开始配置
######  添加业务域名后，小程序内可调用组件打开限定域名内的网页。
######  业务域名请根据自己小程序内需要调用的组件下的域名自行填写，比如需要链接外部网址一类的，一个域名只能供20个小程序添加业务域名使用。
添加自行所需的业务域名后保存即可
如果不可以保存，请下载校验文件然后上传到 wln.26a.top即可校验
![](/uploads/201805/xcxgkk/attach_153061502d8fd78e.png)
##### ‘下载校验文件’上传步骤
A.点击蓝色 下载校验文件  到本地
![](/uploads/201805/xcxgkk/attach_15306169596d2216.png)
B.登录 wln.26a.top 平台
然后依次点击——平台——配置——域名设置——小程序配置-（小程序业务域名效验文件）上传（上传你刚下载的文件）——更新即可！
![](https://wiki.8ad.top/uploads/201904/xcxgkk/attach_1594b3d86804b080.png)
C，上传文件，并点击 更新 以后
![](/uploads/201805/xcxgkk/attach_153061b770b12cae.png)

我们在返回微信公众开放平台
![](/uploads/201805/xcxgkk/attach_153061c02322f8bb.png)
点击保存即可！保存成功以后的效果图如下
![](/uploads/201805/xcxgkk/attach_153061ca272b1085.png)

####  6.售后客服管理权限添加
![](/uploads/201805/xcxgkk/attach_153061dc62b4cdd3.png)
请添加售后客服微信号：
weilainiao1204
weilainiao2011
并给予全部权限
###### 注意：以上2个为我们的两个售后专用员，你也可以添加你的小程序添加其他管理员！这里也可以选择不添加！如果不需要协助的话！
具体操作请看下图
![](/uploads/201805/xcxgkk/attach_1530621996c3910e.png)

####  7.开发管理！
A.登录 wln.26a.top 平台
##### 然后依次点击——平台——应用（XXXXX）填充完内容以后
##### 然后依次点击——平台——上传微信审核
![]![](/uploads/201805/xcxgkk/attach_153062543680d995.png)
B.开发版可以在这里进行预览，进行小程序内容调试，微信扫码预览开版小程序
![](/uploads/201805/xcxgkk/attach_1530627877375691.png)
C.当你在开发版小程序中觉得没有问题，可以发布了时候，请点击 上传代码 按钮！
![](/uploads/201805/xcxgkk/attach_153062a25deef683.png)
D.登录微信开放平台小程序后台——开发管理
![](https://wiki.8ad.top/uploads/201904/xcxgkk/attach_1594b3ed64601552.png)

##### 提交最新的版本，注意，新提交的版本号要比原来的大
##### 比如上次提交的是1.16 那么这次你要提交1.17
##### 然后请注意您的管理员微信，审核通过以后会有模版消息通知
![](/uploads/201805/xcxgkk/attach_153063c46c816a97.png)
##### 收到审核通过的通知以后，再次登录微信开发者平台——开发者管理——审核版本——点击右侧的 全量发布（意思是全网发布的意思），小程序就正式上线了！
![]![](/uploads/201805/xcxgkk/attach_153063ca6c4130f6.png)