用户登录

如果你希望别人在浏览器上通过一个地址打开你做的网页,你需要准备一台能够通过互联网连接到的要 Web 服务器,然后给服务器配置使用一个域名,再把网页文档还有相关的资源放到 Web 服务器指定的地方,这样别人就可以通过指向这台 Web 服务器的域名,访问到你做的网页文档了。

我们可以先在本地测试搭建一台 Web 服务器。有很多方法可以实现,我们要用的是 serve 这个工具,它是基于 Node.js 技术开发的 Web 服务器。

打开终端,用 npm 安装一下 serve,执行 npm install serve --global,加上 --global 这个选项的意思是要在全局范围安装这个工具,这样在终端,无论当前我们所处在哪个位置,都可以使用 serve。

安装好以后,就可以使用 serve 这个命令行工具了,进入到 Web 项目所在的目录,然后可以执行一下 serve ./ 意思是创建一台 Web 服务器,服务器提供的资源就是当前这个目录。

现在我的这台电脑可以对外提供 Web 服务了,因为它现在运行了一个 Web 服务器。

成功以后,会列出服务器的地址,在本机可以通过 localhost:3000 访问这台 Web 服务器,在局域网的其它设备上,可以通过这个局域网的 IP 地址外加 3000 这个端口访问这台 Web 服务器。

注意这两个服务器的地址都是用 http:// 开始的,意思是使用 http 这种数据传输方法访问指定的地址,http 是一种数据传输协议,也可以把它理解成一种传输数据用的方法。Web 服务一般都支持用 http 或者 https 协议连接使用。

localhost 这个名字指向的就是本地主机,也就是当前这台设备,我们只能在当前这台电脑上用 localhost 这个名字访问在当前这台电脑上运行的服务。

地址里的冒号后面的 3000 指的是端口号,意思是这个 Web 服务使用的是 3000 这个端口对外提供服务,端口可以理解成连接的通道。也就是我们刚才用的 serve 这个命令创建的这台 Web 服务器,默认会设置让服务器使用 3000 这个端口对外提供 Web 服务。

在本机的浏览器上,访问一下 http://localhost:3000,当前显示的就是 Web 服务器里的 index.html 这个网页文档。

在终端,新建一个标签,可以执行一下 ping 这个命令,后面是主机名,localhost,显示这个 localhost 指向的地址是 127.0.0.1 ,这是本机测试用的一个环路地址。

也就是除了这个 localhost,我们也可以使用 127.0.0.1 访问在本机运行的服务。

在同一局域网的其它设备上,可以使用这台运行 Web 服务器的电脑,在局域网内的 IP 地址访问到 Web 服务器提供的资源。

这个 serve 命令会一直运行,使用快捷键 ctrl + c 可以停止运行它,停止以后服务器也就不会再继续工作了。刷新一下浏览器,会提示无法连接服务器。

Web 服务器(本地)《 Web 基础:关键概念 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点