Git 在线部署

TIP

在本次的项目部署中，我们将直接使用 Git Bash 作为 SSH 登录服务器完成所有的操作，同时将在服务器中使用 Git 完成在线部署。

一、Git 项目管理快速入门到实践

TIP

• Git 是什么 ？
• Git 的安装、配置
• 创建本地项目版本库
• 初始化项目、添加远程仓库提交地址
• Git 本地提交，推送项目至远程仓库、创建分支
• 克隆远程仓库项目至本地（自己现有项目、克隆开源项目）
• 使用 GitHub 自带的传送门，一键直达

点击查看，详细 Git 项目管理完整操作步骤 (opens new window) 👆

二、购买云服务器

TIP

将使用华为云服务器完成部署（依然选择中国香港地区的，可实现快速域名部署）

关于华为服务器按量按需购买步骤和流程。可查看往期笔记 https://www.arryblog.com/guide/deploy/huawei-cloud-deployment.html (opens new window) 👆

三、SSH 登录服务器

TIP

如果是 window 电脑，直接使用 Git Bash 打开命令行窗口（安装 Git 客户端即可），可直接使用 Linux 或 Unix 命令行，非常好用，Git Bash 自带 SSH 功能。当然也可使用 Xshell，我们本次学习直接使用 Git 相关工具直接完成部署。

如果是 Mac ，直接使用自带的命令行工具即可，或者 Git Bash 也可以

1、在 Git Bash 中登录服务器

在 Git Bash 命令行中输入以下命令登录

# ssh 用户名@服务器公网IP
ssh root@119.12.174.37

# 登录过程中会提示我们是否继续链接，输入 “yes” 即可

# 输入密码
root@119.12.174.37's password: 输入服务器密码

# 即登录成功

2、Linux 服务器安装 Git，下载代码到服务器

TIP

服务器安装 Git ，点击查看官方教程：https://git-scm.com/download/linux (opens new window) 👆

yum install git -y

安装完成，查看 Git 版本

git --version

如需下载最新稳定版的 Git ，可以使用 Git 的源码安装

官方教程地址：https://www.progit.cn/#_%E5%AE%89%E8%A3%85_git (opens new window) 👆

3、从远程 Git 远程仓库中克隆下载

TIP

复制 Gitee 或 GitHub 的 HTTPS 下载地址即可

Gitee 远程仓库

GitHub 远程仓库

# 在Linux根目录创建项目目录
cd /
ls
mkdir workspace
ls
cd workspace
# 克隆Gitee 或 GitHub远程仓库的项目地址
git clone https://gitee.com/aicodingedu/icoding-pc.git

# 输入Gitee 或 GitHub的用户名和密码（具体如下图）
# 等待下载即可
ll

四、Nginx 项目部署

TIP

从 Nginx 入门到实践，完成完整项目基础部署，后期随着课程的深入会同步增加不同方式的项目部署策略

1、Nginx Web 服务器安装和启动

TIP

• 通过 yum 方式安装 Nginx
• 启动 Nginx 服务

点击查看，详细 Nginx 安装和启动操作步骤 (opens new window) 👆

2、域名解析

TIP

• 域名结构、顶级（一级）域名、二级域名、三级域名解析
• 浏览器测试

点击查看，详细域名解析操作步骤 (opens new window) 👆

3、Nginx 部署静态网站

TIP

• 自定义 Nginx 配置文件

点击查看，自定义配置文件的操作步骤 (opens new window) 👆

• 上传网站源代码至服务器，使用以上 Git 方式进行克隆即可

4、Nginx 配置 HTTPS 加密协议

TIP

• 什么是 SSL 证书服务 ?
• 华为云 SSL 证书和 HTTPS 的关系
• SSL 证书的作用
• 为什么网站需要 HTTPS ？
• SSL 证书购买
• 申请免费 SSL 证书
• NDS 验证
• 下载证书
• 在 Nginx 服务器上安装 SSL 证书
• 修改 Nginx 配置文件

点击查看，详细 HTTPS 加密协议配置的具体操作步骤 (opens new window) 👆

5、Nginx 性能优化，Gzip 压缩

TIP

• Nginx 与 Gzip
• Nginx 事件处理模型优化
• GZIP 压缩性能优化
• nginx.conf 配置修改
• 验证 Gzip 是否成功
• 添加 Gzip 压缩前后对比

点击查看，详细 Gzip 压缩配置的具体操作步骤 (opens new window) 👆

五、深入 Nginx 多系统部署的解决方案

TIP

会随着 Web 前端高工程师系统课程的深入同步演进不同策略的部署解决方案，一起加油 ！