企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
:-: 小程序搭建步骤 准备工具: (微信开发者工具,一个小程序账号, 京东联盟的账号,多多进宝的账号) 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>