如何通过express框架来实现web服务器

本文介绍了如何利用Express,一个基于Node.js的Web开发框架,来托管静态资源。通过创建一个简单的目录结构,放置HTML和CSS文件,然后通过npm安装Express,最后在serve.js中设置路由,实现通过localhost:8080访问publish文件夹中的index.html内容。这一过程模拟了浏览器与服务器之间的交互,展示了本地Web服务器的基本工作原理。
摘要由CSDN通过智能技术生成

什么是express?

      express是基于node.js平台的web开发框架,对于node.js来说express是第三方模块,相当于中间件(中间件--是为了给用户提供更好的服务、可以方便的拆卸)。

托管静态资源-web服务器

接下来我们试着通过使用express来直接访问一个名叫publish的文件夹中的index.html文件。

首先我们建一个如下的目录结构

首先我在index.html和index.css中简单些一些内容

 

然后我们需要通过npm把express这个框架下载到当前test这个根目录文件夹的下面 

 

 然后当包下载完成之后,就可以在serve.js中来写内容了

 

     接下来,我们通过浏览器在地址栏输入localhost:8080就可以来访问publish中index.html中的内容。

        这时候我们vscode中的小黑窗口就相当于一个服务器,浏览器就相当于是客户端,我们通过一台电脑简单的模拟了,浏览器发送请求到web服务器,然后web服务器响应的一个全过程。

        最后通过本地localhost:8080来查看自己的效果图!
 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值