电商应用是所有应用开发中最常见但也是最复杂的场景之一。本文将基于小程序云开发和Taro框架进行【电商小程序开发】实战演练,教你如何从首页、商家详情、购物车、交易流程等电商模块搭建一个完整的电商小程序,并将于7月18日(下周四)进行直播教学。(参与方式见文末)
基础知识点
1 微信小程序简介
微信小程序是一款无需安装即可使用的应用程序,它具有很多优点,例如:
2 小程序云开发介绍
小程序云开发为开发者提供完整的原生云支持和微信服务支持,弱化后端和运维的概念。无需搭建服务器,通过平台提供的API进行核心业务开发,即可实现快速上线和迭代。同时该能力与开发者已经使用的云服务兼容,不互相排斥。
小程序云端开发主要由几部分组成,分别是云端控制台、数据库、云函数、存储、云调用、以及小程序端和云端分别使用的SDK。
3 Taro 框架简介
Taro 是一个遵循语法规范的多终端开发解决方案。如今市面上的终端形态多种多样,如 Web、微信小程序等,当业务需求需要同时在不同终端上表现时,为不同的终端编写多套代码的成本显然非常高。这时候仅需编写一套代码就能适配多终端的能力就显得极其必要。
使用Taro,我们可以只编写一套代码,然后使用Taro的编译工具将源代码编译成可以在不同终端运行的代码。
4 小程序云开发与传统电商后台开发相比,有以下几点区别
传统电商后端开发
小程序 • 云端开发
后端代码
独立编写和开发界面
开发接口,由云函数提供
服务器
自主购买、部署
正式提供并部署
数据监控
自建
官方提供,控制台视图
通话记录
自建
官方提供,控制台视图
成本
服务器购买成本
免费配额,可申请增加
通过小程序云开发,我们可以省略后端部署、运维步骤,快速搭建所需的后端应用。同时,云函数的开发非常简单,官方提供的API让我们可以方便地操作。可以快速上手,只需要掌握一些异步处理相关的知识,对前端同学比较友好。小程序云开发是小程序官方推出的解决方案,你不用担心是否会持续维护、升级、迭代。
发展思路
要开发Taro项目,首先需要安装taro-cli。假设你已经安装好taro-cli并且可以运行命令。
1 我们使用cli创建一个新的项目,选择云开发模板,然后我们会得到一个这样的项目模板:
2 按照已经整理出来的整体流程添加页面代码,大致流程如图所示:
3、小程序云开发支持相应的后端服务,省去了启动服务端、部署的步骤。所以我们构建的后端服务主要实现两部分:
数据库创建
最简单的电子商务应用程序需要涵盖以下数据:
前后端数据交互
使用云函数将数据库操作放在云端,即在Node.js(服务器)环境中运行一个函数;然后在小程序端调用云函数,实现类似调用接口的效果。
实践练习
1 配置整个小程序。
在src的app.js中设置相关信息,并初始化云函数