前端必备服务器知识!!!

2 篇文章 0 订阅

服务器端概念

1、网站的组成

网站应用程序主要分为两大部分:客户端和服务器端

  • 客户端:在浏览器中运行的,就是用户看到并与之交互的界面程序。使用HTML、CSS、Javascript

  • 服务器端:在服务器中运行的,负责存储数据和处理应用逻辑
    在这里插入图片描述

网站服务器: 能够提供网站访问服务的机器就是网站服务器,它能够接收客户端的 请求,能够对请求做出 响应

IP地址: 互联网中设备的唯一标识,互联网协议地址。eg:192.168.105.125

域名: 因为IP地址难记,域名因而孕育而生。域名就是上网所使用的网址

端口: 计算机与外界通讯交流的出口,作用 区分服务器电脑中提供的不同服务

URL: 统一资源定位符(Uniform Resource Locator),就是网页地址

  1. URL组成:传输协议://服务器IP或域名:/资源所在位置标识
  2. eg:https://www.bilibili.com/video/BV1j5411K7EH?p=27&spm_id_from=pageDriver
  3. http:超文本传输协议,作用 提供一种发布和接受HTML页面的方法
  4. https:HTTPS 在HTTP 的基础下加入SSL,HTTPS 的安全基础是 SSL,作用 将数据加密传输

在开发阶段,客户端和服务器端使用同一台电脑,即开发人员电脑。

  • 本机域名:localhost

    本地IP :127.0.0.1

  • 客户端 → 浏览器

    服务器端 → Node

2、创建web服务器[事例]

  • 在任意一个JS文件(我的是app.js)中,写入以下代码保存
//- 用于创建网站服务器的模块
const http = require('http');

//- app对象是网站服务器对象
const app = http.createServer();

//- 当客户端发送请求的时候
app.on('request', (req, res) => {
    //- 响应
    res.end('<h1>Hi,node</h1>');
});

//- 监听端口号
app.listen('3000');
console.log('服务器已启动,监听端口号为3000,请访问localhost:3000');
  • 使用老方法,在powershell命令窗口输入nodemon app.js,回车
    在这里插入图片描述

  • 在浏览器中打开
    在这里插入图片描述

3、HTTP协议[前端相关]

超文本传输协议(缩写:HTTP): 规定了如何从网站服务器传输超文本到本地浏览器,它基于客户端服务器架构工作,是客户端(用户)和服务器端(网站)请求和应答的标准。

报文: 在http请求和响应的过程中传递的数据块就叫报文

  • 包含传输的数据、一些附加的信息、要遵守的格式

  • 请求报文

  1. 请求方式(request method):GET 请求数据,POST 发送数据
  2. 请求地址(request URL):
app.on('request',(req,res)=>{
    req.headers  //- 获取请求报文
    req.url      //- 获取请求地址
    req.method   //- 获取请求方法
});
  • 响应报文
  1. HTTP状态码:200请求成功,404请求资源没有被找到,500服务器错误,400客户端请求有语法错误
  2. 内容类型:text.html,text/css,application/javascript,application/json
 app.on('request', (req, res) => {
     //- 设置响应报文
     res.writeHead(200, {
         'Content-Type': 'text/html;charset=utf8‘
     });
 });
  • 14
    点赞
  • 68
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

皮皮怪鼠

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

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

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

打赏作者

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

抵扣说明:

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

余额充值