蘑菇博客部署到阿里云服务器（Nacos版）

前言

最近很多小伙伴问我如何把蘑菇博客部署在自己的云服务器中，今天花费了一些时间整理一下博客部署的过程，希望能够对大家有所帮助，好了话不多说，下面开始进入正式的部署过程。

如果小伙伴还没有安装好对应的环境话，需要按这篇博客搭建好环境：使用Docker快速搭建蘑菇博客(Nacos版)

如参考教程还有问题，可以参考视频教程【教程是Eureka版，仅供参考】：利用阿里云免费服务器搭建个人博客

本文不再重复叙述 nacos、nginx、rabbitmq、mysql、solr以及redis的安装和启动，如果了解，请移步至上一篇博客~

查看当前Git分支

首先我们需要将项目拉取下来，然后进入到mogu_blog_v2目录

# 拉取项目
git clone https://gitee.com/moxi159753/mogu_blog_v2.git

首先判断当前分支是否是Nacos分支，使用下面命令查看

git branch

这里显示的是目前在Nacos分支，那我们就无需切换

如果不在Nacos分支，使用下面命令切换分支

# 切换Nacos分支
git checkout Nacos

重新导入数据库脚本

因为之前部署的docker环境中的数据库脚本可能不是最新的，因此在配置好docker环境后，我们需要远程连接上我们docker服务器中的Mysql，我们进入doc文件夹

mogu_blog.sql：代表mogu_blog数据库的文件
mogu_blog_update.sql：代表mogu_blog在后续开发时候更新的字段）
mogu_picture.sql：代表mogu_picture数据库文件
mogu_picture_update.sql：代表mogu_picture在后续开发时候更新的字段）
nacos_config.sql：表示Nacos配置脚本（仅用于Nacos分支）

首次导入数据库文件的时候，我们只需要执行mogu_blog.sql 、 mogu_picture.sql、nacos_config.sql文件即可，如果你在之前已经部署了本项目，那么你需要在对应的update.sql文件中，打开后，从中找到没有的字段，复制上执行即可，里面每个字段的添加，都会有对应的日期提示，如果有些字段是你clone项目后添加的，那么你就需要执行它们一遍即可更改Nacos配置

【举例】假设我在2020.10.15号部署了项目，那会只需要通过导入 mogu_blog.sql 、mogu_picture.sql 和 nacos_config.sql 导入到数据库即可成功运行。但是后面在 2020.11.17号，又重新拉取了蘑菇博客的源码，想要更新最新的代码，那么这个时候就有两种情况

• 如果你系统里面没有任何数据【也就是没有添加自己的博客】，那么再次 导入 mogu_blog.sql 、mogu_picture.sql 即可
• 如果你系统已经上线【已经添加了自己的一些内容】，那么就需要查看 mogu_picture_update.sql 和 mogu_picture_update.sql，然后查看在 2020.10.15 - 2020.11.17 这一段时间内，是否更新了新的字段，如果有更新，那么为了不破坏原有的数据库，那么你需要把里面的字段插入到执行的数据库表中

每次更新的时间，在mogu_*_update.sql 表里都有体现，只需要进去查看即可 ，然后找到对应访问内的，增量更新即可

注意：我们在导入nacos_config.sql的时候，可能会遇到下面的错误

Error occured at:2020-12-11 09:30:29
Line no.:190
Error Code: 1071 - Specified key was too long; max key length is 767 bytes

这是由于索引长度过长而引起的，解决方法如下所示

# 首先检查数据库是否限制了索引的大小
SHOW variables like 'innodb_large_prefix';
# 如果查询为off的话，需要开启
SET GLOBAL INNODB_LARGE_PREFIX = ON;
# 然后在查看innodb_file_format引擎格式是不是BARRACUDA
SHOW variables like 'innodb_file_format';
# 如果不是，需要修改
SET GLOBAL innodb_file_format = BARRACUDA;

更改Nacos配置

首先我们需要确保Nacos成功启动，然后访问Nacos管理页面

http://your_ip:8848/nacos

输入账号密码：nacos nacos

打开后，选中我们的配置列表， prod环境

然后我们就开始修改我们的一些配置信息了，关于修改哪些配置，这里不再重复，参考这篇博客

使用Docker快速搭建蘑菇博客（Nacos分支）

然后找到这一节的内容进行修改

SpringBoot项目打包

切换好分支后，我们就可以进行 maven依赖安装了

# 进入mogu_blog_v2目录
cd mogu_blog_v2
# 执行mvn打包命令
mvn clean install

完成上面操作后，能看到下面的图，说明已经成功打包了

下面我们需要进入下列的目录，把对应的 jar上传到我们之前制作的docker容器中

# 进入 mogu_sms目录
cd mogu_sms\target

我们把下面的jar包复制我服务器中

然后通过xftp工具，把jar复制到Docker容器的/home/mogu_blog/mogu_sms目录，替换里面的jar包

cd /home/mogu_blog/mogu_sms

里面的结构有：

./startup.sh  #启动脚本
./shutdown.sh #关闭脚本
mogu_sms***.jar #springboot打包的可执行jar包
/config #外部配置文件
catalina.out #启动脚本后，生成的日志文件

然后我们执行里面的start.sh脚本启动jar包

./startup.sh

startup.sh脚本其实比较简单，代码如下

