Heim > Web-Frontend > js-Tutorial > Hauptteil

Eine kurze Diskussion zur Verwendung des Node-Drittanbieter-Frameworks Express

青灯夜游
Freigeben: 2022-05-23 20:35:06
nach vorne
1907 Leute haben es durchsucht

Dieser Artikel führt Sie durch das Node Drittanbieter-Framework Express. Lassen Sie uns kurz darüber sprechen, wie Sie das Express-Framework gut nutzen können.

Eine kurze Diskussion zur Verwendung des Node-Drittanbieter-Frameworks Express

1. Einführung in das Express-Framework

  • 1. Es entspricht Jquery für den HTML-Client für den NodeJS-Server .

      Wenn Sie nicht einmal wissen, wie man Express verwendet, ist es Ihnen grundsätzlich peinlich, anderen zu sagen, dass Sie NodeJS kennen /
    • expressjs.com/
  • Wenn wir eine neue Technologie kennenlernen, gehen wir im Allgemeinen zur offiziellen Website-Dokumentation, um deren API anzuzeigen, und probieren dann mehr aus, Übung macht den Meister

    • 3. Express's Github-Adresse: https://github.com/expressjs/express
    • Der ursprüngliche Autor von Express, TJ, ist in der Node-Community sehr bekannt. Er hat derzeit mehr als 200 Frameworks geschrieben Freund zur Wartung und kündigte an, dass er das NodeJS-Framework nicht mehr pflegen und auf die Go-Sprache umsteigen wird (https://github.com/tj)
    • 4 Die offizielle Website von The Express stellt sich wie folgt vor: eine schnelle, offenes und minimalistisches Webentwicklungs-Framework basierend auf der Node.js-Plattform.
  • Ein sehr wichtiges Highlight von Express ist, dass es die vorhandenen Funktionen von NodeJS nicht verändert, sondern erweitert.
  • Mit anderen Worten: Mit Express können Sie jede native Funktions-API von NodeJS verwenden, das können Sie auch Verwenden Sie die Express-API.
    • In Express ist nur eine Codezeile erforderlich

        ==3. Middleware==
      • Die Kerntechnologie und Idee von Express, alles ist Middleware
    Obwohl Middleware etwas schwer zu verstehen ist, ist sie sehr bequem zu verwenden, ähnlich wie Bootstrap-Plug-in.
  • 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/来提升速度

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

Eine kurze Diskussion zur Verwendung des Node-Drittanbieter-Frameworks 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('服务器启动成功')
})
Nach dem Login kopieren

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('服务器启动成功')
})
Nach dem Login kopieren

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')
})
Nach dem Login kopieren

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

  • 2. Express herunterladen

Anleitung zum Herunterladen:

npm i express🎜🎜Wenn Ihre Website langsam ist, können Sie die npm config set-Registrierung < verwenden 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/um die Geschwindigkeit zu erhöhen">registry.npm.taobao.org/um die Geschwindigkeit zu erhöhen🎜🎜
//导入模块
const express = require(&#39;express&#39;)
//创建服务器
const app = express()

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

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

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

//开启服务器
app.listen(3000, () => {
    console.log(&#39;success&#39;);
})
Nach dem Login kopieren
🎜Eine kurze Diskussion zur Verwendung des Node-Drittanbieter-Frameworks Express🎜🎜🎜3. Verwenden Sie Express🎜🎜rrreee🎜🎜4-Express, um auf Kundendaten zu antworten 5.Express hostet statische Ressourcen Auf der offiziellen Express-Website gibt es viele Middlewares von Drittanbietern, die unsere Nodejs-Entwicklung extrem einfach machen können. 🎜🎜🎜 >🎜🎜 🎜🎜🎜2. Alle Framework-Lernroutinen von Drittanbietern sind gleich🎜🎜🎜1. Gehen Sie zur offiziellen Website und überprüfen Sie die Dokumentation🎜🎜🎜🎜🎜3. Schritte zur Verwendung von Middleware von Drittanbietern Im Allgemeinen gibt es zwei feste Schritte🎜🎜🎜🎜Einer: Installieren Sie npm i xxxx (Kopieren und Einfügen von der offiziellen Website)🎜🎜🎜🎜 Middleware von Drittanbietern muss sein installiert mit npm, was als spezielles Modul von Drittanbietern verstanden werden kann 🎜🎜🎜🎜🎜🎜2: Verwenden Sie app.use(xxx) (Kopieren und Einfügen von der offiziellen Website) 🎜🎜🎜🎜 🎜🎜🎜🎜Body-Parse-Middleware von Drittanbietern: Post-Request-Parameter analysieren 🎜🎜🎜Body-Parser installieren: npm install body-parser🎜🎜https://www.npmjs.com/package/ body-parser🎜🎜🎜🎜🎜rrreee🎜Weitere Node-bezogenes Wissen, besuchen Sie bitte: 🎜nodejs-Tutorial🎜! 🎜

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion zur Verwendung des Node-Drittanbieter-Frameworks Express. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:juejin.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage