蘑菇博客,win环境搭建

1、配置JDK

2、配置Maven

maven安装成功后,添加阿里源,解决下载速度慢问题。

3、配置nginx

http://nginx.org/en/download.html

nginx官网下载,下载完成后,修改nginx.conf配置文件,加入下面的内容

1
2
3
4
5
6
7
8
9
#蘑菇博客图片资源
server {
listen 8600;
server_name localhost;
location / {
root D:\mogu_blog\data;
index index.html index.htm;
}
}

8600端口的请求映射到 D:\mogu_blog\data的目录下,如果没有这个目录的,可以提前创建好,其它位置修改成对应的即可。

如果需要修改,到mogu_picture项目的yml文件里修改对应的配置文件,如下图的 file.upload.path 修改成自定义的即可。

1
2
3
4
5
6
7
#Data image url
data:
image:
url: http://localhost:8600/
file:
upload:
path: D:/mogu_blog/data

4、配置redis

https://redis.io/

redis官网下载,然后双击redis-server启动即可。

5、配置RabbitMq

Erlang的安装

下载成功后,傻瓜式安装就行了。
然后配置环境变量

1
ERLANG_HOME = D:\mogu_blog\RabbitMq\erl-23.0

然后添加到Path中

1
%ERLANG_HOME%\bin

打开cmd,输入erl,查看是否配置成功。

RabbitMQ的安装

http://www.rabbitmq.com/install-windows.html

RabbitMQ官网,下载最新的RabbitMQ安装包。
下载完成后,也是傻瓜式安装,需要注意应该先安装Erlang,才能安装RabbitMQ,因为RabbitMQ是基于Eralng语言开发的。

然后进入RabbitMq安装目录下的\sbin目录下,输入下面命令,启动图形化界面

1
2
# 开启图形化界面
rabbitmq-plugins enable rabbitmq_management

本地浏览器输入 http://localhost:15672

打开图形化管理页面,账号和密码都是 guest

6、配置搜索模块

目前蘑菇博客支持三种搜索模式的配置,分别是Solr、ElasticSearch和SQL,可以按照自己的服务器配置进行相应的部署

配置Solr

window下配置蘑菇博客的solr,详情参考:CentOS下Solr的安装和部署

注意:需要修改schema.xml文件

只需要下载后,放到tomcat的webapps目录下,然后修改一下solrhome的配置即可

下载完成后,解压,然后找到 web.xml文件,把路径改成自己的目录即可

1
2
3
4
5
<env-entry>
<env-entry-name>solr/home</env-entry-name>
<env-entry-value>E:\Software\xampp\tomcat\webapps\solr\solr_home</env-entry-value>
<env-entry-type>java.lang.String</env-entry-type>
</env-entry>

然后查看solr admin页面:http://localhost:8080/solr/#/

如果能正常显示,说明已经安装成功

配置ElasticSearch

下载上传的压缩包,解压

进入elasticsearch下的config目录,修改elasticsearch.yml文件,把下面两个路径,改成自己对应的目录即可

然后启动ElasticSearch,启动Kibana

启动完成后,输入网址:http://localhost:5601/

出现该页面,说明已经成功安装了 ElasticSearch 和 Kibana。kibana只是作为ElasticSearch的图形化显示工具,相当于原来的SolrAdmin页面一样,在生产环境中,可以不部署

7、配置Mysql

找到目录下的doc文件夹,里面有数据库脚本。
有两个数据库,我们需要提前创建好 mogu_blog 、mogu_picture 这里两个数据库,然后把备份脚本导入即可。

同时设置数据库访问账户和密码为: admin admin,不设置也没关系,后面修改yml文件里面的配置即可

8、配置zipkin链路追踪

安装Zipkin

SpringBoot 2.x 版本后就不推荐自定义 zipkin server 了,推荐使用官网下载的 jar 包方式

也就是说,我们不需要编写一个mogu-zipkin服务,而改成直接启动jar包即可

运行

1
2
3
java -jar zipkin-server-2.12.5-exec.jar
# 或集成RabbitMQ
java -jar zipkin-server-2.12.5-exec.jar --zipkin.collector.rabbitmq.addresses=127.0.0.1

这样zipkin以内存存储的方式启动

在业务服务的application.yml增加下面的配置,其中蘑菇博客的业务服务主要是:mogu-web,mogu-admin,mogu-sms,mogu-picture,mogu-search

1
2
3
4
5
6
7
8
9
10
11
12
#spring
spring:
# sleuth 配置
sleuth:
web:
client:
enabled: true
sampler:
probability: 1.0 # 采样比例为: 0.1(即10%),设置的值介于0.01.0之间,1.0则表示全部采集。
# zipkin 配置
zipkin:
base-url: http://localhost:9411 # 指定了Zipkin服务器的地址

然后浏览器输入下面的地址:http://localhost:9411 ,如果出现下面的画面,那么代表zipkin服务配置成功

9、启动后端项目

全部配置完成后,就可以开始启动项目了,这里我用的编辑器是sts。目前蘑菇博客的开发已经迁移到 IDEA 中。

首先进入项目根目录文件夹,执行下面命令

1
2
# 下载依赖
mvn clean install

如果都是success,那就说明依赖下载成功

下面进行项目启动

mogu_eureka -> mogu_monitor -> mogu_picture -> mogu_sms -> mogu_admin -> mogu_web

启动成功后,我们应该能够查看到对应的Swagger接口文档

1
2
3
4
5
6
# admin端swagger-ui.html
http://localhost:8601/swagger-ui.html
# picture端swagger-ui.html
http://localhost:8602/swagger-ui.html
# web端swagger-ui.html
http://localhost:8603/swagger-ui.html

10、启动前端项目

前端项目使用的是Vue编写的,需要下载好nodejs,nodejs里的npm模块是用于管理vue项目中的依赖,类似于maven

node官网:https://nodejs.org/en/

安装的时候,记得选择好加入到环境变量中,这样我们就能在任何使用了。

查看是否安装成功:npm -v

(1) 安装 vue_mogu_admin 项目的依赖

进入vue_mogu_admin 文件夹内,使用下面命令

1
2
3
4
5
6
# 使用淘宝镜像源进行依赖安装,解决国内下载缓慢的问题(出现警告可以忽略)
npm install --registry=https://registry.npm.taobao.org
# 启动项目
npm run dev
#打包项目(在部署的时候才需要使用)
npm run build

建议不要直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
若还是不行,可使用 yarn 替代 npm。

Windows 用户若安装不成功,很大概率是node-sass安装失败。

因为 node-sass 依赖 python环境,如果之前没有安装和配置过,自行查看相关安装教程。

1
2
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install node-sass

在启动项目成功后,会跳转到:localhost:9528 ,我们输入账号密码: admin, mogu2018 访问即可

参考资料


蘑菇博客,win环境搭建
https://lcf163.github.io/2020/07/17/蘑菇博客,win环境搭建/
作者
乘风的小站
发布于
2020年7月17日
许可协议