#!/bin/bash     
nohup java  -Xms256m -Xmx512m -jar  mogu_eureka-0.0.1-SNAPSHOT.jar  > catalina.out  2>&1 &
tail -f ./catalina.out

就是通过nohup命令，进行后台启动 java jar包，同时里面-Xms256m -Xmx512m 是指定最大堆和最小堆内存，这个命令就是为了防止tomcat请求太多内存，而造成其它项目无法启动。

shutdown.sh脚本如下所示：

#!/bin/bash
PID=$(ps -ef | grep mogu_eureka-0.0.1-SNAPSHOT.jar  | grep -v grep | awk '{ print $2 }')
if [ -z "$PID" ]
then
    echo Application is already stopped
else
    echo kill $PID
    kill $PID
fi

大概意思就是，我们找到jar启动的PID，然后使用kill命令杀死即可。

启动mogu_sms后，我们重复上面的操作，分别把mogu_gateway、 mogu_picture、mogu_web、mogu_admin分别执行上述操作，即可完成蘑菇博客后台项目的部署

需要注意的是：mogu_picture项目和mogu_web项目，除了替换对应的jar包外，我们还需要修改对应的配置文件，然后在启动项目【在最开始已经提到】

查看项目启动

在我们把配置文件修改完成后，然后启动5个服务后，我们使用下列命令查看启动的端口号

netstat -tunlp

能够发现5个服务已经成功启动了

• mogu_picture：8602
• mogu_sms：8604
• mogu_admin：8601
• mogu_web：8603
• mogu_gateway：8607

到目前为止已经启动了对应的端口了

tip：有些小伙伴反馈rabbitmq端口经常断开，所以在启动项目的时候，注意查看是否出现rabbitmq的报错信息，如果有的话，那就是因为rabbitmq没有正确启动而造成的，使用下面的命令启动即可

# 启动rabbitmq
systemctl start rabbitmq-server

查看Nacos注册中心

服务器都启动完成后，下面我们验证一下后台是否正常启动，访问下列的地址：

http://your_ip:8848/nacos

如果我们看到下面五个服务都注册到Nacos中，那说明启动成功

查看swagger-ui页面

后台项目启动后，都能够看到对应的swagger-ui页面

# admin接口
http://your_ip:8601/swagger-ui/index.html
# picture接口
http://your_ip:8602/swagger-ui/index.html
# web接口
http://your_ip:8603/swagger-ui/index.html

进入 admin接口是这样的

选择LoginRestApi，验证登录，输入默认用户名和密码：admin mogu2018，同时选择记住账号密码 true

登录成功后，复制我们的token

然后在swagger页面的右上角，有一个authorize的按钮，点击后，将token粘贴进去，然后所有接口都可测试~

Vue项目打包

前端部分，我们现在需要修改两个地方的配置，分别是：vue_mogu_admin 和 vue_mogu_web 【在本地修改】

vue_mogu_web项目打包

下面我们到 vue_mogu_web目录下【在windows下】

然后修改.env文件，把里面的ip地址，改成自己的

NODE_ENV=production
VUE_MOGU_WEB=http://120.78.126.96:9527
PICTURE_API=http://120.78.126.96:8607/mogu-picture
WEB_API=http://120.78.126.96:8607/mogu-web
SEARCH_API=http://120.78.126.96:8607/mogu-search

注意：如果你拥有域名，VUE_MOGU_WEB 可以修改为

VUE_MOGU_WEB=http://demoweb.moguit.cn

然后执行下列命令，进行依赖安装和打包

# 安装依赖
npm install --registry=https://registry.npm.taobao.org

# 打包
npm run build

打包完成后，会生成一个dist目录，我们将整个dist目录，压缩成 zip格式

然后使用xftp工具，丢入到我们的前端目录下，目录在 /home/mogu_blog/vue_mogu_web

注意：如果该文件夹下存在 dist文件夹，我们需要将其删除，然后在解压，然后使用下面命令进行解压

unzip dist.zip

vue_mogu_admin项目打包

前台admin项目，修改配置的方式基本类似，我们到 vue_mogu_admin目录下，修改.env文件

然后把里面的ip地址，改成你对应服务器的即可

NODE_ENV=production
ADMIN_API=http://120.78.126.96:8607/mogu-admin
PICTURE_API=http://120.78.126.96:8607/mogu-picture
WEB_API=http://120.78.126.96:8607/mogu-web
Search_API=http://120.78.126.96:8607/mogu-search
FILE_API=http://120.78.126.96:8600/
BLOG_WEB_URL=http://120.78.126.96:9527
SOLR_API=http://120.78.126.96:8080/solr
ELASTIC_SEARCH=http://120.78.126.96:5601

注意：如果你拥有域名，BLOG_WEB_URL可以修改为

BLOG_WEB_URL=http://demoweb.moguit.cn

修改完成后，需要进行重新编译~ 打包~ 部署

# 安装依赖
npm install --registry=https://registry.npm.taobao.org

# 打包 生成dist文件夹
npm run build

我们在按上述操作，把 dist 压缩，然后放到/home/mogu_blog/vue_mogu_admin文件夹下

然后解压

unzip dist.zip

访问前端项目

执行完上述操作后，即可重新访问页面了

# 前台项目
http://yourIp:9527
# 后台项目 admin  mogu2018
http://yourIp:9528

如果配置了域名的话，输入对应的域名即可

# 前台项目
http://www.moguit.cn
# 后台项目 admin  mogu2018
http://admin.moguit.cn