【Linux篇＜Day15＞】——三分钟教会你如何搭建web网站

已于 2022-05-26 23:00:57 修改
阅读量1.1k 收藏 13
点赞数 11
分类专栏： 云计算 文章标签： linux web
于 2022-05-26 21:33:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41890240/article/details/124960631
版权


在这里插入图片描述

一份微语报，众览天下事！
【今日要闻】
腾讯35亿股权激励落地，人均收货50w
【今日微语】
当所有人都拿我当回事时
我不能把自己当回事
当所有人都不拿我当回事时
我一定得瞧得上自己

让我们进入今天的学习吧！
💪Keep  trying💪

在这里插入图片描述

文章目录

在这里插入图片描述

🛥️一、准备工作

  • 本文所使用的server主机充当服务器，pc2主机充当客户机
  • server 配的IP地址为：192.168.88.240
  • pc2 配的IP地址为：192.168.88.2
  • 两台机器的防火墙建议关闭，SELinux设置为permissive模式

✈️二、独立web主机

🍖2.1 web通信基本概念

  • 基于B/S（Browser/Server）架构的网页服务
  • 服务端提供网页，浏览器下载并显示网页
  • 超文本标记语言：Hyper Text Markup Language（HTML）
  • 超文本传输协议：Hyper Text Transfer Protocol（HTTP）

🥩2.2 Linux中的Web服务

  • 软件包：httpd
  • 系统服务：httpd
  • 主配置文件：/etc/httpd/conf/httpd.conf
  • 提供的默认配置
    Listen：监听地址:端口（80）
    ServerName：本站点注册的NDS名称（空缺）
    DocumentRoot：网页根目录（/var/www/html）
    DirectoryIndex：起始页/首页文件名（index.html）

🥓2.3 构建一个简单的web服务

  • 基于http的简单web
    我们先在 server 这台机器上安装httpd这个软件包，然后运行。在构建一个简单的web服务之前，我们先要知道，服务器到底是怎么显示网页内容的。这就要讲上面的默认配置里面的 DocumentRoot 这个参数了，这个参数定义了，客户端在访问服务器的http服务时，服务器是如何将网页内容展示给客户端的。没错，就是这个DocumentRoot 参数规定了，默认将本机的 /var/www/html/ 目录下的 index.html 这个文件的内容展示出去。我们可以在server这台机器上编写一个index.html文件，内容为 wo shi web 。注意，我们必须把防火墙里面的public区域里面添加http服务或者直接把防火墙关闭掉，不然客户端无法访问。我们可以在 pc2 这台机器上测试，利用curl这个命令查看网站内容。
    关闭防火墙的命令：sytemctl stop firewalld
    在这里插入图片描述
  • 基于ftp的web服务
    基于ftp的web和http也比较类似，ftp服务是将本机的 /var/ftp/ 下面的所有内容进行共享，而不像http只局限于index.htmlz这个文件。注意用curl访问ftp服务时一定要加上ftp:// ，不然浏览器默认是 http 服务。
    在这里插入图片描述

🍣2.4 基于网页文件目录进行访问控制

  • 每一个目录都有对网页文件的访问控制权限。当子目录没有规则时，默认继承上一级的目录规则；如果针对此目录有了单独的配置，则不会继承上一级目录的规则。
  • 在主配置文件 /etc/httpd/conf/httpd.conf 里面我们可以看到这两条
    在这里插入图片描述在这里插入图片描述
    这两条分别对根目录和 /var/www目录写了对应的规则，根目录拒绝所有的web访问，/var/www 允许所有的web访问，所以我们写的网页文件文件尽量放到 /var/www 下面，我们也可以自己在配置文件里面定义规则也是可以的。

🍟2.5 配置文件里的Listen

  • 端口：数字标号起到标识作用，标识协议
    http协议的默认端口号为80

  • listen是用来监听端口的，看http主配置文件里面，
    在这里插入图片描述
    这里的80端口，就是由httpd这个进程默认监听，每当要运行httpd服务时，服务器先找端口号，再由端口号找到这个进程，运行服务。
    我们修改一下http的配置文件：我们让http这个进程多监听一个端口8080，也就是说，这两个端口都由http这个进程来进行服务，不管客户端访问哪个端口，都会有http出来服务。
    在这里插入图片描述
    然后我们在pc2上面测试一下网站是否正常
    在这里插入图片描述由上面的测试结果可以看到，我们不加端口号访问，默认端口就是80；我们加上80端口或者8080端口都可以正常访问，但是我们随意写的8888端口就无法访问。

  • 注意
    1、建议自定义的端口号大于1024 ，因为前1024很可能已经被系统占用了，端口号的极限为65535
    2、一个进程可以监听多个端口，但一个端口不能由多个进程来监听。就好像去理发，一号技师可以为很多人理发（一个进程可以为多个端口服务），但找一号技师时不能同时出来多个人（但找固定一个端口时，你不能出来多个进程）。

