使用AWS/EC2和nginx搭建Swagger-ui和Swagger-editor的环境设置2/2

2 年 ago

新, 韵

1 minute

达到的目标

我会将Swagger-ui和Swagger-editor通过nginx部署在AWS EC2上，以便可以使用。经过大约两天的艰苦努力，我完成了调查和环境的搭建，希望能对其他面临相同问题的人提供帮助。

由于内容较多，我决定将它分为两个部分。（本次是后篇，涉及nginx/Swagger）

AWS的前半部分是(此處)。

搭建环境 ~nginx部署~

1. 在EC2上安装nginx。

更新EC2实例

打开终端，连接到EC2实例的SSH。然后执行以下命令来更新实例。

sudo yum update

1. 配置使得可以通过yum安装nginx。

最初的状态下，无法直接安装nginx。
输入以下神奇的命令，可以通过yum install安装nginx。

sudo amazon-linux-extras enable nginx1

1. 安装 nginx。

现在，一切准备就绪。
请键入以下命令，安装nginx。

sudo yum -y install nginx

启动nginx

只是安装了nginx并不代表它已经可以使用，需要输入以下命令来启动nginx。

sudo systemctl start nginx

在终端上检查nginx的状态。

为了确认Nginx是否启动，您可以输入以下命令进行检查。

sudo systemctl status nginx

Active: active (running) since 月 2020-11-30 10:25:07 UTC; 4min 44s ago

如果像上面所述那样就可以了。

在网站上检查nginx的状态。

Swagger编写是环境搭建的过程。

1. “准备工作完成前的Swagger克隆” de Swagger

创建一个存储swagger的目录

sudo mkdir /www

1. 更改 b 目录的权限。

sudo chmod 777 /www

从 GitHub 克隆 swagger-ui 和 swagger-editor。

安装Git。

sudo yum -y install git

2.b 移动到刚刚创建的目录中

cd　/www

从github上克隆并获取swagger-ui。

git clone https://github.com/swagger-api/swagger-ui.git

2.d 从GitHub克隆并获取swagger-editor。

git clone https://github.com/swagger-api/swagger-editor.git

使用nginx作为中转，显示swagger-ui和swagger-editor。

使用vim打开nginx.conf文件。

sudo vim /etc/nginx/nginx.conf

在nginx.conf文件中添加内容

server {
    listen 80;
    root /www/;
    index index.html;
    location /swagger-editor {
       alias /www/swagger-editor;
       index index.html;
    }
    location /swagger-ui {
       alias /www/swagger-ui/dist;
       index index.html;
    }
}

请重新启动或重新加载nginx。

(Note: The above paraphrase is in simplified Chinese. If you prefer traditional Chinese, please let me know.)

重新启动

sudo systemctl restart nginx

重新加载

sudo systemctl reload nginx

前往 http://(IPv4地址)/swagger-ui/

只要显示出如下屏幕，就可以了。

前往 http://(IPv4地址)/swagger-editor/

如果出现如下所示的屏幕，就可以了。

结束语

辛苦了。swagger-ui和swagger-editor的环境已经设置完成了。

由于我仍在学习中，所以如果关于这篇文章有任何不明之处或难以理解的地方，请随意在评论区留言，您的评论、问题和建议将不胜感激。