华为云之轻松搭建 Nginx 静态网站

华为云之轻松搭建 Nginx 静态网站

  • 一、本次实践介绍
    • [1. 本次实践目的](#1. 本次实践目的)
    • [2. 本次实践环境](#2. 本次实践环境)
  • 二、ECS弹性云服务器介绍
  • 三、准备实践环境
    • [1. 预置环境](#1. 预置环境)
    • [2. 查看ECS服务器的账号密码信息](#2. 查看ECS服务器的账号密码信息)
    • [3. 登录华为云](#3. 登录华为云)
    • [4. 远程登录ECS服务器](#4. 远程登录ECS服务器)
  • [四、安装配置 Nginx](#四、安装配置 Nginx)
    • [1. 安装nginx](#1. 安装nginx)
    • [2. 启动nginx](#2. 启动nginx)
    • [3. 浏览器中访问nginx服务](#3. 浏览器中访问nginx服务)
    • [4. 修改nginx配置](#4. 修改nginx配置)
    • 5.重启nginx服务
  • 五、测试验证
    • [1. 编辑测试网页内容](#1. 编辑测试网页内容)
    • [2. 重启nginx服务](#2. 重启nginx服务)
    • [3. 本地访问静态网页](#3. 本地访问静态网页)

一、本次实践介绍

1. 本次实践目的

1.熟练使用华为ECS弹性云服务器;

2.了解Nginx的基本概念;

3.学会使用nginx部署静态网页,配置一台简单的web服务器。

2. 本次实践环境

1.本次实践环境为华为云ECS弹性云服务器;

2.使用的操作系统为centos7.6。

二、ECS弹性云服务器介绍

弹性云服务器(Elastic Cloud Server, ECS)是一种云上可随时自助获取、可弹性伸缩的计算服务,可帮助您打造安全、可靠、灵活、高效的应用环境。

三、准备实践环境

1. 预置环境

开始实验之前请点击手册上方"预置实验环境"按钮。

  1. 预置实验环境约等待【2分钟】后预置成功。环境预置成功会自动创建一台名称为 ecs-name 的弹性云服务器ECS。
  2. 预置的 ECS 资源用户、密码信息可点击预置环境信息查看。


2. 查看ECS服务器的账号密码信息

点击预置环境信息,查看ECS服务器的密码信息。

3. 登录华为云

选择【IAM用户登录】模式,于登录对话框中输入系统为您分配的华为云实验账号和密码登录华为云,如下图所示.


4. 远程登录ECS服务器

进入ECS服务器的控制台,服务列表,点击ECS弹性服务器,进入ECS控制台页面。


打开桌面浏览器,进入ECS控制台,复制ECS的弹性公网IP。

打开桌面的Xfce终端,输入命令连接远程服务器 。

bash 复制代码
ssh root@EIP

四、安装配置 Nginx

1. 安装nginx

直接使用yum命令安装nginx

bash 复制代码
yum install nginx -y

2. 启动nginx

启动nginx,并设置开机自启。

bash 复制代码
[root@ecs-name ~]# systemctl enable --now nginx
Created symlink from /etc/systemd/system/multi-user.target.wants/nginx.service to /usr/lib/systemd/system/nginx.service.

查看nginx服务状态

bash 复制代码
[root@ecs-name ~]# systemctl status nginx
\u25cf nginx.service - The nginx HTTP and reverse proxy server
   Loaded: loaded (/usr/lib/systemd/system/nginx.service; enabled; vendor preset: disabled)
   Active: active (running) since Thu 2023-05-25 23:50:44 CST; 1min 4s ago
  Process: 7925 ExecStart=/usr/sbin/nginx (code=exited, status=0/SUCCESS)
  Process: 7921 ExecStartPre=/usr/sbin/nginx -t (code=exited, status=0/SUCCESS)
  Process: 7919 ExecStartPre=/usr/bin/rm -f /run/nginx.pid (code=exited, status=0/SUCCESS)
 Main PID: 7927 (nginx)
   CGroup: /system.slice/nginx.service
           \u251c\u25007927 nginx: master process /usr/sbin/nginx
           \u251c\u25007928 nginx: worker process
           \u2514\u25007929 nginx: worker process

May 25 23:50:44 ecs-name systemd[1]: Starting The nginx HTTP and reverse proxy server...
May 25 23:50:44 ecs-name nginx[7921]: nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
May 25 23:50:44 ecs-name nginx[7921]: nginx: configuration file /etc/nginx/nginx.conf test is successful
May 25 23:50:44 ecs-name systemd[1]: Started The nginx HTTP and reverse proxy server.

3. 浏览器中访问nginx服务

浏览器打开ECS的公网IP地址:http://120.46.52.173/

可以正常打开,表示nginx服务启动正常。

4. 修改nginx配置

新建 /data/www 目录

bash 复制代码
mkdir -p /data/www

修改 /etc/nginx/conf.d/default.conf,

点击 i 键进入编辑模式,将以下内容复制到default.conf中,去除对 IPv6 地址的监听,并将 root /data/www 作为所有静态资源请求的根路径。

bash 复制代码
server {
    listen       80 default_server;
    # listen       [::]:80 default_server;
    server_name  _;
    root         /data/www;

    # Load configuration files for the default server block.
    include /etc/nginx/default.d/*.conf;

    location / {
    }

    error_page 404 /404.html;
        location = /40x.html {
    }

    error_page 500 502 503 504 /50x.html;
        location = /50x.html {
    }
}

5.重启nginx服务

重启nginx服务

bash 复制代码
systemctl restart nginx

五、测试验证

1. 编辑测试网页内容

切换到 /data/www 目录下,新建 index.html 添加如下内容,并保存:

bash 复制代码
[root@ecs-name ~]# cd /data/www/
[root@ecs-name www]# echo huawei cloud 666 > index.html

2. 重启nginx服务

重启nginx服务

bash 复制代码
systemctl restart nginx

3. 本地访问静态网页

本地浏览器输入ECS的弹性公网IP地址,这里访问的是:http://120.46.52.173/

相关推荐
一分半心动6 分钟前
宝塔面板lnmp架构,tp6框架网站伪静态
nginx·php
getapi21 分钟前
注塑件的费用构成
linux·服务器·ubuntu
Maynor9961 小时前
OpenClaw 玩家必备:用 AI 自动追踪社区最新动态
java·服务器·人工智能
郝学胜-神的一滴1 小时前
深入解析C/S模型下的TCP通信流程:从握手到挥手的技术之旅
linux·服务器·c语言·网络·网络协议·tcp/ip
“αβ”1 小时前
数据链路层协议 -- 以太网协议与ARP协议
服务器·网络·网络协议·以太网·数据链路层·arp·mac地址
Thera7772 小时前
【Linux C++】彻底解决僵尸进程:waitpid(WNOHANG) 与 SA_NOCLDWAIT
linux·服务器·c++
呉師傅2 小时前
【使用技巧】Adobe Photoshop 2024调整缩放与布局125%后出现点菜单项漂移问题的简单处理
运维·服务器·windows·adobe·电脑·photoshop
getapi3 小时前
Ubuntu 22.04 服务器的系统架构是否为 amd64 x86_64
linux·服务器·ubuntu
小镇敲码人3 小时前
华为CANN框架中HCCL仓库的全面解析:分布式通信的引擎
分布式·华为
消失的旧时光-19433 小时前
Linux 入门核心命令清单(工程版)
linux·运维·服务器