独立商户商城：管理后后台+H5+android+iOS+小程序

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/cli@2.2.9

因为该项目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年继续共同进步！