搭建静态 web 服务器| 学习笔记

本文涉及的产品
.cn 域名,1个 12个月
简介: 快速学习搭建静态 web 服务器。

开发者学堂课程【PHP 基础入门课程(上) :搭建静态 web 服务器】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/709/detail/12575


搭建静态 web 服务器

 

内容介绍:

一、目标及概念

二、搭建本地 Web 服务器

三、搭建公网 Web 服务器

四、小结

 

一、目标及概念

目标:掌握独立 Apache 服务器的搭建。

静态的 web 服务器:对外提供静态资源,这种静态资源就是 HTML 等编写的网站,在 windows 下我们通常使用 Apache 作为 web  服务器。

 

二、搭建本地 Web 服务器

1. 获取 Apache 安装文件:建议去 apache 官网, Apache2.4 下载。注意选择系统对应位数(64位和32位)

2. 解压文件

3. 将Apache24文件夹复制到安装目录:案例地址D:/server/

解压该文件夹,可以看到里面有有一个对应的文件夹叫做  Apache  24。

把这个 apache 24放到要安装的一个目录中。

路径要求:不要有中文、不要有空格。

CTRL +C复制,找到 D 盘,新建一个目录,命名为 server,以方便管理与服务器有关的 web 服务器等。

4. 查看文件目录

了解常用目录的用途

(1) bin目录对应二进制,多用于一些可执行文件,形如{ .exe }均为可执行的,运行软件均附属于该文件夹。

(2) conf : config 配置: config是配置文件的意思,即其中包含里面有我们的配置文件,例如  httpd .conf

(3) htdics :网站默认文件存放根目录开发好的网页只要放在这, apache 就会自动默认保存至此,不会保存至其他地方。

(4) logs日志、 lib 即核心的一些文件。

(5) Modules是 若想使 apache 拥有一些功能,就要在其中能够找到匹配的这个点;若有,即可以使用。 

image.png

5.修改配置文件:配置网站默认站点。

若要完成绿色安装,通常要先配置好以下几个选项:

(1)server root :服务器的根目录。安装在哪,它就在哪。

(2) document root :网站的根目录,网页在哪,那 apache 以后访问是就会找这个目录来拿文件。

方便起见,可以建一个属于自己的文件夹,进行管理就行;通常情况下的话我们会在这下面建一个叫做  web  的文件夹,将以后开发好的东西放在这里,但是如果不想改也可以,但是路径一定要对。

(3) Directory :对  root 的目录中,里面子目录进行控制的权限。我们打开 apache .conf  搜索 servant root,我们要把它放到D盘- server -apache 24下面对吧?然后再往下面找,利用快捷方式Ctrl+F寻找;其中包括刚刚  Document Root 文件的路径,即完成配置。

6.打开 windows 控制台:

Windows 菜单> windows 系统>命令提示符(当前我的系统的 win1,不同系统可能路径不同),然后使用管理员身份(邮件->管理员身份运行)打开。

image.png

7.切换磁盘路径为 Apache 所在的磁盘 D 盘里:直接输入盘符:D:(带冒号),回车。

8. 使用CD命令( ChangeDirectory )进入到 Apache 的 bin 目录下: cdserver/Apache24/bin ,然后回车。

小技巧:

只要输出了一半,或者假设这里面只有一个,就可以直接输出一半,按  tab  它就会自动补充。

9. 绿色安装 Apache ,并将 Apache 安装成 Windows 系统服务,输入:httpdexe-k install

windows 只要在,即会在这个目录下面去找匹配,它不需要一定要有exe,但是通常你上也可以 in store安装一个;

有权限的话,提示一下就可以了,允许他访问。然后告诉我们服务安装成功了。

此处存在一个错误:Server Name可以忽略,先让其运营起来。

