项目部署

项目部署篇

本博客记录项目部署的一些案例

1、SpringBoot项目如何部署SSL证书 (JKS格式)

1. 获取 SSL 证书和私钥

首先，你需要获取有效的 SSL 证书和私钥。SSL 证书是一种用于加密通信的数字证书，它可以通过购买商业 SSL 证书或使用免费的 Let's Encrypt 证书获得。请确保你拥有证书文件和与之对应的私钥文件，这通常是以 .pem 和 .key 结尾的文件或者是jks格式的，本文以jks格式的SSL证书为例。

2. 配置 Spring Boot 项目

接下来，我们将配置 Spring Boot 项目以使用 SSL。

2.0 项目环境

spring boot 2.2.2
maven
一个域名（各大域名商有售，阿里、腾讯、华为）
SSL证书（阿里云上有免费的SSL证书，有效期一年）

2.1 将 SSL 证书和私钥文件添加到项目

将之前获取的 SSL 证书和私钥文件拷贝到 Spring Boot 项目中的 src/main/resources 目录下。这样，证书文件会与项目一起打包并在运行时加载。

2.2 配置 application.properties 或 application.yml

在 Spring Boot 项目的配置文件（application.properties 或 application.yml）中添加以下 SSL 相关配置：

server:
  port: 8856
  servlet:
    context-path: /
  ssl:
    enabled: true
    # 保存SSL证书的秘钥库的路径
    key-store: classpath:ssl/xxx.com.jks
    key-store-password: xxx
    # 证书类型
    key-store-type: JKS
#    key-store-protocol: TLS

2.3 编写controller进行测试

添加一个controller，测试是否生效，测试结果如下：

通过上述访问发现，如果通过http访问会提示访问需要组合TLS，但是如果用户直接通过这种方式访问的话，存在着极差的用户体验。

2.4 编写配置类HTTP转HTPPS

当用户使用http访问的时候，将http协议重定向到https端口
（1）修改配置文件

custom:  # 自定义http启动端口
  http-port: 8857

server:
  port: 8856
  servlet:
    context-path: /
  ssl:
    enabled: true
    #key-alias: alias-key # 别名(可以不进行配置)
    # 保存SSL证书的秘钥库的路径
    key-store: classpath:ssl/xxx.com.jks
    key-store-password: xxx
    # 证书类型
    key-store-type: JKS
#    key-store-protocol: TLS

（2）添加配置类

package org.pp.ssl.config;

import org.apache.catalina.Context;
import org.apache.catalina.connector.Connector;
import org.apache.tomcat.util.descriptor.web.SecurityCollection;
import org.apache.tomcat.util.descriptor.web.SecurityConstraint;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.web.embedded.tomcat.TomcatServletWebServerFactory;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

/**
 * https配置，将http请求全部转发到https
 * @author P_P
 */
@Configuration
public class HttpsConfig {

    @Value("${custom.http-port: 8857}")
    private Integer httpPort;

    @Value("${server.port}")
    private Integer port;

    @Bean
    public TomcatServletWebServerFactory servletContainer() {
        // 将http请求转换为https请求
        TomcatServletWebServerFactory tomcat = new TomcatServletWebServerFactory() {
            @Override
            protected void postProcessContext(Context context) {
                SecurityConstraint constraint = new SecurityConstraint();
                // 默认为NONE
                constraint.setUserConstraint("CONFIDENTIAL");
                SecurityCollection collection = new SecurityCollection();
                // 所有的东西都https
                collection.addPattern("/*");
                constraint.addCollection(collection);
                context.addConstraint(constraint);
            }
        };
        tomcat.addAdditionalTomcatConnectors(httpConnector());
        return tomcat;
    }

    /**
     * 强制将所有的http请求转发到https
     *
     * @return httpConnector
     */
    @Bean
    public Connector httpConnector() {
        Connector connector = new Connector("org.apache.coyote.http11.Http11NioProtocol");
        connector.setScheme("http");
        // connector监听的http端口号
        connector.setPort(httpPort);
        connector.setSecure(false);
        // 监听到http的端口号后转向到的https的端口号
        connector.setRedirectPort(port);
        return connector;
    }
}

（3）启动项目
添加配置类之后，启动项目可以看到控制台出现了https端口和http端口

再次访问测试接口，会发现地址栏出现了https

（4）同时开启http和https
如果不想将http请求都转发到https进行处理，可以同时开启http和https

/**
 * 同时开启http和https
 * @author P_P
 */
import org.apache.catalina.connector.Connector;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.web.embedded.tomcat.TomcatServletWebServerFactory;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
@Configuration
public class HttpsConfig {
    @Value("${custom.http-port: 8857}")
    private Integer httpPort;

    @Bean
    public TomcatServletWebServerFactory servletContainer() {
        TomcatServletWebServerFactory tomcat = new TomcatServletWebServerFactory();
        tomcat.addAdditionalTomcatConnectors(httpConnector());
        return tomcat;
    }

    @Bean
    public Connector httpConnector() {
        Connector connector = new Connector("org.apache.coyote.http11.Http11NioProtocol");
        connector.setPort(httpPort);
        return connector;
    }
}

这样访问8857（http协议）的端口就不会进行转发了

2、nginx部署多个静态网站

如何使用 Nginx 部署多个静态网站，并使用ssl证书

1. 安装 Nginx

首先，确保你的服务器已经安装了 Nginx。你可以使用以下命令在 Ubuntu 系统上安装 Nginx：

sudo apt update
sudo apt install nginx

2. 配置 Nginx

2.1 创建网站根目录

在 Nginx 的配置中，每个网站都需要有自己的根目录。你可以在服务器上选择一个目录，用于存放每个网站的静态文件。

在这个例子中，网站根目录结构如下：

- /var/www/
    - site1/
        - index.html
    - site2/
        - index.html

2.2创建 Nginx 配置文件

在 linux 系统上，Nginx 的配置文件通常位于 /etc/nginx/conf/ 目录。
配置文件如下：

events { }

http
    {
     # 配置默认 server，在访问其他未匹配的域名时使用
    server {
        listen 80 ;
        server_name localhost;
        return 301 https://$host$request_uri;
    }
	# 配置ssl证书
    server {
        listen 443 ssl;
        server_name localhost;
        # 证书地址，默认与配置文件同级
        ssl_certificate      xxx.com.pem;
        ssl_certificate_key  xxx.com.key;

        # 第一个项目（占用 80 默认端口）
        location / {
            # 第一个项目静态文件路径
            root html;
            index  index.html index.htm;
        }

        location  /leven {
            # 第二个项目静态文件路径
            alias  /www/server/nginx/dist/;
            index  index.html;
            try_files $uri $uri/ /index.html;
        }
    }
}

3. 测试配置并重启 Nginx

在重启 Nginx 之前，先检查配置是否正确：

sudo nginx -t

如果没有报错，说明配置正确。

重启 Nginx 以应用配置更改：

sudo systemctl restart nginx

3.1 Vue路径小问题

vue打包后nginx部署打开白屏，查看net发现资源地址错误（nginx同80端口部署多个vue项目）
在上面的配置中，我们部署第二个项目的时候，匹配路径是*/leven，默认的vue.config.js中没有对路径进行配置，这时部署到服务器就会出现白屏的问题。

1.导致这种原因，首先判断自己是不是在80端口，部署了一个vue项目

2.如果要在80端口部署多个vue项目，就必须对vue中vue.config.js文件进行修改。
加上如下代码：

    transpileDependencies: true,
    publicPath: '/leven/'