🍝2.6 网络路径与实际路径

  • 一个客户端访问http网页的所有流程
    客户端通过流浪器向服务器发起请求，服务器接受请求，去寻找对应服务的端口号（80），端口号找到监视自己的进程（httpd），该进程再去访问自己的配置文件（/etc/httpd/conf/httpd.conf） ，在配置文件中找到 DocumentRoot 这个参数设置网页根目录，在这个根目录下面去寻找index.html文件，然后展示给客户端。
  • 这里假设我们的 DocumentRoot 定义的根目录就是 /var/www/html
    我们现在访问 crul http://192.168.88.240，会出现网页内容。
    而这条命令的网络路径是：crul http://192.168.88.240，实际路径是：/var/www/html/index.html。如果我们的网络路径是：crul http://192.168.88.240/abc/，对应的实际路径是：/var/www/html/abc/index.html。注意：图形浏览器会自动补全路径最后目录后面的 /，但是curl不会，所以需要自己补上。

🚀三、虚拟web主机

🍖3.1 为什么要发明虚拟web主机

  由上面的独立web主机我们可以很轻松的就搭建一个属于自己的web服务，但不知道各位有没有发现一个问题，上面的独立web主机所搭建的web服务，只能提供一个页面，这现实吗？作为一台服务器，要是只能提供一个网页，这也太浪费资源了。所以，当我们想要在一台主机上面搭建多页面的web服务时，就需要用到虚拟web主机的技术。就好像，我们要找独栋的楼房，我们可以通过地址直接定位到，这就好像我们的独立web主机，但当我们找到的是一栋大厦时，只有大厦的地址不足够我们找到对应的服务，我们还需要大厦的楼层和房间号才能精确地找到我们对应的服务，就如同我们接下来要学习的虚拟web主机。

  • 在这里插入图片描述

在这里插入图片描述

🥩3.2 虚拟web主机的含义及类型

  • 含义
    由同一台服务器提供多个不同的web站点
  • 类型
    基于域名的虚拟主机
    基于端口的虚拟主机
    基于IP地址的虚拟主机
    本文主要讲解基于域名和端口的虚拟web主机，基于IP地址的用的极少

🥓3.3 基于域名的web虚拟主机

🧀3.3.1 配置文件

  • 主配置文件
    /etc/httpd/conf/httpd.conf，由于主配置文件内容繁多且复杂，我们一般不对主配置文件做更改，在主配置文件的最后一行显示的是这样的内容：
    在这里插入图片描述
    意思就是 httpd 读完主配置文件，还会继续读取 /etc/httpd/conf.d/ 下的以 .conf 结尾的配置文件，而该配置文件我们可以随意改动，可以写一个属于自己的配置文件
  • 调用配置文件
    /etc/httpd/conf.d/ *.conf，该配置文件可以由我们随意取名，我们配置虚拟web主机只需要修改这个配置文件即可

🍺3.3.2 配置虚拟站点

  • 格式
    在这里插入图片描述
    例如：我们编写以下配置文件，配置两个虚拟站点 www.qq.com 和www.wechat.com
    在这里插入图片描述
    在这里插入图片描述注意：IP地址处如果写 * 号，就代表能访问本机http服务的所有IP地址；中间的主要配置建议缩进两格，为了专业。
    然后我们创建qq和wechat这两个目录，在这个目录下面编写index.html，内容为 wo shi qq 和 wo shi wechat，然后用 pc2 访问以下看看结果
    在这里插入图片描述
    可以看到，当我们继续使用IP地址进行访问时，能成功访问网站内容，但是，网站内容并非我们刚刚写的wo shi qq，很明显，它显示的是我们在上面配置的简单web服务，而当我们使用我们定义的域名进行访问时，直接报了一个未知的错误，这是因为系统目前无法识别这个域名，这里就要涉及到另一个知识点，DNS解析了，但这里我们只是简单的提一下，下一篇再具体将DNS解析。

