Maison > interface Web > js tutoriel > le corps du texte

Une brève discussion sur la façon d'utiliser le framework tiers Node Express

青灯夜游
Libérer: 2022-05-23 20:35:06
avant
1900 Les gens l'ont consulté

Cet article vous fera découvrir le framework tiers Node Express. Parlons brièvement de la façon de bien utiliser le framework Express. J'espère qu'il sera utile à tout le monde !

Une brève discussion sur la façon d'utiliser le framework tiers Node Express

1. Introduction au framework Express

  • 1. Express est un framework tiers très lourd dans le développement de Nodejs. Il est équivalent à Jquery pour le client HTML pour le serveur NodeJS. .

    • Si vous ne savez même pas comment utiliser Express, vous êtes fondamentalement gêné de dire aux autres que vous connaissez NodeJS
  • 2. /

    • expressjs.com/

    • Généralement, lorsque nous apprenons une nouvelle technologie, nous allons sur la documentation du site officiel pour voir son API, puis essayons davantage, la pratique rend parfait

    • 3 d'Express. Adresse github : https://github.com/expressjs/express
  • L'auteur original d'Express, TJ, est très célèbre dans la communauté des nœuds. Il a actuellement écrit plus de 200 frameworks. ami pour la maintenance et a annoncé qu'il ne maintiendrait plus le framework NodeJS et passerait au langage Go ( https://github.com/tj)

    • 4 Le site officiel d'Express se présente ainsi : un rapide, framework de développement web ouvert et minimaliste basé sur la plateforme Node.js.
  • Un point fort très important d'Express est qu'il ne modifie pas les fonctionnalités existantes de nodejs, mais les développe
    • En d'autres termes, en utilisant Express, vous pouvez utiliser n'importe quelle API de fonctionnalités natives de nodejs, vous pouvez également utilisez l'API Express

    • 5. Trois fonctions principales d'Express
  • 1 Hébergement de ressources statiques5.Express三大核心功能

    • 1.托管静态资源

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

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

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

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

2.下载express

下载指令: npm i express

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

     就是淘宝帮你把这个东西下载淘宝的服务器上,然后你在淘宝服务器上下载
Copier après la connexion

Une brève discussion sur la façon dutiliser le framework tiers 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('服务器启动成功')
})
Copier après la connexion

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('服务器启动成功')
})
Copier après la connexion

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')
})
Copier après la connexion

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
    • Le lendemain, nous avons parlé de l'implémentation de nodejs par la fonction serveur statique. ne nécessite qu'une seule ligne de code dans express
2. Routing

express est livré avec une fonction de routage, ce qui rend le développement du serveur Node extrêmement simple

🎜express prend en charge la syntaxe de chaîne, ce qui peut rendre le code plus concis 🎜🎜🎜🎜 🎜==3. Middleware==🎜🎜🎜🎜La technologie et l'idée de base d'Express, tout est middleware🎜🎜🎜Bien que le middleware soit un peu difficile à comprendre, il est très pratique à utiliser, similaire à bootstrap plug-in.🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜2. Télécharger express🎜🎜🎜🎜Instructions de téléchargement :🎜 npm i express🎜🎜Si votre site Web est lent, vous pouvez utiliser le registre de jeu de configuration npm registry.npm.taobao.org/pour augmenter la vitesse🎜🎜
//导入模块
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');
})
Copier après la connexion
🎜Une brève discussion sur la façon dutiliser le framework tiers Node Express🎜🎜🎜3. Utilisez Express🎜🎜rrreee🎜🎜4-Express pour répondre aux données client🎜 🎜rrreee 🎜 🎜5.Express héberge des ressources statiques🎜🎜🎜http://expressjs.com/en/starter/static-files.html🎜rrreee🎜🎜6.Utilisation d'un middleware tiers🎜🎜🎜🎜🎜1. Site officiel d'Express, il existe de nombreux middlewares tiers, ce qui peut rendre notre développement Nodejs extrêmement simple🎜🎜🎜Le plug-in frontal middleware ajoutera des membres à demander ou à résoudre en express après utilisation 🎜🎜 🎜🎜🎜2. Toutes les routines d'apprentissage du framework tiers sont les mêmes🎜🎜🎜1 Allez sur le site officiel et consultez la documentation🎜🎜2. pour utiliser un middleware tiers Il y a généralement deux étapes fixes🎜🎜🎜🎜Première : Installer npm i xxxx (copier et coller depuis le site officiel)🎜🎜🎜🎜 Un middleware tiers doit être installé en utilisant npm, qui peut être compris comme un module tiers spécial 🎜🎜🎜🎜🎜🎜2 : Utilisez app.use(xxx) (copiez-collez depuis le site officiel) 🎜🎜🎜🎜🎜 🎜🎜🎜 middleware tiers body-parse : analyser les paramètres de demande de publication 🎜🎜🎜Installer body-parser : npm install body-parser🎜🎜https://www.npmjs.com/package/body -parser🎜🎜🎜🎜🎜rrreee🎜Plus de connaissances sur les nœuds, veuillez visiter : 🎜tutoriel nodejs🎜 ! 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:juejin.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal