多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 红包裂变-图文教程 请各位朋友花点时间仔细阅读本教程,教程也是非常花时间写的,按照教程来操作,能保证你快速上手本应用。 [TOC] ***** #### 1.新手入门-小程序申请 (已开通过的朋友跳过此节) 进入微信公众号平台-小程序-开通 ![](https://box.kancloud.cn/0ade31a2885cfb5cb1ba0772589c6f78_1902x568.png) ![](https://box.kancloud.cn/b025a5f4a0c1412e559613e1eb0b6160_1630x643.png) ![](https://box.kancloud.cn/dbbda92da72621561b5383f356653de6_1229x756.png) ![](https://box.kancloud.cn/a84b3ec390bd281f98e0a308af335f5f_1511x726.png) ![](https://box.kancloud.cn/2ff854cd390fe0c17a1e52d20ad1caf5_1114x772.png) ![](https://box.kancloud.cn/524d92f5c14068ca1f18245ce0821b99_886x312.png) ![](https://box.kancloud.cn/586b9645c89360c9cf73487c997b8c1f_951x676.png) ![](https://box.kancloud.cn/d2af448e31bdaffdde614236dc0384a4_803x743.png) ![](https://box.kancloud.cn/872c053293d112b30f1d02ae1d8b8a80_1185x651.png) 到这里基本上小程序就开通好了,已认证过的公众号开通小程序是免费开通的,这个比较简单。 ***** #### 2.新手入门-开通小程序支付 (已开通过的朋友跳过此节) 申请支付需注意你选择开通新的支付商户号,还是绑定一个已有的微信支付商户号,如果是绑定已有的需确认是同一个主体,可以由认证公众号申请的微信支付来绑定给小程序使用。 下面我这里的教程是新开通一个全新的微信支付商户号,注意一下流程,我选择的是T7的,因为我需要审核通过后马上使用企业付款到零钱。 ![](https://box.kancloud.cn/1c0c6ebf8e0f82a6e3a33c3d6e8ba855_1447x841.png) ![](https://box.kancloud.cn/608b695efbd480e270fd242e4f607a34_1069x718.png) ![](https://box.kancloud.cn/b35e9bfebd6910882ce8727f3c542060_1015x1073.png) ![](https://box.kancloud.cn/827e3142c7051dfcd49e5eb88ba7ac48_955x861.png) ![](https://box.kancloud.cn/e119c5a4e51e588bea26a232446e563a_1009x1115.png) ![](https://box.kancloud.cn/4aea67fd36cf732baf5336ef0b8d1472_981x954.png) ![](https://box.kancloud.cn/263d618eaba154c9f8189edd142ff976_1068x657.png) ![](https://box.kancloud.cn/2111f7465a131f70541a0fe1fed562c3_1016x699.png) 支付申请过程中可能会遇到审核通不过的情况,一般多数为小程序没有内容不给通过,可以对接我们的红包裂变,放点和你选择的营业执照行业类别相关的产品,比如我选择的是软件/建站/技术开发,那我在做商品内容时,就做软件开发业务展示,网站建站方面的网站业务内容及承接开发项目类,公众号制作等内容上去,非常好过审。 ***** #### 3.微擎红包裂变的配置对接 首先登录你的小程序后台,https://mp.weixin.qq.com/ 开发者ID和密钥都保存好,后面对接微擎小程序要用到;服务器域名用你准备好给小程序使用的域名,这里必须使用https,域名需要做ssl证书。参照下图的方式设置: ![](https://box.kancloud.cn/55140f135bc5ae121673b323c34af906_1290x968.png) ![](https://box.kancloud.cn/9485f9386d2adc2410298745b1f85e4e_1290x968.png) 小程序的后台配置只需在“开发设置”里配置上图的内容,别的不需要做任何操作了。 现在我们去微擎上创建小程序,首先按下图操作创建一个新的小程序 ![](https://box.kancloud.cn/a3a01f58e1b00ee8618557ddc339850a_1264x610.png) ![](https://box.kancloud.cn/8b60e8abdee7f5d8b4143146431fc9a5_1264x610.png) ![](https://box.kancloud.cn/d94628bbca0f6743e196546ee11dcb2e_1264x610.png) ![](https://box.kancloud.cn/e95ed19ea1b1e749624937b8713c4729_679x911.png) 上面的原始ID在小程序后台“设置”-基本设置里有,而开发者ID和密钥在之前操作里说过,将之前保存好的APPID和密钥填进去。注意版本号可以和我们的更新应用的版本号相同。 ![](https://box.kancloud.cn/c34760d2b583b1aaafb86948ebd63a1a_813x777.png) 创建好后,需要微擎创建的小程序和微信小程序官方做一次对接,进入小程序点-管理; ![](https://box.kancloud.cn/32289dab555840afec1824ed7ba4be74_1264x571.png) 选择“基础信息”,可对其信息进行补全,比如二维码啊,小程序帐号啊,这不是重点,重点是往下拉找到消息推送配置。 ![](https://box.kancloud.cn/e10a3ce0209b08bf29e1e87d6cd64218_1264x897.png) 将里面的内容配置到之前微信小程序后台开发设置里,这样微擎和小程序就对接好了。 ***** #### 4.微擎红包裂变小程序支付配置 回到小程序里,做好微信支付对接,微信支付可以是小程序本身申请的微信支付,申请方法请参考前面的支付申请,也可以是同主体公众号申请的微信支付做小程序MA授权。 ![](https://box.kancloud.cn/4a46be750e1ded3b03df3a710e652037_1264x897.png) ![](https://box.kancloud.cn/ed90511a0a63b5f0829b7f972d493517_1264x897.png) ***** #### 5.红包裂变小程序使用配置 访问小程序,点选左边应用,这个和微擎公众号访问应用是一样的。 ![](https://box.kancloud.cn/a9fa2f47d4eb1d99ba350cfeea03782c_1264x556.png) 首先进行系统设置,激活token,自助激活网址:http://vip.nxteam.cn ![](https://box.kancloud.cn/006379ece8d2395a9c6b319aa58f76db_1264x897.png) 其他相关的配置都比较简单,我这里就不截图说明了,直接联系千千(QQ42559551),要我们的演示帐号,你拿去登录后造着设置商品分类啊,商品啊这些东西,做一遍啥都会了。 ***** #### 6.红包裂变小程序上传微信审核(自动) 我们发布更新是会在更新补丁说明里申明需不需要更新微信端,如果该补丁有微信端更新,你需要在这里做微信端的上传审核操作。 ![](https://box.kancloud.cn/13febc6307884667a892fc4656ec243f_1264x897.png) 有三步操作,首先是填写版本信息,可根据我们补丁的版本来写。 ![](https://box.kancloud.cn/8a8ae39695a5a2faca13f3c30b2d3b3d_1264x897.png) 填写好信息确认后,扫码并上传代码,用你的微信扫一下二维码,开始上传。上传成功后,进入微信小程序后台,去提交审核。 ![](https://box.kancloud.cn/91317cd69d10dc73103fe859580b6fc3_1264x897.png) 想先看效果,可以生成体验版本,扫二维码访问,在访问之前需将自己的微信添加为开发者,设置访问的权限。 ![](https://box.kancloud.cn/d750105862171e886a3b2b535e2dbe13_1264x897.png) 这里需注意上传的商品内容别有资质需求,不然审核不会通过,审核快的话1个小时,慢的话半天,不通过会有提示原因,祝君顺利过审。 ***** #### 7.红包裂变小程序上传微信审核(手动) 不用好奇为啥有一个手动,和上面有啥区别,因为个别原因,有时微擎在线上传或是更新会有一定的机率出现丢文件的情况,造成程序不完整,运行会有各种问题,这时就需要手动上传微信前端。 首先登录微信小程序,初次访问会有下面的截图: ![](https://box.kancloud.cn/685310f7c2f646362045a836b4074281_1280x605.png) 也可以直接访问:[微信小程序开发者工具下载地址](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html) 安装好后,运行开发者工具,切记需要你在小程序-用户里添加自己的个人微信号为开发者。 ![](https://box.kancloud.cn/605a7c41325eb0cc8db9df58c1f81c3e_334x474.png) ![](https://box.kancloud.cn/aa50538f2c14d3c45594dbd2c0391844_626x474.png) 因为我手动上传测试过,所以有两个项目,对你们而言点选新建项目,如果以后手动更新,就不用再创建了,直接更新项目里的文件,访问创建好的项目就行。 ![](https://box.kancloud.cn/4c4ce7332bdfacb0b02a00d7de9a0c83_411x474.png) 项目目录:指的是微信小程序前端,千千发包给你,你解压到你的电脑上,这里就指向你解压的前端包的目录。 APPID:去微信小程序-设置-开发设置-开发者ID,复制粘贴。 项目名称:随便你取,只是为了让你方便知道这是啥东西。 访问进去,会一直连接网络,出不来界面,别急,这里你需要手动改个配置,如图: ![](https://box.kancloud.cn/d6565347f89f7becad634fe9eab6c670_1192x791.png) 编辑siteinfo.js文件,右侧会显示出代码,将其中如图中看到的是13这个数字,改成微擎小程序对应的ID,就是你对接微擎消息推送配置URL服务器地址里的ID,我这里是8,就将这三个数字都改成8即可。 ![](https://box.kancloud.cn/d7c6e49749c2d4b919fc53632552d2cb_961x284.png) "version": "1.9.0" 这个是版本号,将1.9.0改成更新时对应的版本即可,自己定义一个也行。 "siteroot": "https://你的域名/app/index.php", 再将图中的这个网址改成你的小程序域名。 然后,点文件-保存,或是ctrl+S保存。 ![](https://box.kancloud.cn/421b98d2840e30b5cd296559de16ff90_649x253.png) 之后工具-刷新,或是ctrl+R刷新,你就能看到小程序里的内容了。 最后,上传小程序前端即可。 ![](https://box.kancloud.cn/a79e37a1e9a49b446d505a7d5c03bdf2_1192x791.png) 上传完后,和前面操作一样,去小程序后台-开发管理里,提交你上传版本审核生成线上正式版,或是生成临时演示,手机查看效果。 到此小程序教程结束,有疑问可以联系逆象-千千。