2023-11-01 Nginx部署前端项目

一、安装Nginx

普通前端项目只需要把打包好的文件放到指定文件夹，配置好nginx就可以了。

方式一：Docker 安装 Nginx 容器

方式二：下载安装包

方式一：Docker 安装 Nginx 容器

1、检查当前所有Docker下载的镜像

docker images

2、下载最新版Nginx镜像

docker pull nginx

3、创建Nginx配置文件

启动前需要先创建Nginx外部挂载的配置文件（ /home/nginx/conf/nginx.conf）之所以要先创建 , 是因为Nginx本身容器只存在/etc/nginx 目录 , 本身就不创建 nginx.conf 文件当服务器和容器都不存在 nginx.conf 文件时, 执行启动命令的时候 docker会将nginx.conf 作为目录创建 , 这并不是我们想要的结果 。

# 创建挂载目录
mkdir -p /home/nginx/conf
mkdir -p /home/nginx/log
mkdir -p /home/nginx/html

4、删除容器

docker ps -a

①关闭该容器

docker stop nginx

②删除该容器 

docker rm nginx

③删除正在运行的nginx容器 

docker rm -f nginx

5、容器中的nginx.conf文件和conf.d文件夹复制到宿主机

①生成容器

#仅开放80端口
docker run --name nginx -p 80:80 -d nginx
#开放80和443端口
docker run --name nginx -p 80:80 -p 443:443 -d nginx

②将容器nginx.conf文件复制到宿主机

docker cp nginx:/etc/nginx/nginx.conf /home/nginx/conf/nginx.conf

③将容器conf.d文件夹下内容复制到宿主机

docker cp nginx:/etc/nginx/conf.d /home/nginx/conf/conf.d

④将容器中的html文件夹复制到宿主机

docker cp nginx:/usr/share/nginx/html /home/nginx/

6、重启容器

docker restart nginx

方式二：下载安装包

暂时没写

配置Https

借鉴Nginx如何配置HTTPS - 简书

①安装基础支持包

yum -y install openssl openssl-devel

②备份原nginx.conf文件为nginx.conf.bak以防万一

③安装ssl模块

cd /home/nginx-1.10.2    
../configure --with-http_ssl_module
make
make install

④申请证书

我们可以在阿里云或着腾讯云上申请一个SSl证书（他们两个有免费的），如果企业还是在权威机构购买的证书。一般申请后过一段时间审批通过后你在他们网站上下载证书并放到你的服务器端。

⑤配置服务器

接下来我们配置Nginx.conf，将下载的证书和Key的所在位置配置到配置文件上。具体配置如下

server {    
   listen 443;#监听443端口（https默认端口）
   server_name www.xxx.com; #填写绑定证书的域名
   ssl on;
   ssl_certificate xxx.crt;#填写你的证书所在的位置
   ssl_certificate_key xxx.key;#填写你的key所在的位置
   ssl_session_timeout 5m;
   ssl_protocols TLSv1 TLSv1.1 TLSv1.2; #按照这个协议配置
   ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;#按照这个套件配置
   ssl_prefer_server_ciphers on;

   location / {

     root  xxx ; #填写你的你的站点目录

     index index.php index.html index.htm;

   }

}

---

二、安装Node

tips：可以安装nvm——node版本管理器，可以方便快捷安装、切换不同版本的node。

Download | Node.js

准备工作：Linux安装nvm

1、下载nvm安装包

cd /root
wget https://github.com/nvm-sh/nvm/archive/refs/tags/v0.38.0.tar.gz

2、解压nvm

mkdir -p /root/.nvm
tar -zxvf nvm-0.38.0.tar.gz -C /root/.nvm

3、配置环境

①打开~/.bashrc

vim ~/.bashrc

②在~/.bashrc的末尾，添加如下语句

export NVM_DIR="$HOME/.nvm/nvm-0.38.0"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
# This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"
# This loads nvm bash_completion

4、使能配置

source ~/.bashrc

---

三、安装Redis

不会玩redis的前端不是好产品，按需安装。

1、新建文件挂载路径

mkdir -p /opt/dockerfile/redis
mkdir -p /opt/dockerstore/redis/config
mkdir -p /opt/dockerstore/redis/data

2、创建dockerfile文件

①创建dockerfile文件

vi /opt/dockerfile/redis/docker-compose.yml

②键入以下内容

version: '3'
services:
  redis:
    image: redis:5.0.0
    container_name: redis
    hostname: redis
    restart: always
    ports:
      - 6379:6379
    volumes:
      - /opt/dockerstore/redis/config/redis.conf:/etc/redis/redis.conf:rw
      - /opt/dockerstore/redis/data:/data:rw
    command:
      redis-server /etc/redis/redis.conf

3、配置文件

①新建redis配置文件

vi /opt/dockerstore/redis/config/redis.conf

②键入以下内容

requirepass aisino654#@!
#daemonize yes
bind 0.0.0.0
appendonly yes

5、安装docker-compose

yum install docker-compose

6、启动容器

cd /opt/dockerfile/redis
docker-compose up -d