前两天分享了一个基于微信生态的多租户商城 [ 分享一个基于微信生态的多租户商城 ] 这个部署起来比较麻烦,首先需要一个认证的微信开发平台账号和一个认证的微信公众号账号。今天分享另外一个商城,这个商城跟微信生态没有绑定这么紧密,但是功能相对还是满满的。
0x01:后台端服务
仓库地址
https://github.com/linlinjava/litemall
该仓库并不止只有后台代码,还包括Vue管理后台前端、微信小程序商城端 、H5移动端商城。代码结构如下图
该商城的架构图如下
[ 来源官网 https://gitee.com/linlinjava/litemall ]
启动非常简单参考https://gitee.com/linlinjava/litemall,一步一步就可以把环境搭建起来
0x02:litemall商城的多端小程序商城taro-mall
Taro-Mall是一款多端开源在线商城应用程序,后台是基于litemall基础上进行开发,前端采用Taro框架编写,现已全部完成微信小程序,头条小程序,和h5移动端,后续会对APP,淘宝,百度小程序进行适配。Taro-Mall已经完成了 litemall 前端的所有功能。
仓库地址
https://github.com/jiechud/taro-mall
因为官网的taro已经升级到3.x以上版本了,但是这个taro-mall是使用2.2.9版本开发的,所以在搭建该项目的开发环境时需要特别注意。具体需要注意的步骤如下
安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装项目依赖
cnpm install || yarn install
在安装yarn时可能会比较慢,需要有点耐心
安装知道版本taro
cnpm install -g @tarojs/[email protected]
因为该项目taro的版本2.2.9,所以安装指定版本的tarojs client;否则会出现编译失败。
0x03:litemall商城的Android端和iOS端Flutter_Mall
Flutter_Mall是一款Flutter开源在线商城应用程序,是基于litemall基础上进行开发,Flutter_Mall基本上包含了litemall中小程序的功能。
仓库地址
https://github.com/youxinLu/flutter_mall
Flutter是什么?
Flutter 由 Google 的工程师团队打造,用于创建高性能、跨平台的移动应用。Flutter 针对当下以及未来的移动设备进行优化,专注于 Android and iOS 低延迟的输入和高帧率。Flutter 可以给开发者提供简单、高效的方式来构建和部署跨平台、高性能移动应用;给用户提供漂亮、快速、jitter-free 的 app 体验。
Flutter环境搭建主要步骤
- (1)下载flutter sdk
https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
- (2)添加环境变量
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- (3)解压flutter sdk,并配置flutter的bin目录到环境变量PATH中
- (4)配置android sdk环境变量
ANDROID_HOME = D:\android_sdk
- (5)配置android sdk的tools和platform-tools目录到PATH中
D:\android_sdk\tools
D:\android_sdk\platform-tools
- (6)在cmd中执行如下命令
flutter doctor
flutter doctor --android-licenses
- (7)下载android studio
https://developer.android.google.cn/studio/
- (8)在android studio中安装Dart和Flutter插件
在android studio直接安装Dart和Flutter插件可能比较慢,可以直接在如下地址下载后,采用硬盘安装的方式
https://plugins.jetbrains.com/ Dart插件
Flutter插件
以上这个这些非常适合想了解一个整套系统的初级开发者,分享给大家。另外这些小编都已经搭建起来,如果大家有在搭建环境遇到什么不解之谜的话,可以与小编一起讨论,共同进步。现在离2021年只剩不到26小时了,2021年继续共同进步!