前言
最近开始做毕设了。因为使用到一些开源的东西，有些用过的，有些没有接触过。所以将一些内容做个记录，方便以后查找，从而避免把时间浪费在搜索上面。正所谓，好记性，不如烂笔头。
配置步骤
在正式开始之前，需要有如下环境：
- java 环境 jdk1.8
- nginx
- node.js
- maven
- git [可选]
第一步 拉取源码：
git clone https://github.com/apache/dubbo-admin.git
第二步 修改配置文件
2.1 修改后端配置文件
需要对dubbo-admin-server/src/main/resources/application.properties里面的配置进行修改。将里面的服务注册中心修改成自己的地址。我使用的是nacos。修改如下：
admin.registry.address=nacos://ip:8848/
admin.config-center=nacos://ip:8848/
admin.metadata-report.address=nacos://ip:8848/
admin.root.user.name=你的用户名
admin.root.user.password=你的密码
#group
admin.registry.group=DEFAULT_GROUP
admin.config-center.group=dubbo
admin.metadata-report.group=DEFAULT_GROUP
#namespace used by nacos
admin.registry.namespace=public
admin.config-center.namespace=public
admin.metadata-report.namespace=public
第三步 编译
3.1 编译后端项目
进入到 dubbo-admin-server目录下，执行如下命令
mvn clean package -Dmaven.test.skip=true -P release
打包成功后，可以在target目录下看到相应的jar包
3.2 编译前端项目
在dubbo-admin-ui目录下，分别执行以下命令
npm install --registry=https://registry.npm.taobao.org
npm run build
第四步 整理工程文件
在编译后端项目时，配置文件application.properties没有包含在jar内，这是为了以后方便修改配置。 接下来将jar包和修改后的application.properties配置文件拷贝到同一个目录下，并编写启动脚本start.sh：
nohup java -Xms128m -Xmx256m -jar dubbo-admin-server.jar >> ./start.log 2>&1 &
将上述文件上传到服务器规划好的目录。并将"dubbo-admin-ui/target/dist目录下的文件打包上传到服务器规划好的目录。
第五步：修改nginx配置文件
我使用的是centos ,在/etc/nginx/conf.d目录下添加dubbo admin的配置dubboadmin.conf
upstream dubbo {
server 192.168.0.141:8080;
server 192.168.0.142:8080;
server 192.168.0.143:8080;
server 192.168.0.144:8080;
server 192.168.0.145:8080;
}
server {
listen 80;
server_name 192.168.0.148;
#charset koi8-r;
#access_log /var/log/nginx/host.access.log main;
location / {
root /static/dubbo/;
index index.html index.htm;
}
location /api/ {
proxy_pass http://dubbo;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504;
proxy_max_temp_file_size 0;
proxy_connect_timeout 90;
proxy_send_timeout 90;
proxy_read_timeout 90;
proxy_buffer_size 4k;
proxy_buffers 4 32k;
proxy_busy_buffers_size 64k;
proxy_temp_file_write_size 64k;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
主要是配置dubbo后端的反向代理和前端的静态页面。当然，更加合理的配置，这里便不做探讨了。
配置好后重新加载配置文件
# 先验一下配置修改是否正确
sudo nginx -t
# 再重新加载配置文件
sudo nginx -s reload
之后访问对应的ip或者域名即可访问到前端的页面了
启动后端项目后，输入用户名密码便可以进入主界面,便可以正常使用了。
完结
至此，dubbo admin 前后端分离部署结束。
######################
如果您觉得这篇文章能给您带来帮助，那么可以点赞鼓励一下。如有错误之处，还请不吝赐教。在此，谢过各位乡亲父老！ 微信搜索“Java开发实践”，获取更多内容~~~~
