zoudong / litemall-kl

😍 基于litemall二次开发,litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端

Home Page:https://java666.top

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

litemall 轻商城开发笔记之我在谷歌云 centos 上面踩过的坑和奇葩问题

首先介绍下项目的背景,litemall 项目是码云代码托管平台开源软件页面推荐的项目,无意之间看到的,逛了一下他的演示站,我立刻被震撼到了,看过许多开源作品,只有 litemall 的 web 后台管理系统让我眼前一亮,VUE 框架开发的 WEB 页面果然十分的优雅和美观,于是出于职业习惯和强烈的研究欲望,我马上决定把这个项目运行在我那闲置多年的谷歌云服务器上。先看下效果图:

1 - 关于一年免费试用谷歌云搭建科学上网服务器的文章我推荐这个,写得非常详细:https://www.wmsoho.com/google-cloud-platform-ssr-bbr-tutorial/

原版 & 魔改版 Google BBR 拥塞控制算法一键安装脚本:https://www.vultrcn.com/5.html

image

2 - 有了服务器和科学上网环境之后,新建虚拟机和配置网络防火墙之类的此处略过一万字。本文以谷歌云 centos 6 为例,其他系统仅供参考。提一下谷歌云默认的云虚拟机无法 root 远程登录,ssh 密钥登录方式见推荐文章。可以先通过网站的内置控制台进入云虚拟机更改以下代码,即可实现远程 root 登录:

2.1 - 以非 root 用户进入控制台后,

sudo su - root

进入 root 账户

passwd root

设置 root 账户的密码

然后修改 SSH 配置文件

vim /etc/ssh/sshd_config

找到 PermitRootLogin 和 PasswordAuthentication,参考如下设置:

PermitRootLogin yes //默认为no,需要开启root用户访问改为yes
PasswordAuthentication yes //默认为no,改为yes开启密码登陆

重启 SSH 服务使修改生效

/etc/init.d/ssh restart

3 - 接下来,快速部署 LNM(Linux+Nginx+Mysql)环境。

3.1 - 本文使用远程终端神器 mobaxterm 来管理服务器,至于这个软件有多强大,看图:

登入新建的云虚拟机:

3.2 - 打开 oneinstack 网站:https://oneinstack.com/auto/,使用一键部署命令,只需要 20 分钟左右就可以快速完成 LNM 环境部署。

我连代码都给你准备好了(一行),redis 可选,你自己决定,如果不装 tomcat ,你需要自己安装 jdk 1.8:

wget http://mirrors.linuxeye.com/oneinstack-full.tar.gz && tar xzf
oneinstack-full.tar.gz && ./oneinstack/install.sh --nginx_option 1 --db_option 2
--dbinstallmethod 1 --dbrootpwd oneinstack --redis --iptables --reboot

重启之后,mysql 和 nginx 已经默认启动,此时访问你的云端虚拟主机 ip 应该可以访问到 nginx 页面,> 注意 1:如果无法访问 80 端口,请依次检查 --- 云主机防火墙 --- 云平台防火墙 --- 端口占用 ---- 实在不行重启。

4 - 准备项目代码,修改配置文件并打包。

4.2 - 下载 litemall 开源项目的代码到本地,码云:https://gitee.com/jkqn/litemall/blob/v0.8.0

推荐下载标签版本,如果 git 克隆到本地则是下载默认主分支,至于 idea 切换到标签版本我不太熟。也可以使用 IDEA 编辑器 git 插件克隆,> 注意 2:克隆后导入方式选择 maven,否则项目无法编译。

导入后效果如下:

当前开发阶段的方案:

litemall-wx 没有前端访问地址,而是直接在微信小程序工具上编译测试开发,最终会部署到微信官方平台(即不需要自己部署 web 服务器),而数据则来自 litemall-wx-api。

部署阶段可参考以上配置修改相应地址。本地开发测试过程如下:

4.2 - 数据库环境设置过程如下:

本机安装 MySQL,创建数据库、用户权限、数据库表和测试数据。

数据库文件在 litemall-db/sql 文件夹中,其中 litemall_schema.sql 创建数据库和用户权限, litemall_table.sql 则创建表,litemall_data.sql 则是测试数据。

注意 3:如果数据库连接异常,本地 localhost 和 127.0.0.1 不相同,必须一一对应。

image

4.3 - 接下来先 IDEA 双击执行 maven 菜单下的 litemall 根节点的 clean,再双击 install 安装依赖库。

4.4-IDEA 编辑器在 litemall-all 模块的 Application 类 右键 Run Application.main() 方式运行该模块,运行时会自动编译再运行。启动成功后可以看到,litemall-wx-api 等模块多了 target 文件夹,里面是编译出的文件。打开浏览器,输入

http://localhost:8080/wx/index/index
http://localhost:8080/admin/index/index

如果出现 JSON 数据,则 litemall-all 模块运行正常。

4.5 - 微信小程序开发测试:

安装微信小程序开发工具,导入本项目的 litemall-wx 模块文件夹,编译前,请确定 litemall-all 模块已经运行,litemall-wx 模块的 config 文件夹中的 api.js 已经设置正确的后台数据服务地址;点击编译,如果出现数据和图片,则运行正常。详情查看项目文档。