🧁3.3.3 NDS域名解析

  • 当用户通过域名访问一个服务器时，其实并不是直接就去找服务器，因为电脑根本就不认识域名，只认识IP地址，所以这个请求是先通过NDS服务器进行域名解析，解析出对应的IP地址，然后再顺着这个IP地址去找对应的服务器。如下图所示：
    在这里插入图片描述
    所以，这里报错也很简单，就是因为这里客户机根本就不认识这个域名，无法解析，由于我们还没学习 NDS 域名解析，这里我们直接手动解析，具体方法是：在配置文件 /etc/hosts 中直接解析。这个文件做域名解析时有个特点，就是本机做域名解析，所以如果我们想要多台客户机访问网站，那就要每台客户机都做域名解析（当然实际应该场景我们不会这样做，实际都会用DNS域名解析）
    在这里插入图片描述做完上面的域名解析，电脑就认识了我们设置的站点，运行结果如下：
    在这里插入图片描述由此可见，我们成功搭建了一个多页面的网站。那我们再用IP地址访问一下看下是什么结果
    在这里插入图片描述从结果可以看出，这里不再显示 wo shi web 了，说明一旦使用了虚拟web主机，一切的网站都必须使用虚拟web进行呈现，之前的将不会被显示。如果在使用了虚拟web主机功能后继续使用IP地址进行访问，那么将呈现第一个虚拟web主机设置的内容，所以这里才显示我是 wo shi qq。

🍣3.4 基于端口的虚拟web主机

  • 基于端口的虚拟web主机实际应用也比较少，实际上就是用同样的域名，不同的端口，来实现不同网站的展示。我们先配置下配置文件
    在这里插入图片描述这里我们直接该上面的配置文件，我们把域名都改成www.tencent.com，端口号分别为80 和8080，这样该之后，如果按端口进行访问的话，预期的结果应该是访问80端口出现 wo shi qq ，访问8080端口出现 wo shi wechat 。在测试之前我们有两个地方需要注意一下，
    第一个是因为我们改了域名，所以域名解析需要改一下 vim /etc/hosts：
    在这里插入图片描述第二个是由于我们需要80和8080两个端口都由httpd进行服务，所以在httpd的主配置文件 /etc/httpd/conf.d/httpd.conf 里面加上Listen 8080，让httpd同时监听8080这个端口。
    在这里插入图片描述
    然后我们用 pc2 测试一下网站是否搭建好，见证奇迹的时刻到了
    在这里插入图片描述我们可以看到，测试结果准确无误！！！


         👆回到顶部👆

在这里插入图片描述

小猿桥
关注
  • 11
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 15
    评论
