突然發現簡書沒有目錄，復制了一份到csdn里：https://blog.csdn.net/wqgdfkafj/article/details/122356461
一.打包springboot程序
1.如果打包出現問題
在File–>Setting–> File Encoding 中 改為UTF-8,防止亂碼
image-20210621231653304.png
將原有的編譯插件 更換為
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-resources-plugin</artifactId>
<version>2.7</version>
<dependencies>
<dependency>
<groupId>org.apache.maven.shared</groupId>
<artifactId>maven-filtering</artifactId>
<version>1.3</version>
</dependency>
</dependencies>
</plugin>
</plugins>
2.將blog-admin添加到blog-parent里
image.png
修改blog-parent的pom文件
image.png
3.創建application-prod.properties文件
image.png
blog-admin的配置文件：
server.port=8889
spring.application.name=mszlu_admin_blog
# datasource
spring.datasource.url=jdbc:mysql://mysql的docker容器ip:3306/blog?useUnicode=true&characterEncoding=UTF-8&serverTimeZone=UTC
spring.datasource.username=root
spring.datasource.password=密碼
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
#mybatis-plus
mybatis-plus.configuration.log-impl=org.apache.ibatis.logging.stdout.StdOutImpl
mybatis-plus.global-config.db-config.table-prefix=ms_
blog-api的配置文件：
server.port=8888
spring.application.name=mszlu_blog
spring.mvc.servlet.path=/api
#server.servlet.contextPath=/api
#數據庫的配置
# datasource
spring.datasource.url=jdbc:mysql://mysql的docker容器ip:3306/blog?useUnicode=true&characterEncoding=UTF-8&serverTimeZone=UTC
spring.datasource.username=root
spring.datasource.password=密碼
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
#mybatis-plus
mybatis-plus.configuration.log-impl=org.apache.ibatis.logging.stdout.StdOutImpl
mybatis-plus.global-config.db-config.table-prefix=ms_
spring.redis.host=redis的docker容器ip
spring.redis.port=6379
spring.servlet.multipart.max-request-size=20MB
spring.servlet.multipart.max-file-size=2MB
qiniu.accessKey=111
qiniu.accessSecretKey=111
修改跨域配置
在com/mszlu/blog/config/WebMVCConfig.java中:
image.png
5.打包
image.png
二、安裝docker
# 1、yum 包更新到最新
yum update
# 2、安裝需要的軟件包， yum-util 提供yum-config-manager功能，另外兩個是devicemapper驅動依賴的
yum install -y yum-utils device-mapper-persistent-data lvm2
# 3、 設置yum源
yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
# 4、 安裝docker，出現輸入的界面都按 y
yum install -y docker-ce
# 5、 查看docker版本，驗證是否驗證成功
docker -v
#啟動docker
/bin/systemctl start docker.service
三、安裝Docker Compose
運行以下命令以下載 Docker Compose 的當前穩定版本：
$ sudo curl -L "https://github.com/docker/compose/releases/download/v2.2.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
將可執行權限應用于二進制文件：
$ sudo chmod +x /usr/local/bin/docker-compose
創建軟鏈：
$ sudo ln -s /usr/local/bin/docker-compose /usr/bin/docker-compose
測試是否安裝成功：
$ docker-compose --version
四、拉取鏡像
1.拉取鏡像
下面四個鏡像中，mysql和redis先創建容器運行起來，不通過compose編排運行
docker pull nginx
docker pull redis:5.0.3
docker pull java:8
docker pull mysql:5.7
2.mysql
創建容器，設置端口映射、目錄映射
mkdir /mnt/docker/mysql
cd /mnt/docker/mysql
docker run -id \
-p 3306:3306 \ # 前面的操作系統端口，后面的為容器端口
--name=c_mysql \
-v /mnt/docker/mysql/conf:/etc/mysql/conf.d \
-v /mnt/docker/mysql/logs:/logs \
-v /mnt/docker/mysql/data:/var/lib/mysql \
-e MYSQL_ROOT_PASSWORD=root \
mysql:5.7
在/mnt/docker/mysql/conf 創建my.cnf
[mysqld]
#
# Remove leading # and set to the amount of RAM for the most important data
# cache in MySQL. Start at 70% of total RAM for dedicated server, else 10%.
# innodb_buffer_pool_size = 128M
#
# Remove leading # to turn on a very important data integrity option: logging
# changes to the binary log between backups.
# log_bin
#
# Remove leading # to set options mainly useful for reporting servers.
# The server defaults are faster for transactions and fast SELECTs.
# Adjust sizes as needed, experiment to find the optimal values.
# join_buffer_size = 128M
# sort_buffer_size = 2M
# read_rnd_buffer_size = 2M
default-time_zone = '+8:00'
datadir=/var/lib/mysql
socket=/var/lib/mysql/mysql.sock
character-set-server=utf8
# Disabling symbolic-links is recommended to prevent assorted security risks
symbolic-links=0
lower_case_table_names=1
pid-file=/var/run/mysqld/mysqld.pid
sql_mode=STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION
去查看mysql對應的docker容器ip地址，項目配置文件中要用
docker inspect c_mysql
3.redis
啟動容器
docker run -id --name=redis -p 6379:6379 redis:5.0.3
去查看mysql對應的docker容器ip地址，項目配置文件中要用
docker inspect redis
五、對用到的東西做一些簡介
1.docker鏡像：將其理解為一個鏡像
2.docker容器：先要有鏡像，然后通過鏡像來創建啟動容器，可將每個docker容器看做單獨的系統
刪除鏡像或者容器，要先刪容器再刪鏡像：
docker rmi 鏡像id或者名稱
docker rm 容器id或者名稱
3.Dockerfile：本項目中將程序的jar包構建成鏡像，使其能夠作為容器啟動
4.Docker Compose 服務編排：這個項目中用它啟動nginx容器，以及自己程序jar包的容器。當對其執行down后編排的所有容器都會停止
六、目錄結構
1.后面參照這個結構來上傳或者創建文件
image.png
2.創建所有需要的文件
app目錄下：
blog_dockerfile：
FROM java:8
EXPOSE 8888
ADD ./blog_api.jar /api.jar
RUN bash -c 'touch /api.jar'
ENTRYPOINT ["java","-jar","/api.jar","--spring.profiles.active=prod"]
這個文件是將blog_api.jar構建成鏡像的，blog_admin.jar的修改如下：
FROM java:8
EXPOSE 8889
ADD ./blog_admin.jar /admin.jar
RUN bash -c 'touch /admin.jar'
ENTRYPOINT ["java","-jar","/admin.jar","--spring.profiles.active=prod"]
mysql目錄下：
my.cnf，前面已經創建
docker-compose目錄下：
docker-compose.yml
version: '3'
services:
nginx:
image: nginx
container_name: nginx
ports: #ports：綁定容器的端口到主機的端口，前者為主機端口；expose：將當前容器的端口暴露給link到本容器的容器。
- 80:80
links:
- app
depends_on:
- app
volumes: #將本地目錄掛載到容器的目錄下，前者為linux的目錄，后者為容器目錄。（訪問容器的目錄即可訪問到被掛載目錄下的所有文件）
- /mnt/docker/docker-compose/nginx/:/etc/nginx/
# privileged: true
network_mode: "bridge"
app:
image: app
container_name: app
ports:
- 8888:8888
# expose:
# - "8888"
network_mode: "bridge"
admin:
image: admin
container_name: admin
ports:
- 8889:8889
# expose:
# - "8889"
network_mode: "bridge"
nginx目錄下：
mime.types：
types {
text/html html htm shtml;
text/css css;
text/xml xml;
image/gif gif;
image/jpeg jpeg jpg;
application/javascript js;
application/atom+xml atom;
application/rss+xml rss;
text/mathml mml;
text/plain txt;
text/vnd.sun.j2me.app-descriptor jad;
text/vnd.wap.wml wml;
text/x-component htc;
image/png png;
image/svg+xml svg svgz;
image/tiff tif tiff;
image/vnd.wap.wbmp wbmp;
image/webp webp;
image/x-icon ico;
image/x-jng jng;
image/x-ms-bmp bmp;
font/woff woff;
font/woff2 woff2;
application/java-archive jar war ear;
application/json json;
application/mac-binhex40 hqx;
application/msword doc;
application/pdf pdf;
application/postscript ps eps ai;
application/rtf rtf;
application/vnd.apple.mpegurl m3u8;
application/vnd.google-earth.kml+xml kml;
application/vnd.google-earth.kmz kmz;
application/vnd.ms-excel xls;
application/vnd.ms-fontobject eot;
application/vnd.ms-powerpoint ppt;
application/vnd.oasis.opendocument.graphics odg;
application/vnd.oasis.opendocument.presentation odp;
application/vnd.oasis.opendocument.spreadsheet ods;
application/vnd.oasis.opendocument.text odt;
application/vnd.openxmlformats-officedocument.presentationml.presentation
pptx;
application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
xlsx;
application/vnd.openxmlformats-officedocument.wordprocessingml.document
docx;
application/vnd.wap.wmlc wmlc;
application/x-7z-compressed 7z;
application/x-cocoa cco;
application/x-java-archive-diff jardiff;
application/x-java-jnlp-file jnlp;
application/x-makeself run;
application/x-perl pl pm;
application/x-pilot prc pdb;
application/x-rar-compressed rar;
application/x-redhat-package-manager rpm;
application/x-sea sea;
application/x-shockwave-flash swf;
application/x-stuffit sit;
application/x-tcl tcl tk;
application/x-x509-ca-cert der pem crt;
application/x-xpinstall xpi;
application/xhtml+xml xhtml;
application/xspf+xml xspf;
application/zip zip;
application/octet-stream bin exe dll;
application/octet-stream deb;
application/octet-stream dmg;
application/octet-stream iso img;
application/octet-stream msi msp msm;
audio/midi mid midi kar;
audio/mpeg mp3;
audio/ogg ogg;
audio/x-m4a m4a;
audio/x-realaudio ra;
video/3gpp 3gpp 3gp;
video/mp2t ts;
video/mp4 mp4;
video/mpeg mpeg mpg;
video/quicktime mov;
video/webm webm;
video/x-flv flv;
video/x-m4v m4v;
video/x-mng mng;
video/x-ms-asf asx asf;
video/x-ms-wmv wmv;
video/x-msvideo avi;
}
nginx.conf:
user nginx;
worker_processes 1;
error_log /var/log/nginx/error.log warn;
pid /var/run/nginx.pid;
events {
worker_connections 1024;
}
http {
include /etc/nginx/mime.types;
default_type application/octet-stream;
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
'$status $body_bytes_sent "$http_referer" '
'"$http_user_agent" "$http_x_forwarded_for"';
access_log /var/log/nginx/access.log main;
sendfile on;
#tcp_nopush on;
keepalive_timeout 65;
#gzip on;
include /etc/nginx/conf.d/*.conf;
}
conf.d目錄下：
blog.conf：
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_comp_level 2;
gzip_vary off;
upstream appstream{
server 云服務器的私網ip:8888;
}
server {
listen 80;
server_name 公網ip;
index index.html;
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
location /api {
proxy_pass http://appstream;
}
location / {
root /etc/nginx/html;
index index.html;
}
}
七、發布springboot項目（將jar包構建成docker鏡像）
1.將springboot項目打好的包上傳到app目錄下，分別改名為blog_admin.jar和blog_api.jar
2.使用cd命令進入到app目錄下，執行構建命令
# 對應blog_api.jar
docker build -f ./blog_dockerfile -t app .
和
# 對應blog_admin.jar
docker build -f ./blog_dockerfile -t admin .
八、前端項目打包和上傳
1.修改config\prod.env.js
'use strict'
module.exports = {
NODE_ENV: '"production"',
BASE_API: '"http://公網ip/api/"'
}
2.打包
npm run build
生成：
image.png
3.上傳
將static文件夾和index.html文件上傳到html目錄里
九、編排啟動
使用cd命令進入docker-compose目錄
在里面執行啟動命令，建議先不后臺啟動，觀察是否有啟動失敗容器
docker-compose up #構建（重新構建）并啟動容器
docker-compose up -d #-d 表示后臺構建
docker-compose down #停止并刪除容器
docker-compose start #啟動已有容器
docker-compose stop #停止運行的容器
然后訪問
博客網址：http://公網ip/
后臺管理系統網址：http://公網ip:8889/login.html
