├── .README.md.swp ├── Chapter-0.md ├── Chapter-1.md ├── Chapter-2.md ├── Chapter-3.md ├── Chapter-4.md ├── README.md ├── Thanks.md └── images ├── admin.png ├── build_success.png ├── home.png ├── https_success.png └── wx_import.png /.README.md.swp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jiyulongxu/litemall-guide-doc/c7985a820603a8ae8f9948887fa9ae6eb05fb78a/.README.md.swp -------------------------------------------------------------------------------- /Chapter-0.md: -------------------------------------------------------------------------------- 1 | ### Litemall 部署教程 - 第0章 - 基础环境搭建 2 | > 本章讲解Git、MySQL、JDK、Maven等安装教程。运行环境将会部署到CentOS 7.4 64位系统上面。 3 | 4 | #### 0.1 Git安装 5 | 6 | 使用ssh连接到云主机上。安装git 7 | 8 | yum install git 9 | 10 | 看到Complete！表示安装完成 11 | 12 | #### 0.2 MySQL安装 13 | 14 | 请参考 [CentOS7.4 安装 MySQL5.7](https://github.com/iotechn/document-basic/blob/master/CentOS7.4_Install_MySQL5.7.md) 15 | 16 | #### 0.3 JDK安装 17 | 18 | 请参考 [CentOS 安装 JDK8](https://github.com/iotechn/document-basic/blob/master/CentOS_Install_JDK8.md) 19 | 20 | #### 0.4 Maven安装 21 | 请参考 [CentOS 安装 Maven](https://github.com/iotechn/document-basic/blob/master/CentOS_Install_Maven.md) 22 | 23 | [第1章 下载后端代码并配置](https://github.com/iotechn/litemall-guide-doc/blob/master/Chapter-1.md) 24 | -------------------------------------------------------------------------------- /Chapter-1.md: -------------------------------------------------------------------------------- 1 | ### Litemall 部署指南 第1章 - 下载后端代码并配置 2 | 3 | >进入这一章，请确保已经安装好 Git、MySQL、JDK、Maven环境。本章操作均在CentOS7.4服务器上完成。 4 | 5 | #### 1.1 下载代码 6 | 在/root/目录下创建一个代码文件夹 7 | 8 | cd 9 | mkdir code 10 | 11 | 进入code文件夹，使用git检出代码 12 | 13 | cd code 14 | git clone https://gitee.com/linlinjava/litemall.git 15 | 16 | 这里使用的码云的路径，litemall在github上也有托管 17 | 18 | #### 1.2 配置项目 19 | 20 | > 配置项目前需要向微信公众平台(mp.weixin.qq.com)申请一些东西。微信公众平台的appId和appSecret；微信支付平台的mchId、mchKey(32位自己设置的)、application_cert.p12文件。 21 | 22 | > 在图片存储上，使用阿里云的OSS对象存储。需要 endpoint、accessKeyId、accessKeySecret、bucketName四个属性。 23 | 24 | 准备好以上资料后，就编辑Spring Boot的配置文件了。 25 | 26 | ##### 1.2.1 编辑core 27 | vim litemall/litemall-core/src/main/resources/application-core.yml 28 | 29 | 将微信的配置更新上去 30 | 31 | litemall.wx.app-id 32 | litemall.wx.app-secret 33 | litemall.wx.mch-id 34 | litemall.wx.mch-key 35 | # key-path 是application_cert.p12文件的路径 36 | litemall.wx.key-path 37 | 38 | 回调URL 39 | 40 | https://www.example.com/wx/order/pay-notify 41 | 42 | www.example.com 换成自己的接口域名即可 43 | 44 | OSS配置 45 | 46 | liteamll.storage.active #这里设置为aliyun 47 | liteamll.storage.aliyun.endpoint 48 | liteamll.storage.aliyun.accessKeyId 49 | liteamll.storage.aliyun.accessKeySecret 50 | liteamll.storage.aliyun.bucketName 51 | 52 | ##### 1.2.2 配置MySQL 53 | 54 | MySQL配置第一步需要建立MySQL表结构。litemall已经提供了mysql的初始化脚本。在code目录下一次执行以下三条命令即可。中间需要输入三次mysql密码。 55 | 56 | mysql -uroot -p < litemall/litemall-db/sql/litemall_schema.sql 57 | mysql -uroot -p litemall < litemall/litemall-db/sql/litemall_table.sql 58 | mysql -uroot -p litemall < litemall/litemall-db/sql/litemall_data.sql 59 | 60 | 配置application 61 | 62 | vim litemall/litemall-db/src/main/resources/application-db.yml 63 | 64 | 将spring.datasource.druid.username 改为root 65 | 66 | 将spring.datasource.druid.password 改为数据库密码1234newpwd!@#ABC 67 | 68 | 69 | [第2章 编译并运行后端代码](https://github.com/iotechn/litemall-guide-doc/blob/master/Chapter-2.md) 70 | 71 | -------------------------------------------------------------------------------- /Chapter-2.md: -------------------------------------------------------------------------------- 1 | ### Litemall 部署指南 第2章 - 编译并运行后端代码 2 | 3 | > 之前我们安装了JDK、Maven就有了编译的条件。配置完成后即可编译。这章，我们将做到能从公网访问后端Api。本章操作均在CentOS7.4服务器上完成。 4 | 5 | cd进去litemall代码目录后，执行mvn package命令。 6 | 7 | cd 8 | cd code/litemall 9 | mvn package 10 | 11 | 第一次打包时，maven会自动下载项目依赖的jar包，所以第一次用时比较长。编译完成后，命令提示窗中每个子项目编译完成。 12 | 13 | ![图片](./images/build_success.png) 14 | 15 | 编译完成后会生成可执行jar包。这就是我们需要的。若之前是按照 “文档” 存放的路径存放的，将会出现在/root/code/litemall/litemall-all/target/litemall-all-0.1.0-exec.jar中。 16 | 17 | 将此包移动到 /root/ 中， 并cd回到 /root/目录。使用java -jar 命令运行 18 | 19 | mv /root/code/litemall/litemall-all/target/litemall-all-0.1.0-exec.jar ~/. 20 | cd 21 | nohup java -jar litemall-all-0.1.0-exec.jar > /dev/null & 22 | 23 | 等待10秒左右，使用命令netstat来查看端口。若启动成功，项目会监听8080端口。 24 | 25 | [root@izg4de9cbgsa1sz ~]# netstat -apn | grep 8080 26 | tcp 0 0 0.0.0.0:8080 0.0.0.0:* LISTEN 1400/java 27 | 28 | 这就表示已经成功启动了。如果您的安全组和防火墙放通了8080端口，就能从公网访问到了。但是现在还不够，因为小程序要求必须使用HTTPS标准443端口才可以。下面我们就通过nginx来做一个反向代理，并将https的ssl证书配置到nginx上。 29 | 30 | --- 31 | 32 | nginx配置https请参照 [CentOS 安装 Nginx 并配置 SSL](https://github.com/iotechn/document-basic/blob/master/CentOS_Install_Nginx_With_Https.md) 33 | 34 | 配置完SSL后，将location做如下配置 35 | 36 | location / { 37 | proxy_pass http://localhost:8080/; 38 | } 39 | 40 | 然后使用命令重新加载nginx 41 | 42 | service nginx restart 43 | 44 | 若不是用yum安装的，可能需要用 45 | 46 | nginx -s reload 47 | 48 | 这样就proxy_pass 到之前的8080端口了。最后一步将域名解析到服务器IP上。 49 | 50 | 然后我们随便访问个小程序Api。PS：请注意放通443端口。 51 | 52 | ![https](./images/https_success.png) 53 | 54 | 到此，后端服务全部部署完成，下面我们还差小程序和后台管理了！ 55 | 56 | [第3章 小程序部署](https://github.com/iotechn/litemall-guide-doc/blob/master/Chapter-3.md) 57 | -------------------------------------------------------------------------------- /Chapter-3.md: -------------------------------------------------------------------------------- 1 | ### Litemall 部署指南 第3章 - 小程序部署 2 | 3 | > 本章讲解运行litemall小程序。操作将在PC上完成。 4 | 5 | 请下载 [微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html) 6 | 7 | 开发小程序，是需要先在 微信公众平台 mp.weixin.qq.com 上注册小程序账号的，注册完成后，会分配相应的appid。前面在后端配置中已经用到，相信大家已经申请好了。 8 | 9 | 小程序已经没办法在服务器上配置了，所以请在本机上下载一份litemall的代码。 10 | 下载完成后使用 微信开发者工具 导入 litemall/litemall-wx 目录，将AppId换成自己的AppId。 11 | 12 | ![导入](./images/wx_import.png) 13 | 14 | 导入成功后，将config/api.js 路径换成自己的 我这里是 https://fresh.easycampus.cn/wx/; 若现在还是无法显示出数据，是因为您的域名并没有配置到小程序的调用白名单。mp.weixin.qq.com后台操作路径， 左侧“开发”-开发设置-服务器域名，添加好后，再刷新，即可显示。 15 | 16 | ![home](./images/home.png) 17 | 18 | 这时候再点预览，就可以在真机上运行了。到此小程序部署完成。点击右上角“上传”，并mp.weixin.qq.com后台“版本管理”提交申请，就可以申请上线了。 19 | 20 | 21 | 现在我们还差小程序后台部署了。 22 | 23 | 24 | [第4章 VUE后台部署](https://github.com/iotechn/litemall-guide-doc/blob/master/Chapter-4.md) 25 | -------------------------------------------------------------------------------- /Chapter-4.md: -------------------------------------------------------------------------------- 1 | ### Litemall 部署指南 第4章 - VUE后台部署 2 | 3 | > 本章将讲解litemall vue后台部署。本章操作均在CentOS7.4服务器上完成。 4 | 5 | Litemall的后台是使用vuejs编写的，并且使用elmentui快速构建库。 6 | 7 | 首先安装nodejs。请参照[CentOS 安装 NodeJs 8.15.0](https://github.com/iotechn/document-basic/blob/master/CentOS_Install_NodeJS_8.15.0.md) 8 | 9 | 这里我们使用cnpm来安装以来，请把cnpm也安装下吧。cd到代码目录 10 | 11 | cd 12 | cd code/litemall/litemall-admin/ 13 | 14 | 先编辑下生产环境的配置 15 | 16 | vim config/prod.env.js 17 | 18 | 把BASE_API的 www.example.com 换成自己的域名即可。然后来安装依赖，也可以先安装依赖再配置。 19 | 20 | cnpm install 21 | 22 | A few minutes later,安装完成，接下来可以编译了。 23 | 24 | cnpm run build:prod 25 | 26 | 编译完成后，看到Build complete，会生成dist文件夹。将dist文件夹扔进web容器就可以了。正好nginx可以作为web容器，那我们就直接把dist文件扔进nginx吧。 27 | 28 | rm -rf /usr/share/nginx/html/* 29 | cd dist 30 | mv * /usr/share/nginx/html/ 31 | 32 | 之前我们并没有删除80端口的配置，这里可以直接用了。PS：请确认防火墙和安全组放通80端口。 33 | 34 | server { 35 | listen 80 default_server; 36 | listen [::]:80 default_server; 37 | server_name _; 38 | root /usr/share/nginx/html; 39 | 40 | # Load configuration files for the default server block. 41 | include /etc/nginx/default.d/*.conf; 42 | 43 | location / { 44 | } 45 | 46 | error_page 404 /404.html; 47 | location = /40x.html { 48 | } 49 | 50 | error_page 500 502 503 504 /50x.html; 51 | location = /50x.html { 52 | } 53 | } 54 | 55 | 访问自己的域名，注意是使用http协议。 56 | 57 | ![admin](./images/admin.png) 58 | 59 | 点击登录，能进去。ok后台部署也完成了。最后就是制作阿里云镜像了(镜像里面，已经把敏感信息删除)。 60 | 61 | 62 | 63 | [致谢](https://github.com/iotechn/litemall-guide-doc/blob/master/Thanks.md) 64 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ### Litemall 部署指南 - 目录 2 | > 本文档将讲解Litemall生产环境部署、Litemall后台部署。并生成阿里云、腾讯云等镜像，以便于大家直接还原部署。 3 | 4 | 5 | PS：需要阿里云镜像 或 部署过程中遇到问题 请联系 扣扣 944064365 😄 6 | 7 | #### [第0章 基本环境搭建](https://github.com/iotechn/litemall-guide-doc/blob/master/Chapter-0.md) 8 | #### [第1章 下载后端代码并配置](https://github.com/iotechn/litemall-guide-doc/blob/master/Chapter-1.md) 9 | #### [第2章 编译并运行后端代码](https://github.com/iotechn/litemall-guide-doc/blob/master/Chapter-2.md) 10 | #### [第3章 小程序部署](https://github.com/iotechn/litemall-guide-doc/blob/master/Chapter-3.md) 11 | #### [第4章 VUE后台部署](https://github.com/iotechn/litemall-guide-doc/blob/master/Chapter-4.md) 12 | #### [致谢](https://github.com/iotechn/litemall-guide-doc/blob/master/Thanks.md) -------------------------------------------------------------------------------- /Thanks.md: -------------------------------------------------------------------------------- 1 | ### Litemall 部署指南 - 致谢 2 | 3 | >感谢Litemall作者[linlin](https://github.com/linlinjava)的无私奉献，开发出一套轻量小程序商城。方便小企业或个体户在微信上开自己的小店。同时Litemall也非常适合学习Spring Boot、Mybatis等框架。 4 | 5 | [Litemall GitHub地址](https://github.com/linlinjava/litemall) 6 | 7 | [Litemall 码云地址](https://gitee.com/linlinjava/litemall) 8 | 9 | 如果Litemall给您带来了帮助，也请您动动手指给Litemall点个Star吧！ 10 | 11 | -------------------------------------------------------------------------------- /images/admin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jiyulongxu/litemall-guide-doc/c7985a820603a8ae8f9948887fa9ae6eb05fb78a/images/admin.png -------------------------------------------------------------------------------- /images/build_success.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jiyulongxu/litemall-guide-doc/c7985a820603a8ae8f9948887fa9ae6eb05fb78a/images/build_success.png -------------------------------------------------------------------------------- /images/home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jiyulongxu/litemall-guide-doc/c7985a820603a8ae8f9948887fa9ae6eb05fb78a/images/home.png -------------------------------------------------------------------------------- /images/https_success.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jiyulongxu/litemall-guide-doc/c7985a820603a8ae8f9948887fa9ae6eb05fb78a/images/https_success.png -------------------------------------------------------------------------------- /images/wx_import.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jiyulongxu/litemall-guide-doc/c7985a820603a8ae8f9948887fa9ae6eb05fb78a/images/wx_import.png --------------------------------------------------------------------------------