4.6-Vue 开发环境部署:

安装 nodejs,安装依赖库:

cd litemall/litemall-admin
npm install -g cnpm --registry=https://registry.npm.taobao.org

注意 4:为了防止 cnpm 产生的文件太多导致 IDEA 索引卡死,强烈建议先在 litemall-admin 下面手动新建 node_modules 文件夹,并将其排除,避免 idea 索引这个目录导致卡死。

接下来:

cd litemall/litemall-admin
 cnpm install

编译并运行 web 项目

cnpm run dev

然后,打开浏览器,输入 http://localhost:9527。 如果出现管理后台登录页面,则表明管理后台的前端运行正常;

请确定 litemall-all 模块已经运行,然后点击登录,如果能够成功登录,则表明管理后台的前端和后端对接成功,运行正常。

5 - 项目打包,整理部署文件并上传云主机。

5.1 - 在主机打包项目到 deploy 目录:

5.1.1 - 复制 sql 文件到 deploy/db 目录下:itemall_schema.sql、litemall_table.sql、litemall_data.sql;

5.1.2 - 编译打包部署环境下的 web 文件 dist,并将 litemall-admin/dist 目录复制到 deploy 下面:

cd ./litemall-admin
cnpm install #已执行过可省略
cnpm run build:dep

5.1.3 - 执行 mvn 菜单的 litemall 根节点 clean 和 package,打包,然后把生成的可执行 jar 包 litemall-all/target/litemall-all-*-exec.jar 复制到 / deploy/litemall/litemall.jar;

5.1.4 - 修改 deploy/litemall 文件夹下面的 *.yml 外部配置文件,当 litemall-all 模块启动时会 加载外部配置文件,而覆盖默认 jar 包内部的配置文件。 例如,配置文件中一些地方需要设置成远程主机的 IP 地址。

注意 5:要使用绝对地址,而不要使用相对地址比如 localhost。

5.1.5-deploy 文件夹结构包含 dist 网页静态文件,db 数据库文件,litemall-all 主程序文件,然后将 deploy 上传到云主机根目录,推荐使用 mobaxterm 直接拖拽;

6 - 项目部署:修改云主机配置文件并启动项目,本文以 centos 6 为例。

6.1 - 确保远程主机环境 MySQL 和 JDK1.8 已经安装好,确保云主机平台的全局防火墙和云主机防火墙 iptables 已经允许相应的端口 3306 80 8080 等。安装过程参考 3.2。

6.2 - 依次按顺序导入 db/litemall_schema.sql litemall_table.sql litemall_data.sql,顺序不可打乱。

6.3 - 启动 springboot 服务:

chmod a+x /deploy/litemall/litemall.jar     #增加全部用户可执行权限`
sudo ln -f -s /deploy/litemall/litemall.jar /etc/init.d/litemall    #创建软连接注册服务
sudo service litemall start

注意 6:如果提示 unable to find java ,而且 java -version 显示正确的话,可能的原因是 jdk 安装方式不规范,需要建立 java 命令的软链接到 / sbin。

如:ln -s /usr/local/jdk/bin/java /sbin/java

参考来源:https://www.jianshu.com/p/563497a6e1a7

注意:7 如果还是提示 failed to start ,

那就该祭出终极大杀器了,这个问题我找遍了 google 才在一个国外网站找到答案:

下面先说一下我是怎么解决这个问题的,因为尝试了所有的办法去启动服务失败了,我就去查看了 litemall 服务启动日志 / var/logs/litemall.log,我在文件中发现了如下字样:

"start-stop-daemon: unrecognized option'--no-close'" 我用 google 搜了一下,找到 stackoverflow 社区的一个帖子,跟我的案例很相似。案后翻译中文,按照提示执行最关键的一句:

Create a config file /var/appname/appname.conf with the following content

USE_START_STOP_DAEMON=false

果然,程序正确启动了,我激动得流下了感动的眼泪。现在,我们的项目核心 jar 包已经运行,由于已经集成 tomcat,所以无需再部署 tomcat,浏览器访问如下地址,测试能否正常显示。

http://xxx.xxx.xxx.xxx:8080/wx/index/index
http://xxx.xxx.xxx.xxx:8080/admin/index/index
http://xxx.xxx.xxx.xxx:8080/\#/login

7 - 修改 nginx 并配置域名,ssl 证书可选。

在这个项目的 nginx 配置过程,我遭遇了无尽的挫折,明明平时用的很正常的 nginx,偏偏这次无法访问 80 端口,

后来走投无路的我干脆重启云主机【注意 8】,万万没想到,80 端口竟然开放了。

然后修改 nginx.conf 文件反向代理相应的服务,终于可以通过 java666.top 来访问项目演示啦,此处省略 500 字。至于 ssl 证书配置,请参考文档。

8 - 测试效果:

image

想要快速查找本文的注意事项,请使用 ctrl + f 搜索关键字 “注意”。。。。

共计:5418 个字


致谢:

https://github.com/linlinjava/litemall

About

😍 基于litemall二次开发,litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端

https://java666.top

License:MIT License


Languages

Language:Java 76.7%Language:JavaScript 11.9%Language:Vue 10.5%Language:CSS 0.7%Language:Shell 0.1%Language:HTML 0.0%