Home

Awesome

今日头条/抖音小程序商城

今日头条/抖音小程序商城，长期维护版本，欢迎大家踊跃提交贡献代码；

使用说明和常见问题，可参阅下面的说明，如还有疑问，可访问工厂官网 https://www.it120.cc/ 寻求帮助！

微信小程序版本

本项目的微信小程序版本，请移步至下面的地址：

https://github.com/EastWorld/wechat-app-mall

扫码体验

请使用今日头条扫码访问小程序（抖音内测名额已满，等开放后在公布抖音码）

<img src="https://dcdn.it120.cc/2020/02/17/bc2a3aed-9a9a-48cf-b61d-90baa79ca9c1.jpeg" width="200px">

其他优秀开源模板推荐

联系作者

<img src="https://dcdn.it120.cc/2021/06/23/3cf5a664-90d8-484f-9652-ef4ca46a926d.jpeg" width="200px">

接口 & 后台声明

本项目为小程序商城纯前端项目，由于人力和精力所限，本项目并未有开发配套的后台系统，而是直接使用了 api 工厂 提供的免费接口和后台，可以完全满足本项目的所有功能需求。

底部ICON图标使用： https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=13163

初始化测试数据

登录后台，左侧菜单 “工厂设置” --> “数据克隆” --> “将别人的数据克隆给我”

对方商户ID填写 951

点击 “立即克隆” ，然后退出后台重新登录

你将立即享有初始化测试数据，方便你进行测试

编译说明

开发工具中，不要打钩 ES6转ES5，本项目需要用到 ES6 的支持，所以如果你打钩了，请把钩去掉即可。

使用说明

1、申请后台账号/获取专属域名

2、开通商城模块

<img src="https://cdn.it120.cc/apifactory/2018/11/14/b61fe6ffb2460f7e4554758b394814f5.png">

3、修改根目录下 config.js 文件

module.exports = {
  version: "7.4.0",
  note: '内页增加快速浮动导航、我的页面UI优化', // 版本说明，无需修改
  subDomain: "tz", // 根据教程 https://www.yuque.com/apifm/doc/qr6l4m 查看你自己的 subDomain
  shareProfile: '百款精品商品，总有一款适合您', // 首页转发的时候话术
  goodsDetailSkuShowType: 0, // 0 为点击立即购买按钮后出现规格尺寸、数量的选择； 1为直接在商品详情页面显示规格尺寸、数量的选择，而不弹框
}

4、设置小程序合法服务器域名

5、重启您的小程序开发工具，完成

6、如何在后台管理小程序启动图和首页头部的轮播 banner 图片

这两个功能都是使用后台 “系统设置” --> “banner” 管理功能来实现的；
后台发布banner的时候，自定义类型请分别填写  app  和  index
小程序会自动读取类型为 app 的banner图片作为启动展示图片；
小程序会自动读取类型为 index 的banner图片作为首页的轮播图；

7、订阅消息(以前的模板消息)如何使用？请查阅 “api工厂” 的教程：

https://www.yuque.com/apifm/doc/sw1dg9

系统参数设置

登录后台，左侧菜单“系统设置” --> “系统参数” 菜单；如果你找不到该菜单，那是因为你还没启用 “系统参数设置” 的模块，左侧菜单“系统设置” --> “模块管理”，启用 “系统参数设置” 模块，然后F5刷新网页即可

常见问题

如何升级到最新版