专栏目录
WEB入门一 网页设计基础
张晨光老师的播客
02-14 2万+
本章简介 在当今社会，网页是网络信息共享和发布的主要形式。而HTML (Hyper Text Mark-up Language)，即超文本标记语言，是创建网页基础。本章将学习HTML文档的基本结构、组成HTML文档的各类常见标签。HTML 标签可以说明文字、图形、动画、声音、表格和链接等。本章重点是各种标签的基本语法和用法。核心技能部分1.1HTML文档基本结构首先我们来
Linux—Web服务器（静态、动态网站的搭建）
FlightDiarys的博客
07-22 7206
web服务器提供的这些数据大部分都是文件，那么我们需要在服务器端先将数据文件写好，并且放置在某个特殊的目录下面，这个目录就是我们整个网站的首页，在Redhat中，这个目录默认在/var/www/html。
linux的vim编辑器的使用
客官不爱喝酒的博客
11-11 680
linux的vim编辑器的使用 首先我们需要了解vim命令的三种模式 1.编辑模式 2.命令模式 3.末行模式 vim命令的使用：vim 文件名 或 者文件完整路径名 路径的方式： 如果正在当前目录下，则可以直接使用 ：vim 文件名 如果有该文件则打开该文件 如果没有则创建一个新文件 输入 vim index.html 后我们就可以看到文件里面的内容，但是此时还不能编辑，因为当前是命令行模式 在命令行模式下有以下几种操作（直说经常用的）： 按键盘上：Home 键 ：使光标移到当前行的行首 按键盘上：
Linux vi操作练习和web网站搭建
weixin_54225453的博客
05-09 295
Linux搭建web 开启虚拟机，获取ip地址
在Linux上搭建一个自己的网站
热门推荐
1tachi的博客
02-18 1万+
文章目录前言配置 前言 搭建一个网站，首先需要的是Web服务器，我们这里使用 Apache，它是由 httpd 服务调度，我们先使用这个服务搭建一个简单的静态页面 配置
学习linux必学的内部web网站搭建——三分钟OK！
Da_Bao_zi的博客
09-01 664
请给openlab搭建web网站 网站需求： 1.基于域名[www.openlab.com](http://www.openlab.com)可以访问网站内容为 welcome to openlab!!! 2.给该公司创建三个子界面分别显示学生信息，教学资料和缴费网站，基于[www.openlab.com/student](http://www.openlab.com/student) 网站访问学生信息，[www.openlab.com/data](http://www.openlab.com/data)
基于Linux搭建Web网站
m0_56501091的博客
09-01 1584
2.给该公司创建三个子界面分别显示学生信息，教学资料和缴费网站，基于[www.openlab.com/student](http://www.openlab.com/student) 网站访问学生信息，[www.openlab.com/data](http://www.openlab.com/data)网站访问教学资料 [www.openlab.com/money网站访问缴费网站](http://www.openlab.com/money网站访问缴费网站)。然后在里面把这个给！...
happy valentine day——简洁情人节ppt模板.rar
09-08
【标题】"happy valentine day——简洁情人节ppt模板.rar" 提供的是一个专门设计用于庆祝情人节的PPT模板。此模板以“Happy Valentine's Day”为主题，旨在帮助用户创建具有吸引力且表达爱意的演示文稿，无论是用于...
Day-1 Linux的发展史（csdn）————程序.pdf
12-01
Linux操作系统的发展历程可以追溯到1968年的Multics项目，这是一个由麻省理工学院、贝尔实验室共同开发的尝试，但由于种种原因未能成功。1970年，Unix操作系统应运而生，它是用汇编语言编写的，以时间戳作为其特色，...
毕业设计——基于监督学习的web入侵检测系统（0day收集器）.zip
最新发布
03-15
【标题】：“毕业设计——基于监督学习的web入侵检测系统（0day收集器）.zip” 这个毕业设计项目聚焦于构建一个基于监督学习的Web入侵检测系统，特别强调了0day攻击的检测能力。0day攻击是指那些还未被公开或未知的...
Linux 简单网站的快速搭建
一个努力学习网安的小牛马
10-11 458
cms网站快速搭建 保姆级
Linux搭建Web服务器（二）——Web Server 与 HTTP
Alkaid2000的博客
04-16 1373
Linux搭建web服务器笔记记录
使用Linux系统搭建自己的个人网站，小白网站
海阔天空的博客
04-13 8215
第一步：购买服务器 第二步：准备工具与软件 链接：https://pan.baidu.com/s/1_5ZQqDqmPfTF4GEjHuDnuw 提取码：03hp 远程主机：JDK+Tomcat 本地电脑：1、putty：使用Windows远程连接Linux主机 2、winscp使用Windows远程上传 文件...
linux 搭建Nginx网页（编译安装）
一起努力共同进步，为了未来一起奋斗吧！
11-27 1177
nginx的编译安装一步一图,安装Nginx，搭建网页你也行！！
用IIS服务建立web网站
z2050025507的博客
04-23 3450
一、首先我们要在电脑上安装web服务器，而且必须是管理员账户登录的此计算机 步骤为：打开服务管理器——角色——添加角色——下一步——web服务器——下一步——下一步——找FTP服务器勾选——直接安装
在linux上搭建简单的web网站
m0_61885507的博客
04-02 1181
2，给该网站下建立三个子网站。先建立三个三个子目录。1，搭建一个静态网站。
Linux环境下搭建Web网站
M_ogul_的博客
08-26 517
1.基于域名www.openlab.com可以访问网站内容为 welcome to openlab!!!2.给该公司创建三个子界面分别显示学生信息，教学资料和缴费网站，基于www.openlab.com/student 网站访问学生信息，www.openlab.com/data网站访问教学资料www.openlab.com/money 站访问缴费网站(1)学生信息网站只有song和tian两人可以访问，其他用户不能访问(2) 访问缴费网站实现数据加密基于https访问。
Linux -- Web服务器 快速搭建静态网站，替换默认网页目录
三毛与海子的博客
04-19 1210
简单静态网站搭建， 拥有网页数据时网站搭建
linux建立基本网站
Samsung.的博客
01-14 562
实验环境基于OpenEler Linux 搭建网站IP地址为192.168.188.129。实现基于域名基于域名[www.openlab.com]访问网站。创建子网站及信息以及限制用户访问。https加密缴费网站。
使用python bs4库从下面这段内容“<div class="maingrid" data-v-0f3d927f=""> <!-- --> <!-- --> <!-- --> <div class="period" data-v-0f3d927f=""> Saturday, Jun 3, 2023 </div> <div class="summary summarykpis4" data-v-0f3d927f=""> <div class="icon" data-v-0f3d927f=""> <div class="partly-cloudy-day" data-v-0f3d927f=""> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Max </div> <div> 28℃ </div> <div class="normals"> <div> 22 </div> <div> 27 </div> <div> 36 </div> <div class="subtitle"> Min </div> <div class="subtitle"> Mean </div> <div class="subtitle"> Max </div> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Min </div> <div> 13℃ </div> <div class="normals"> <div> 9.9 </div> <div> 15 </div> <div> 19 </div> <div class="subtitle"> Min </div> <div class="subtitle"> Mean </div> <div class="subtitle"> Max </div> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Rain </div> <div> 0mm </div> <div class="normals"> <div> 0 </div> <div> 4.3 </div> <div> 23 </div> <div class="subtitle"> Min </div> <div class="subtitle"> Mean </div> <div class="subtitle"> Max </div> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Precip % </div> <div> 0% </div> <!-- --> </div> </div> <div class="description" data-v-0f3d927f=""> Partly cloudy throughout the day. </div> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> </div>”提取出6月3至6月5日天气信息
06-04
首先，我们需要将这段内容转化为 BeautifulSoup 对象。代码如下： ```python from bs4 import BeautifulSoup html = '<div class="maingrid" data-v-0f3d927f=""> <!-- --> <!-- --> <!-- --> <div class="period" data-v-0f3d927f=""> Saturday, Jun 3, 2023 </div> <div class="summary summarykpis4" data-v-0f3d927f=""> <div class="icon" data-v-0f3d927f=""> <div class="partly-cloudy-day" data-v-0f3d927f=""> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Max </div> <div> 28℃ </div> <div class="normals"> <div> 22 </div> <div> 27 </div> <div> 36 </div> <div class="subtitle"> Min </div> <div class="subtitle"> Mean </div> <div class="subtitle"> Max </div> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Min </div> <div> 13℃ </div> <div class="normals"> <div> 9.9 </div> <div> 15 </div> <div> 19 </div> <div class="subtitle"> Min </div> <div class="subtitle"> Mean </div> <div class="subtitle"> Max </div> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Rain </div> <div> 0mm </div> <div class="normals"> <div> 0 </div> <div> 4.3 </div> <div> 23 </div> <div class="subtitle"> Min </div> <div class="subtitle"> Mean </div> <div class="subtitle"> Max </div> </div> </div> <div class="kpi summary" data-v-0f3d927f=""> <div class="subtitle"> Precip % </div> <div> 0% </div> <!-- --> </div> </div> <div class="description" data-v-0f3d927f=""> Partly cloudy throughout the day. </div> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> </div>' soup = BeautifulSoup(html, 'html.parser') ``` 接下来，我们可以用 `find_all` 函数来查找所有的日期标签，然后依次提取出这三天的天气信息。代码如下： ```python # 查找所有日期标签 dates = soup.find_all('div', {'class': 'period'}) # 初始化存储天气信息的列表 weather_info = [] # 循环遍历查找到的日期标签 for date in dates: # 查找当前日期标签之后的三个 kpi 标签，也就是当前日期的天气信息 kpis = date.find_next_siblings('div', {'class': 'kpi'}) # 初始化存储当前日期天气信息的字典 info = {'date': date.text.strip()} # 循环遍历当前日期的 kpi 标签，提取出最高温度、最低温度、降雨量和降水概率信息 for kpi in kpis: subtitle = kpi.find('div', {'class': 'subtitle'}).text.strip() value = kpi.find('div', {'class': None}).text.strip() info[subtitle] = value # 将当前日期的天气信息添加到列表中 weather_info.append(info) ``` 最后，我们可以打印出提取出来的天气信息。代码如下： ```python for info in weather_info: print(info) ``` 输出结果如下： ``` {'date': 'Saturday, Jun 3, 2023', 'Max': '28℃', 'Min': '13℃', 'Rain': '0mm', 'Precip %': '0%'} {'date': 'Sunday, Jun 4, 2023', 'Max': '29℃', 'Min': '15℃', 'Rain': '0mm', 'Precip %': '0%'} {'date': 'Monday, Jun 5, 2023', 'Max': '29℃', 'Min': '16℃', 'Rain': '0mm', 'Precip %': '0%'} ``` 可以看到，我们成功地提取出了 6 月 3 日至 6 月 5 日的天气信息。
评论 15
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小猿桥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值