Skip to content

Latest commit

 

History

History
51 lines (36 loc) · 2.21 KB

README.md

File metadata and controls

51 lines (36 loc) · 2.21 KB

eshop

Taro·小程序云开发电商教程示例

本 demo 适用于 Taro·小程序云开发

关于 Taro

Taro 是由凹凸实验室打造的一套遵循 React 语法规范的多端统一开发解决方案。使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(字节跳动小程序、微信小程序、百度智能小程序、支付宝小程序、QQ小程序、跨应用、H5、App 端等)运行的代码。同时 Taro 还提供开箱即用的语法检测和自动补全等功能,有效地提升了开发体验和开发效率。

Taro 作为 凹凸实验室 的主要开源产品之一,在 github 上拥有 19,000+ star, Taro 在业界获得广泛的关注。

关于云开发

文章中的几个数据集的模拟数据,已上传至 cloud/doc 中,可根据需要自行导入。不过购物车,订单类的数据与 openId 相关联,所以更多的是可以参考其数据结构。

云函数的代码存放在 cloud/functions 中,代码是按模块进行分割,每个模块有一个入口文件和一些执行具体逻辑的文件。

关于云函数

在使用你自己的云函数环境时,需要将云函数初始化换成你小程序的云环境。有以下几个地方需要注意:

  • src/app.js
  • cloud/functions 下每个云函数里的 index.js
  • project.config.json 里的appid需要换成你的小程序的 appid
// src/app.js
async componentDidMount () {
  Taro.cloud.init({
    env: 'xxyyzz', // 换成你的云函数环境
    traceUser: true // 是否要捕捉每个用户的访问记录。设置为true,用户可在管理端看到用户访问记录
  })
  const userData = await getWxUserData()
  setGlobalData('userData', userData)
}
// 例: cloud/functions/cart/index.js
...
app.init({
  envName: 'wushufang-h36jx', // 换成你的云函数环境
  mpAppId: 'wx22203329a468e8a1' // 换成你的小程序id
})
...

如果有问题怎么办?