:-: 小程序搭建步骤
准备工具:
(微信开发者工具,一个小程序账号, 京东联盟的账号,多多进宝的账号)
1.登录微站后台点击 新建小程序
![](https://box.kancloud.cn/6e1cfc4ddcfe6343108061767aed562a_554x209.png)
2.点击--- 手动添加小程序
![](https://box.kancloud.cn/b08618b531cd1032287b18ea4b5872ad_554x225.png)
3.点击----新建单个小程序
![](https://box.kancloud.cn/b9a7785365517e25aa62184ff2ce7247_554x202.png)
4.进入微信公共平台(https://mp.weixin.qq.com)按照下面的截图以及信息的路径进行填写。
![](https://box.kancloud.cn/424dcaae10aecb37530dc9f858eef591_553x378.png)
5.点击 生成版本
![](https://box.kancloud.cn/c6db726430aaa736bc226d78142f2e43_554x291.png)
6.我们 打开微信公共平台(https://mp.weixin.qq.com),找到开发
-------》开发设置 --------》 服务器域名,没开启的自己开启,开启的自行配置。
![](https://box.kancloud.cn/89bafd099801ce4c83e5cd4484ea578c_489x188.png)
![](https://box.kancloud.cn/4e34a62fcab73859597653d386aee865_553x259.png)
7.打开我们的小程序前端文件,找到------------》 project.config.json文件 ---------》 打开。
![](https://box.kancloud.cn/03f450170c1ae617b85df16d8c2b3875_554x260.png)
8.打开以后 我们找到 appid 这一行,把后面的值换成自己的appId。只有这样我们才能导入项目。
![](https://box.kancloud.cn/3d3b89056cb4b4841c779b9b95d0751d_554x288.png)
9.打开微信开发者工具,点击 ----- 添加
![](https://box.kancloud.cn/537758784f6b35387e012367844b4ec8_554x316.png)
10.点击 ------- 导入项目
![](https://box.kancloud.cn/1eeef11815c427e16c4bfe545e8e6a5c_554x376.png)
11.点击 如下图的下拉箭头 选择小程序前端的文件夹 。
![](https://box.kancloud.cn/46f5228497789fadec9ef29b5f062805_554x354.png)
12.选择如下图的小程序前端文件夹 不要选择其它文件夹。
![](https://box.kancloud.cn/29ce217a9258d97d11201544fdda8820_554x353.png)
![](https://box.kancloud.cn/95770c5ff34ce5a1f8503ea1a4335877_554x449.png)
13.进来以后,我们需要把下图标记的四个地方的值进行修改。
详细步骤看截图 ① ② ③ ④ 对应的 1 2 3 4
注意 : 2 和 3 填写的值是一样的。
![](https://box.kancloud.cn/5a4a65dbb76fabed3e8f39b6bfdd6ea3_554x263.png)
步骤 ①:
![](https://box.kancloud.cn/676bc8272c1ec9e4135d851b970dd2be_553x259.png)
步骤 ②:步骤 ③
![](https://box.kancloud.cn/0923a1dd31aa85b75f4b876249b0c005_554x242.png)
![](https://box.kancloud.cn/e961f31a1fddcf2d0e3200d8b52c30f4_553x206.png)
步骤④
![](https://box.kancloud.cn/c276c30252a9f214fd99f1c1418331ba_554x149.png)
填写完成后的截图
![](https://box.kancloud.cn/8bbd79e34a9ad8445e67acfc4e6f36b7_554x208.png)
14.然后 我们在 微后台 添一个幻灯片 来检测我们是否安装成功。
![](https://box.kancloud.cn/f981bf3587ce0b506a9ebc8c435f8127_553x243.png)
添加成功后 然后 回到我们开发者工具 。 点击 编译
![](https://box.kancloud.cn/31a2c8078dda1876d70f434dbe867eb2_553x337.png)
15.进入我们的微后台,开始配置 京东和拼多多的接口。
①: 配置拼多多 接口 。(https://open.pinduoduo.com/)
![](https://box.kancloud.cn/b747275de574aaeea0cfc906789a96b0_553x188.png)
![](https://box.kancloud.cn/f5f5b276cc04a96c434c1ce6c907c758_526x272.png)
②: 配置京东 接口 。(https://union.jd.com/)
![](https://box.kancloud.cn/3a7be54c38b4f0e315c489729b8a361b_554x296.png)
图一: 联盟ID的步骤
![](https://box.kancloud.cn/ad2d0f6306c0ff039f54193818ee5282_554x157.png)
图二:社交媒体ID步骤
![](https://box.kancloud.cn/2a15f6b4f073e598039396580c5dffc1_554x216.png)
图三:授权KRY的步骤
![](https://box.kancloud.cn/91bcd7a25c26a2eaf120e4498d578ad4_554x211.png)
![](https://box.kancloud.cn/625e1b6216a8b1979b3f48f86bdaba08_554x233.png)
16.返回到 微信开发者工具 点击编译
出现 下图所示 即代表 接口调用成功!
![](https://box.kancloud.cn/67f680a1b26ff9ac6ecb0f0ed5eee7f8_554x301.png)
17.进入 我们微后台 配置我们的小程序 导航。
图标素材在 素材附件自己找喜欢的。
自己 控制添加导航的数量
![](https://box.kancloud.cn/ea30c8845bf46adba9ce697e3a196b81_554x273.png)
效果:
![](https://box.kancloud.cn/6a9ebb79c5ed0dfed67db4ff622379c0_554x326.png)
18.配置我们的小程序 主题 展示
![](https://box.kancloud.cn/a52f48aca9310c3ccbbf3a19b2b7edad_513x261.png)
19.配置 展示位置管理
![](https://box.kancloud.cn/718e08fcafd821d6ddae694d6abfb872_554x255.png)
20.配置系统设置 一些参数
![](https://box.kancloud.cn/8fe446be75c5727dcfc35490d51bf3d3_554x205.png)
![](https://box.kancloud.cn/7afd1b3c8a393c8e1829d9720af9a45b_554x216.png)
![](https://box.kancloud.cn/a147899748dbd2185e749cb18be82e5a_475x622.png)
21.确保 所有的页面与功能完善。
![](https://box.kancloud.cn/8335f4bc94b8be33651a4107fa2dad2f_554x400.png)
22.进入微信开着工具,点击 上传 代码 。
![](https://box.kancloud.cn/868f3cc719e050550e4c3f5d749494fe_553x229.png)
23.上传成功后 我进进入微信公共平台
![](https://box.kancloud.cn/349d5c7fb44b99b2e20f2555bbdddc9f_554x167.png)
![](https://box.kancloud.cn/e2720804b127348a52a41128f52eb2b8_554x452.png)
![](https://box.kancloud.cn/e2720804b127348a52a41128f52eb2b8_554x452.png)
![](https://box.kancloud.cn/3138fac147b9583731932118c68adfe3_554x386.png)
最后 在进入微后台把一些功能开一下或者设置一下。进一步测试小程序的功能。
等待审核,如果审核成功发布即可。
<b>安装总结:
1.微站后台新建小程序,填写小程序相关信息
2.微信公共平台进行添加带https://域名
3.修改小程序前端 project.config.json 里面的Appid 并用微信开发者工具到入项目
4.修改siteinfo.js 文件里面的接口参数
5.去微站后台添加一个幻灯片,并测试是否介入成功
6.进入微站后台添加 京东 拼多多 蘑菇街的接口
7.设置主题配置以及展示位管理和一些按钮颜色文字修改
8.上传提交代码,并审核。</b>
- 新手淘客50条黄金法则
- 小程序注册
- 微信公众号注册
- 淘宝客商城模块设置
- 阿里妈妈注册
- 1、系统后台设置
- 2、地区设置
- 3、提醒设置
- 4、海报设置
- 5、商城首页风格设置
- 6、api参数设置
- 7、订单返利设置
- 8、直播间设置
- 9、个人中心和会员中心导航设置
- 10、自定义菜单设置
- 11、领券提醒
- 公众号订单提交绑定
- 京东模块注册
- 京东联盟的注册
- 京麦工作台注册
- 京东客商城后台设置
- 拼多多模块注册
- 多多进宝开发者注册
- 拼多多开发者账号注册
- 拼多多商城设置
- 小程序后台功能与设置
- 前台后台的关系图解
- 1.推荐管理
- 2.系统设置
- 3.幻灯片设置
- 4.优惠券查询
- 5.展示位管理
- 6.导航管理
- 7.公告管理
- 8.推广订单明细
- 9.推广位管理
- 10.提现管理
- 11.主题推荐
- 12.红包树
- 13.发圈素材
- A 小程序的搭建
- B 公众号的搭建
- 代理系统设置
- 1.参数设置
- 2.基础设置
- 3.代理审核