>  기사  >  웹 프론트엔드  >  Node 타사 프레임워크 Express를 사용하는 방법에 대한 간략한 설명

Node 타사 프레임워크 Express를 사용하는 방법에 대한 간략한 설명

青灯夜游
青灯夜游앞으로
2022-05-23 20:34:411906검색

이 기사는 Node 타사 프레임워크 Express를 안내합니다. Express 프레임워크를 잘 사용하는 방법에 대해 간략하게 설명하겠습니다. 모두에게 도움이 되기를 바랍니다.

Node 타사 프레임워크 Express를 사용하는 방법에 대한 간략한 설명

1. Express 프레임워크 소개

  • 1. Express는 Nodejs 개발에 사용되는 매우 무거운 타사 프레임워크입니다. NodeJS 서버용 HTML 클라이언트용 Jquery와 같습니다. .

    • Express 사용법도 모르면 NodeJS를 안다고 다른 사람에게 알리는 게 기본적으로 부끄럽습니다
  • 2. Express 공식 홈페이지:

    • www.expressjs.com.cn /

    • expressjs.com/

      • 일반적으로 우리는 새로운 기술을 배울 때 공식 웹사이트 문서로 이동하여 API를 본 다음 더 많은 것을 시도하고 연습하면 완벽해집니다
  • 3. github 주소: https://github.com/expressjs/express

    • Express의 원저자인 TJ는 노드 커뮤니티에서 매우 유명합니다. 그는 현재 200개가 넘는 프레임워크를 자신에게 넘겨주었습니다. 친구에게 유지 관리를 요청하고 더 이상 NodeJS 프레임워크를 유지하지 않고 Go 언어로 전환하겠다고 발표했습니다(https://github.com/tj)
  • 4. Express 공식 웹사이트는 다음과 같이 소개합니다. Node.js 플랫폼을 기반으로 하는 개방적이고 미니멀한 웹 개발 프레임워크입니다.

    • Express의 매우 중요한 특징은 nodejs의 기존 기능을 변경하지 않고 확장한다는 것입니다.

      • 즉, Express를 사용하면 모든 nodejs 기본 기능 API를 사용할 수 있고, Express API를 사용하세요
  • 5. Express의 세 가지 핵심 기능5.Express三大核心功能

    • 1.托管静态资源

      • 第二天讲的nodejs实现静态服务器功能在express中只需要一行代码
    • 2.路由

      • express自带路由功能,让Node服务端开发变得极其简单
      • express支持链式语法,可以让代码看起来更加简洁
    • ==3.中间件==

      • Express最为核心的技术和思想,万物皆中间件

        • 中间件虽然理解起来有点困难,但是使用起来非常方便,类似于bootstrap插件.

2.下载express

下载指令: npm i express

如果你的网站很慢,可以使用npm config set registry registry.npm.taobao.org/来提升速度

     就是淘宝帮你把这个东西下载淘宝的服务器上,然后你在淘宝服务器上下载

Node 타사 프레임워크 Express를 사용하는 방법에 대한 간략한 설명

3.使用Express

//1.导入模块
const express = require('express')

//2.创建服务器
/* express() 相当于http模块的http.createServer() */
const app = express()


//3.接收客户端请求
/*(1)express最大的特点就是自带路由功能,我们无需在一个方法中处理所有请求
		* 路由:一个请求路径对应一个方法(函数)
   (2)在express中,每一个请求都是一个单独的方法
 */

app.get('/',(req,res)=>{
    //响应客户端数据

    //express响应数据 send方法:自动帮我们设置好了响应头,无需担心中文乱码问题
    res.send('月下风起')

})

app.get('/heroInfo',(req,res)=>{
    
    res.send({
        name:'张三',
        age:20
    })
})

//4.开启服务器
app.listen(3000,()=>{
    console.log('服务器启动成功')
})

4-Express响应客户端数据

//1.导入模块
const express = require('express')

//2.创建服务器
/* express() 相当于http模块的http.createServer() */
const app = express()


//3.接收客户端请求

//文本类型数据
app.get('/',(req,res)=>{
    //响应客户端数据
    res.send('月下风起')
})

//json格式数据
app.get('/info',(req,res)=>{
    //express自动帮我们将js对象转成json响应给客户端
    res.send({
        name:'张三',
        age:20
    })
})

//文件类型数据
app.get('/login',(req,res)=>{
    res.sendFile(__dirname + '/login.html')
})

//4.开启服务器
app.listen(3000,()=>{
    console.log('服务器启动成功')
})

5.Express托管静态资源

http://expressjs.com/en/starter/static-files.html

//1.导入模块
const express = require('express');

//2.创建服务器
const app = express()

//托管静态资源(相当于我们之前写的静态资源服务器)
/* 
1.当请求路径为/时,express会自动读取www文件夹中的index.html文件响应返回
2.当路径请求为www文件夹中的静态资源,express会自动拼接文件路径并响应返回
*/
app.use(express.static('www'))

//4.开启服务器
app.listen(3000,()=>{
    console.log('success')
})

6.第三方中间件使用

  • 1.在Express官网,有非常多得第三方中间件,它们可以让我们的Nodejs开发变得极其简单

    • 中间件前端的插件,使用后就会给express中的req或者res添加成员
  • 2.所有的第三方框架学习套路都是一样的

    • 1.进官网,查文档
    • 2.CTRL+C 与 CTRL+V
  • 3.第三方中间件使用步骤一般都是固定两步

    • 一: 安装 npm i xxxx(官网复制粘贴)

      • 第三方中间件都需要使用npm安装,可以理解为是一种特殊的第三方模块
    • 二: 使用 app.use(xxx)(官网复制粘贴)

  • body-parse第三方中间件:解析post请求参数

    • 安装body-parser : npm install body-parser

    • 1. 정적 리소스 호스팅
  • 다음 날 우리는 정적 서버 기능을 구현하는 nodejs에 대해 이야기했습니다. express에는 코드 한 줄만 필요합니다

2. Routing🎜🎜🎜express에는 라우팅 기능이 포함되어 있어 Node 서버 개발이 매우 간단해집니다. 🎜🎜express는 체인 구문을 지원하므로 코드를 더욱 간결하게 만들 수 있습니다 🎜🎜🎜 🎜🎜==3. 미들웨어==🎜🎜🎜🎜익스프레스의 핵심 기술과 아이디어, 모든 것이 미들웨어🎜🎜🎜미들웨어는 조금 이해하기 어렵지만 와 비슷하게 사용하기 매우 편리합니다. 부트스트랩 플러그인.🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜2. express 다운로드🎜🎜🎜🎜다운로드 지침:🎜 npm i express🎜🎜웹 사이트 속도가 느린 경우 npm config set 레지스트리를 사용할 수 있습니다. a href="https://registry.npm.taobao.org/%E6%9D%A5%E6%8F%90%E5%8D%87%E9%80%9F%E5%BA%A6" target=" _blank " textvalue="registry.npm.taobao.org/속도를 높이려면">registry.npm.taobao.org/속도를 높이려면🎜🎜
//导入模块
const express = require('express')
//创建服务器
const app = express()

//使用第三方中间件
/*所有的第三方模块思路都是一样 
    1.进官网,查文档
    2.找examples(使用示例),复制粘贴
        a.安装第三方模块:`npm i body-parser`
        b.使用中间件: arr.use(具体用法请复制粘贴) 
使用body-parser中间件之后,你的req会增加一个body属性,就是你的post请求参数
*/
//(1)导入模块
const bodyParser = require('body-parser')
// parse application/x-www-form-urlencoded 
//(2)使用中间件
app.use(bodyParser.urlencoded({ extended: false }))
//解析json参数
app.use(bodyParser.json())

app.post('/abc',(req,res)=>{
    console.log(req.body)
    //告诉客户端我收到的参数
    res.send(req.body)
})

app.post('/efg',(req,res)=>{
    console.log(req.body)
    //告诉客户端我收到的参数
    res.send(req.body)
})

//开启服务器
app.listen(3000, () => {
    console.log('success');
})
🎜Node 타사 프레임워크 Express를 사용하는 방법에 대한 간략한 설명🎜🎜🎜3. Express🎜🎜rrreee🎜🎜4-Express를 사용하여 클라이언트 데이터에 응답 🎜🎜rrreee 🎜 🎜5.Express 호스트 정적 리소스🎜🎜🎜http://expressjs.com/en/starter/static-files.html🎜rrreee🎜🎜6.타사 미들웨어 사용🎜🎜🎜🎜🎜1. Express 공식 웹사이트에는 Nodejs 개발을 매우 간단하게 만들 수 있는 타사 미들웨어가 많이 있습니다🎜🎜🎜미들웨어 프런트 엔드 플러그인은 사용 후 express의 req 또는 res에 멤버를 추가합니다🎜🎜 🎜🎜🎜2. 모든 타사 프레임워크 학습 루틴은 동일합니다🎜🎜🎜1. 공식 웹사이트로 이동하여 설명서를 확인하세요🎜🎜2. CTRL+C 및 CTRL+V🎜🎜🎜🎜🎜3. 타사 미들웨어 사용 단계 일반적으로 두 가지 고정 단계가 있습니다🎜🎜🎜🎜첫 번째: npm i xxxx 설치(공식 웹사이트에서 복사하여 붙여넣기)🎜🎜🎜🎜 타사 미들웨어는 특별한 타사 모듈로 이해될 수 있는 npm을 사용하여 설치됨 🎜🎜🎜🎜🎜🎜2: app.use(xxx) 사용(공식 웹사이트에서 복사하여 붙여넣기) 🎜🎜🎜🎜 🎜🎜🎜🎜body-parse 타사 미들웨어: 게시물 요청 매개변수 구문 분석 🎜🎜🎜body-parser 설치: npm install body-parser🎜🎜https://www.npmjs.com/package/ body-parser🎜🎜🎜🎜🎜rrreee🎜노드 관련 지식이 더 많으면 🎜nodejs 튜토리얼🎜을 방문하세요! 🎜

위 내용은 Node 타사 프레임워크 Express를 사용하는 방법에 대한 간략한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 juejin.cn에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제