微信小程序商城原生实现

落日映苍穹つ 2022-12-15 14:17 351阅读 0赞

## 微信小程序商城项目介绍 ##

## 项目实现 ##

**注册小程序账号**  
https://mp.weixin.qq.com/

**api工厂使用**

**注册开通后台管理系统账号**  
https://admin.it120.cc/

免费开通后，在左侧菜单 “工厂设置” --> “数据克隆” --> “将别人的数据克隆给我”

对方商户ID填写 951

点击 “立即克隆”，克隆成功后，F5 刷新一下后台

> ps:
> 
> api工厂提供微信小程序接口工具包，无需服务器，无需开发后台，开箱即用，轻松开发小程序，可免费使用。

**接口工具包apifm-wxapi功能介绍及使用方式：**  
https://github.com/gooking/apifm-wxapi

**后台配置小程序**  
配置小程序的appid 和 secret

左侧菜单微信设置-小程序设置，填写 appid 和 secret，这两个值在微信小程序后台获得。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ0NDU1MTc_size_16_color_FFFFFF_t_70_pic_center]

*注意：这两个值如果没有正确配置，在项目中使用的时候将无法连接到你的后台。*

**下载项目**  
源码下载：https://github.com/gitEva1011/nativeApplet-mall-master

**下载微信开发者工具**  
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

**在微信开发者工具中运行项目**

**导入项目**  
将下载的项目导入  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ0NDU1MTc_size_16_color_FFFFFF_t_70_pic_center 1]

这里的AppID一定要修改为自己的。

**配置修改**  
将项目根目录下的config.js文件中的subDomain值修改为自己的专属域名。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ0NDU1MTc_size_16_color_FFFFFF_t_70_pic_center 2]  
**subDomain值获取方式**  
https://admin.it120.cc/\#/dashboard  
去到后台-首页，复制自己的专属域名  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ0NDU1MTc_size_16_color_FFFFFF_t_70_pic_center 3]

## 上线小程序 ##

**上传代码到微信服务器**  
![在这里插入图片描述][2020101719080699.png_pic_center]  
**提交审核**  
到微信小程序商户后台-版本管理，在开发版本中找到你刚才提交的版本，点击提交审核。  
**发布上线**  
审核通过后，就可以将审核通过的版本提交上线，这样在微信中就可以搜索到该小程序了。

项目参考：  
参考项目：https://github.com/EastWorld/wechat-app-mall  
“天使童装8.X版本”入门教程：https://www.it120.cc/help/ikfe2k.html

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ0NDU1MTc_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/139dc53d54974d4ba90cc8fc098ec4d4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ0NDU1MTc_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/7a124109518c4273a5023af6f56dcad1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ0NDU1MTc_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/e9697e76aece446c958140f5ce89a2a0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ0NDU1MTc_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/127b6e1ab57c4fc395d30c0cd6d446cc.png
[2020101719080699.png_pic_center]: /images/20221123/28076e5f8d594b8cb7629070d86921ed.png