2021年08月17日阅读 23

阿里云nginx部署前端服务

一、入门部署

后续学一学自动化部署

1. 实现简述

nginx官网下载稳定版本nginx;
将压缩包上传到/usr/local,解压，配置，编译，生成执行文件；
nginx配置文件配置，启动

2. 准备工作

安装前准备，我们先检验下系统是否安装g++、gcc、openssl-devel、pcre-devel和zlib-devel，这些安装nginx所需要的依赖包。

1-1. 这几个依赖包的说明

安装nginx需要将nginx的源码进行编译，编译依赖gcc环境。
PCRE(Perl Compatible Regular Expressions) 是一个Perl库，包括 perl 兼容的正则表达式库。nginx 的 http 模块使用 pcre 来解析正则表达式，所以需要在 linux 上安装 pcre 库，pcre-devel 是使用 pcre 开发的一个二次开发库。
zlib 库提供了很多种压缩和解压缩的方式， nginx 使用 zlib 对 http 包的内容进行 gzip。
OpenSSL 是一个强大的安全套接字层密码库，囊括主要的密码算法、常用的密钥和证书封装管理功能及 SSL 协议，并提供丰富的应用程序供测试或其它目的使用。nginx 不仅支持 http 协议，还支持 https（即在ssl协议上传输http）

1-2. 检查是否安装命令

yum list installed | grep gcc //这个指令既可以检查gcc又可以检查g++
yum list installed | grep openssl-devel
yum list installed | grep pcre-devel
yum list installed | grep zlib-devel
复制代码

如果安装了会有相应信息

1-3. 安装依赖

yum install gcc-c++
yum install -y pcre pcre-devel
yum install -y zlib zlib-devel
yum install -y openssl openssl-devel
yum install unzip // 我使用上传的是.zip压缩的文件，要使用到这个
复制代码

3. 解压、编译、生成执行文件

3-1. 上传，解压

上传到 /usr/local/ 下,当然也可以在别的地方。mac上上传操作

scp dist.zip root@[服务器地址]/usr/local
复制代码

默认root是用户名，登录阿里云服务器实例里能看到你的服务器地址。然后解压

tar -zxvf [你的nginx压缩包名，要带后缀]
复制代码

3-2. 编译，生成执行文件

创建一个nginx文件夹，用于存放生成的执行文件

mkdir nginx
复制代码

然后进入解压后的nginx包，执行一些命令，生成执行文件

1) 配置命令

./configure --prefix=/usr/local/nginx
复制代码

configure 脚本负责在你使用的系统上准备好软件的构建环境。确保接下来的构建和安装过程所需要的依赖准备好，并且搞清楚使用这些依赖需要的东西。

Unix 程序一般是用 C 语言写的，所以我们通常需要一个 C 编译器去构建它们。在这个例子中 configure 要做的就是确保系统中有 C 编译器，并确定它的名字和路径。

2）编译

make
复制代码

当 configure 配置完毕后，可以使用 make 命令执行构建。这个过程会执行在 Makefile 文件中定义的一系列任务将软件源代码编译成可执行文件。
你下载的源码包一般没有一个最终的 Makefile 文件，一般是一个模版文件 Makefile.in 文件，然后 configure 根据系统的参数生成一个定制化的 Makefile 文件。

3）将执行文件写入

make install
复制代码

将生成的文件写入 ./configure 命令指定的文件夹

更多配置、编译的说明可以看看这个文章configure、 make、 make install 背后的原理(翻译)

4. nginx启动与配置

4-1. 启动nginx服务器

进入/usr/local/nginx/sbin/

启动

./nginx
复制代码

重启

修改配置文件后要重启

./nginx -s reload
复制代码

停止

./nginx -s stop
复制代码

查看是否启动成功

没有提示就是最好的提示，没提示一般说明成功了，也可以用下面命令查看

ps -ef|grep nginx
复制代码

启动后，浏览器输入你阿里云服务器的地址，浏览器就会返回你一个nginx成功的界面，也是配置文件中默认的哪个index.html界面

4-2. nginx配置

进入 /usr/local/nginx/conf/

指定根目录为自己的项目

vi打开nginx.conf配置文件
键盘输入i，窗口下面有 --INSERT-- 提示你可以编辑了，然后键盘上下左右移动贯标进行操作。
编辑完按esc退出编辑（退出INSERT状态），然后:wq保存编辑退出

sever {
    listen 80;
    localtion / {
        root dist;
        index index.html;
    }
}
复制代码

我的前端包放在了dist，然后在浏览器输入服务器地址就能打开项目了。