一条有梦想的咸鱼

项目上线部署（前端）

前期准备

  1. 购买一台云服务器（以下操作基于腾讯云轻量级服务器，系统为 CentOS 7.6）。
  2. 设置防火墙，如无特殊需求，设置为全部开放即可。
  3. 重置密码。
  4. 登录（默认使用 root 用户，其他用户可能存在权限问题）。 可以使用 XShell 或其他工具登录。考虑到很多前端同学对 Linux 操作不熟悉，本教程使用 VSCode 登录。 首先安装 Remote - SSH 插件，安装完成后左侧工具栏会出现新入口，点击进入后配置 SSH，输入 ssh 用户名@服务器地址 -A，例如 ssh root@192.168.1.1 -A。 按回车后选择配置文件保存位置，随意选择即可。连接时选择主机类型为 Linux。 若连接失败，将本地的 .ssh/known_hosts 文件删除后重试。输入密码后看到以下界面说明登录成功，此时在 VSCode 中打开的文件均为服务器上的文件。
  5. 配置免密登录（过程中可能需要多次输入登录密码）。 在服务器终端中执行 ssh-keygen 生成 SSH 密钥（本机同理，如已生成则跳过此步）。 生成 SSH 密钥 用 VSCode 打开服务器上的 /root/.ssh 目录，其中 id_rsa.pub 是服务器的公钥，可配置到 GitHub 实现免密拉代码。 在该目录下创建 authorized_keys 文件（已存在则不用创建），将本机的 C:\Users\admin\.ssh\id_rsa.pub 内容粘贴进去保存。重新进入后若不再提示输入密码，说明免密登录配置成功。

项目部署

警告：任何时候不要执行 rm -rf /*（删除全部文件），否则需要重新安装系统。

安装必要的软件

安装软件主要有三种方式，以下分别用三种方式各安装一个软件作为示例。

Nginx — yum 安装

  1. 安装 更新 yum 源 centos 镜像open in new window
yum -y install nginx         # 安装 Nginx
systemctl start nginx        # 启动 Nginx
systemctl enable nginx.service # 开机自启

service nginx start   # 启动 Nginx
service nginx stop    # 停止 Nginx
service nginx reload  # 重载 Nginx
  1. 配置 配置路径 /etc/nginx/nginx.conf, 此处列举了最重要的几个配置, 详情配置请参考Nginx 配置详解 | 菜鸟教程open in new window 配置完成后要执行重启 nginx 才可生效, nginx 默认 80 端口, 直接访问服务器 ip 地址即可访问到
# 注意：该配置仅为片段，请勿直接复制替换，应找到服务器对应位置进行修改
user nginx; # 用户权限，若出现 403 可改为 root 或修改 web 目录读写权限
http {
    server {
        root /usr/share/nginx/html; # 前端页面目录
        location /api {
            proxy_pass https://www.baidu.com/; # 反向代理
        }
    }
}

Node.js — 二进制文件安装

  1. 去官网open in new window找到对应版本，右击下载链接复制地址。国内访问较慢时可前往阿里镜像站open in new window下载。

wget https://nodejs.org/dist/v18.12.0/node-v18.12.0-linux-x64.tar.xz  # 下载
tar -xvf node-v18.12.0-linux-x64.tar.xz                                 # 解压

mv node-v18.12.0-linux-x64 nodejs   # 重命名（可选）
rm -rf node-v18.12.0-linux-x64.tar.xz  # 删除安装包
  1. 配置环境变量

在 /etc/profile 末尾追加以下两行，然后执行 source /etc/profile 使配置生效：

export NODE_HOME=/etc/nodejs
export PATH=$PATH:$NODE_HOME/bin

看到如下界面说明安装成功

Git — 源码安装

  1. 从官方地址open in new window或 kernel.orgopen in new window 下载最新源码：
wget https://www.kernel.org/pub/software/scm/git/git-2.38.1.tar.gz
  1. 解压源码
tar -zxvf git-2.38.1.tar.gz
  1. 安装编译依赖
yum install curl-devel expat-devel openssl-devel zlib-devel gcc-c++
yum install perl-ExtUtils-MakeMaker automake autoconf libtool make
  1. 编译安装
cd git-2.38.1
make configure
./configure --prefix=/usr/local/git
make prefix=/usr/local/git
make install
  1. 配置环境变量，在 /etc/profile 末尾追加以下两行，执行 source /etc/profile 使配置生效：
export GIT_HOME=/usr/local/git
export PATH=$PATH:$GIT_HOME/bin
  1. 测试
git --version