10. 第一次安装后不会自动启动,需要手动启动,输入:httpdexe-kstart(也可以启用 ApacheMonitor(Apache/bin/ApacheMonitor.exe)

11. 验证安装:在浏览器输入 local host (默认主机名),进行本地访问设置。

验证是否启动:

打开我们的浏览器,输入 local host,出现了 it works,就证明我们访问了。而浏览器的工作是找到对应的IP,这个时候logo host其实是指向本地的一个特殊IP:127.0.0.1,我们也可以得到同样的效果。

访问的这个文件具体位于我们所指定的网站根目录。打开对应的文件就可以了,打开方式选择其他应用- Sublime Text  这个里面有 it works,我修改输入 hello world,保存,回过头刷新,显示 hello world,即说明修改的是这个文件,就找到了这个目录,只会来这个对应层面来找,

其他方法:

使用 apache 的 Monitor.exe 管理器。

找到目录里面,这个里面有一个叫 apache Monitor 专门负责这个,把它发送到桌面,以后我们用的话就比较方便,用的话就直接点击它,然后这个地方会有一个软件的图标,绿色的三角形代表即代表它是成功的运行的;单击的时候它就可以有对应的一些功能,我们可以关掉它,也可以重启它。

12.修改配置文件,除去前置错误信息,找到 ServerName,增加一个 SeverName 为 localhost。

在配置文件里 Ctrl+F找一下,会发现存在两个 SeverName ,但是被注释掉了,所以它没有。此时如果要做这件事情的话,需要简单把这个复制一下,将当前主机名称改为  local host,即修改一下域名。

注意:

任何关于配置文件的修改都需要重启 Apache 服务器才能生效。

13.配置文件错误检查:使用 httpd.exe-t进行查看,看语法是否可行。

后台找到 httpd.exe-text 他会验证我们的配置文件是否有效,此时他就告诉我们语法正确了。

注意一点,任何关于 apache 配置文件的修改,修改之后想让它生效都必须要重启我们的 apache ,所以我们要重启,这就是我们为什么要把 apache 单独来管理,因为比较方便。

搭载一个外网,就是真的能够对外访问的时候怎么办?呢我们可以选择这个步骤。

 

三、搭建公网 Web 服务器

1.购买或者租用(通常已经安装好)一台服务器安装上 Apache ,如阿里云。

1. 购买一个域名或 IP(不便记忆) ,将 Apache 的配置文件中的 ServerName 由localhost 改成对应的域名。

2. 在购买域名的服务商那里绑定所购买的域名指向的你服务器对应的IP地址。

3. 将网站页面放到对应的 Web 文件夹( DocumentRoot所指向的文件路径)

 

四、小结

1.静态 Web 服务器的搭建只需要安装一个 Apache 即可。配置有关域名、 Apache DNS 解析。

(1)ServerRoot:Apache 安装根目录

(2)DocumentRoot:网站根目录

(3)Directory:权限配置

(4)ServerName:域名(主机名)

2.之所以叫静态 Web 服务器,是因为 Apache 只能将指定路径下的文件读取返回给来访者,但是 Apache 不会对内容进行任何加工。

相关文章
|
2月前
|
XML 前端开发 JavaScript
PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑
本文深入探讨了PHP与Ajax在Web开发中的交互技术。PHP作为服务器端脚本语言,处理数据和业务逻辑;Ajax则通过异步请求实现页面无刷新更新。文中详细介绍了两者的工作原理、数据传输格式选择、具体实现方法及实际应用案例,如实时数据更新、表单验证与提交、动态加载内容等。同时,针对跨域问题、数据安全与性能优化提出了建议。总结指出,PHP与Ajax的结合能显著提升Web应用的效率和用户体验。
60 3
|
3月前
|
计算机视觉 Python
Flask学习笔记(六):基于Flask的摄像头-web显示代码(可直接使用)
这篇文章是关于如何使用Flask框架结合OpenCV库,通过电脑摄像头实现视频流在网页上的实时显示,并提供了单摄像头和多摄像头的实现方法。
136 2
Flask学习笔记(六):基于Flask的摄像头-web显示代码(可直接使用)
|
3月前
|
Java PHP
PHP作为广受青睐的服务器端脚本语言,在Web开发中占据重要地位。理解其垃圾回收机制有助于开发高效稳定的PHP应用。
【10月更文挑战第1天】PHP作为广受青睐的服务器端脚本语言,在Web开发中占据重要地位。其垃圾回收机制包括引用计数与循环垃圾回收,对提升应用性能和稳定性至关重要。本文通过具体案例分析,详细探讨PHP垃圾回收机制的工作原理,特别是如何解决循环引用问题。在PHP 8中,垃圾回收机制得到进一步优化,提高了效率和准确性。理解这些机制有助于开发高效稳定的PHP应用。
57 3
|
3月前
|
文件存储 Python
Flask学习笔记(一):Flask Web框架
本文介绍了Flask Web框架的基本概念、安装方法、初始化参数、程序编写、静态文件显示和配置信息加载等基础知识。
38 0
|
5月前
|
JavaScript 搜索推荐 前端开发
从零搭建到部署:Angular与Angular Universal手把手教你实现服务器端渲染(SSR),全面解析及实战指南助你提升Web应用性能与SEO优化效果
【8月更文挑战第31天】服务器端渲染(SSR)是现代Web开发的关键技术,能显著提升SEO效果及首屏加载速度,改善用户体验。Angular Universal作为官方SSR解决方案,允许在服务器端生成静态HTML文件。本文通过具体示例详细介绍如何使用Angular Universal实现SSR,并分享最佳实践。首先需安装Node.js和npm。
120 1
|
5月前
|
API C# 开发框架
WPF与Web服务集成大揭秘:手把手教你调用RESTful API,客户端与服务器端优劣对比全解析!
【8月更文挑战第31天】在现代软件开发中,WPF 和 Web 服务各具特色。WPF 以其出色的界面展示能力受到欢迎,而 Web 服务则凭借跨平台和易维护性在互联网应用中占有一席之地。本文探讨了 WPF 如何通过 HttpClient 类调用 RESTful API,并展示了基于 ASP.NET Core 的 Web 服务如何实现同样的功能。通过对比分析,揭示了两者各自的优缺点:WPF 客户端直接处理数据,减轻服务器负担,但需处理网络异常;Web 服务则能利用服务器端功能如缓存和权限验证,但可能增加服务器负载。希望本文能帮助开发者根据具体需求选择合适的技术方案。
239 0
|
5月前
|
Rust 安全 开发者
惊爆!Xamarin 携手机器学习,开启智能应用新纪元,个性化体验与跨平台优势完美融合大揭秘!
【8月更文挑战第31天】随着互联网的发展,Web应用对性能和安全性要求不断提高。Rust凭借卓越的性能、内存安全及丰富生态,成为构建高性能Web服务器的理想选择。本文通过一个简单示例,展示如何使用Rust和Actix-web框架搭建基本Web服务器,从创建项目到运行服务器全程指导,帮助读者领略Rust在Web后端开发中的强大能力。通过实践,读者可以体验到Rust在性能和安全性方面的优势,以及其在Web开发领域的巨大潜力。
50 0
|
5月前
|
Java 数据库 API
JSF与JPA的史诗级联盟:如何编织数据持久化的华丽织锦,重塑Web应用的荣耀
【8月更文挑战第31天】JavaServer Faces (JSF) 和 Java Persistence API (JPA) 分别是构建Java Web应用的用户界面组件框架和持久化标准。结合使用JSF与JPA,能够打造强大的数据驱动Web应用。首先,通过定义实体类(如`User`)和配置`persistence.xml`来设置JPA环境。然后,在JSF中利用Managed Bean(如`UserBean`)管理业务逻辑,通过`EntityManager`执行数据持久化操作。
67 0
|
3月前
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
187 3
|
1月前
|
前端开发 安全 JavaScript
2025年,Web3开发学习路线全指南
本文提供了一条针对Dapp应用开发的学习路线,涵盖了Web3领域的重要技术栈,如区块链基础、以太坊技术、Solidity编程、智能合约开发及安全、web3.js和ethers.js库的使用、Truffle框架等。文章首先分析了国内区块链企业的技术需求,随后详细介绍了每个技术点的学习资源和方法,旨在帮助初学者系统地掌握Dapp开发所需的知识和技能。
2025年,Web3开发学习路线全指南