Nodejs の get/post リクエストとミドルウェアについて話しましょう
この記事では、node.js のホット リスタート、リクエストの取得、リクエストのポスト、ミドルウェアについて説明します。皆様のお役に立てれば幸いです。
#1. ノードのホット リスタート
1. インストール
npm i nodemon
2.
nodemon .bin/www
# 2 を実行して開始します。 . get リクエストについて
通常、Web サイト開発では、get はデータベースのクエリ操作と同様に、データの取得とクエリに使用されます。サーバーがフォアグラウンド リソースを解析すると、対応するコンテンツが送信されます。これは URL に対して次の形式で実行されます: ##http://localhost:8080/login?goods1=0001&goods2=0002#フロントエンドの get リクエストを取得するユーザーが送信した get リクエストは req.query を通じて取得でき、対応するデータは、 ノード
操作。http://localhost:8080/login?goods1=0001&goods2=0002
彼はすべてのデータを取得するか、各データを分離または削除します。つまり、さまざまなビジネスにはさまざまなニーズが対応しており、誰もが自分のニーズに応じてそれを入手できます;
を渡します:req.queryログイン後にコピー
例
次は取得方法の例 パラメータの概要: HTML:req.query.goods1
req.query.goods2
ログイン後にコピー
node:req.query.goods1 req.query.goods2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="http://localhost:8080/login" method="get">
用户：
<input type="text" name="user" id="user" placeholder="用户名"/>
<br>
密码：
<input type="password" name="password" id="password" placeholder="密码"/>
<br>
<input type="submit" value="提交"/>
</form>
</body>
</html>3. POST リクエストについて
post メソッド (http) リクエストは重要な部分であり、ほとんどすべての Web サイトで使用されます。get リクエストとは異なり、post リクエストはサーバー上の変更操作に似ています。通常、データ リソースの更新に使用されます。 get リクエストと比較して、post でリクエストされたデータはより安全です。前の章では、get リクエストでは入力されたユーザー名とパスワードがアドレス バーに表示され (中国語がある場合は BASE64 暗号化に変換されます)、post リクエストではデータが http パッケージの本体に入れられることがわかりました。これにより、他の人がユーザー名とパスワードを直接確認することができなくなります。
Express はどのように POST リクエストを設定しますか?
1. まず、フォームで POST リクエストを作成する方法を知る必要があります。 enctype 属性 通常は「
application/x-www-form-urlencoded」に設定されます。multipart/form-data に設定された場合、主にファイルに使用されます。次のようにアップロードします: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>const express = require("express");
var app = express();
app.get("/",function(req,res){
res.send("主页");
});
app.get("/login",function(req,res){
console.log(req.query);
res.send("登录路由，user为："+req.query.user+"==> password为："+req.query.password);
});
app.listen(8080);</pre><div class="contentsignin">ログイン後にコピー</div></div>2. 解析本文ミドルウェアを設定します <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><form action="#" method="post" enctype="application/x-www-form-urlencoded">
</form></pre><div class="contentsignin">ログイン後にコピー</div></div>3. 本文データを取得します
app.use(express.urlencoded())
HTML:req.body.username
ログイン後にコピーAPP.JS
req.body.username
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>登陆</h1>
<form action="/login" method="POST">
<div>
用户名：<input type="text" name="username">
</div>
<div>
密码：<input type="password" name="password">
</div>
<button>登陆</button>
</form>
</body>
</html>文字通りの意味から、おそらくこれは中間プロキシ操作、これも当てはまります。ほとんどの場合、ミドルウェアはリクエストの受信と応答の送信の間に一連の操作を実行します。実際、Express はルーティングおよびミドルウェア用の Web フレームワークであり、Express アプリケーションは基本的に一連のミドルウェア関数呼び出しです。 1.ブラウザがリクエストを送信
2.expressがリクエストを受け入れる
中間処理プロセス
3.ルーティング関数がレンダリングを処理(req, res)
4.res.render レンダリング
ミドルウェア関数は次のタスクを実行できます:
任意のコードを実行します。 リクエスト オブジェクトとレスポンス オブジェクトを変更します。- リクエスト/レスポンスサイクルを終了します。
- スタック内の次のミドルウェア関数を呼び出します。 ミドルウェアは、アプリケーション層ミドルウェア、ルーティング ミドルウェア、組み込みミドルウェア、エラー処理ミドルウェア、サードパーティ ミドルウェアにも分類されます。
アプリケーション レベルの中間キーは、app を使用してアプリ オブジェクトにバインドされます。 use および app.METHOD() - GET、PUT、POST などの http リクエストを処理する必要があるメソッドは、前の get または post を use に置き換えるだけです。たとえば、次の例: var express = require('express');
var path = require('path')
var app = express();
var sqlQuery = require('./lcMysql')
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(express.static(path.join(__dirname, 'public')));
//解析post提交的数据
app.use(express.urlencoded())
//搜索首页
app.get('/',(req,res)=>{
res.render('index.ejs')
})
//登陆页
app.get('/login',(req,res)=>{
res.render('login')
})
//处理登陆请求
app.post('/login',async (req,res)=>{
//获取用户名和密码
let username = req.body.username
let password = req.body.password
//查询数据库是否由此用户名和密码
let sqlStr = 'select * from user where username = ? and password = ?';
let arr = [username,password];
let result = await sqlQuery(sqlStr,arr)
if(result.length == 0 ){
res.send("登陆失败")
}else{
res.send("登陆成功")
}
})
module.exports = app;ログイン後にコピーこの時点で、
http://localhost:8080/var express = require('express');
var path = require('path')
var app = express();
var sqlQuery = require('./lcMysql')
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(express.static(path.join(__dirname, 'public')));
//解析post提交的数据
app.use(express.urlencoded())
//搜索首页
app.get('/',(req,res)=>{
res.render('index.ejs')
})
//登陆页
app.get('/login',(req,res)=>{
res.render('login')
})
//处理登陆请求
app.post('/login',async (req,res)=>{
//获取用户名和密码
let username = req.body.username
let password = req.body.password
//查询数据库是否由此用户名和密码
let sqlStr = 'select * from user where username = ? and password = ?';
let arr = [username,password];
let result = await sqlQuery(sqlStr,arr)
if(result.length == 0 ){
res.send("登陆失败")
}else{
res.send("登陆成功")
}
})
module.exports = app;アドレスが読み込まれていることがわかりますが、コマンド ラインには「アクセス前」と表示されます。 , プログラムが同期的に実行されないことを示します。next を使用してルートを下方向に突き合わせ続けると、ホームページ データを再度取得できます:
const express=require("express");
var app=express();
//匹配路由之前的操作
app.use(function(req,res,next()){
console.log("访问之前");
});
app.get("/",function(req,res){
res.send("主页");
});
app.listen(8080); もちろん、記述を簡略化することもできます: const express=require("express");
var app=express();
//匹配路由之前的操作
app.use(function(req,res,next){
console.log("访问之前");
next();
});
app.get("/",function(req,res){
res.send("主页");
});
app.listen(8080);
2.路由中间件
路由级中间件和应用级中间件类似，只不过他需要绑定express.Router();
var router = express.Router()
在匹配路由时，我们使用 router.use() 或 router.VERB() ,路由中间件结合多次callback可用于用户登录及用户状态检测。
const express = require("express");
var app = express();
var router=express.Router();
router.use("/",function(req,res,next){
console.log("匹配前");
next();
});
router.use("/user",function(req,res,next){
console.log("匹配地址：",req.originalUrl);
next();
},function(req,res){
res.send("用户登录");
});
app.use("/",router);
app.listen(8080);总之在检测用户登录和引导用户应该访问哪个页面是，路由中间件绝对好用。
3.错误处理中间件
顾名思义，它是指当我们匹配不到路由时所执行的操作。错误处理中间件和其他中间件基本一样，只不过其需要开发者提供4个自变量参数。
app.use((err, req, res, next) => {
res.sendStatus(err.httpStatusCode).json(err);
});一般情况下，我们把错误处理放在最下面，这样我们即可对错误进行集中处理。
const express=require("express");
var app=express();
app.get("/",function(req,res,next){
const err=new Error('Not Found');
res.send("主页");
next(err);
});
app.use("/user",function(err,req,res,next){
console.log("用户登录");
next(err);
},function(req,res,next){
res.send("用户登录");
next();
});
app.use(function(req,res){
res.status(404).send("未找到指定页面");
});
app.listen(8080);4.内置中间件
从版本4.x开始，Express不再依赖Content，也就是说Express以前的内置中间件作为单独模块，express.static是Express的唯一内置中间件。
express.static(root, [options]);
通过express.static我们可以指定要加载的静态资源。
5.第三方中间件
形如之前我们的body-parser，采用引入外部模块的方式来获得更多的应用操作。如后期的cookie和session。
var express = require('express'); var app = express(); var cookieParser = require('cookie-parser');
以上就是关于express中间件类型，在实际项目中，中间件都是必不可少的，因此熟悉使用各种中间件会加快项目的开发效率。
更多node相关知识，请访问：nodejs 教程！！
以上がNodejs の get/post リクエストとミドルウェアについて話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7467
15
1376
52
77
11
18
20
Nodejs はバックエンド フレームワークですか?
Apr 21, 2024 am 05:09 AM
Node.js は、高いパフォーマンス、スケーラビリティ、クロスプラットフォーム サポート、豊富なエコシステム、開発の容易さなどの機能を備えているため、バックエンド フレームワークとして使用できます。
Nodejsをmysqlデータベースに接続する方法
Apr 21, 2024 am 06:13 AM
MySQL データベースに接続するには、次の手順に従う必要があります。 mysql2 ドライバーをインストールします。 mysql2.createConnection() を使用して、ホスト アドレス、ポート、ユーザー名、パスワード、データベース名を含む接続オブジェクトを作成します。 connection.query() を使用してクエリを実行します。最後に connection.end() を使用して接続を終了します。
Nodejsのグローバル変数とは何ですか
Apr 21, 2024 am 04:54 AM
Node.js には次のグローバル変数が存在します。 グローバル オブジェクト: グローバル コア モジュール: プロセス、コンソール、require ランタイム環境変数: __dirname、__filename、__line、__column 定数: unknown、null、NaN、Infinity、-Infinity
Nodejs インストール ディレクトリ内の npm ファイルと npm.cmd ファイルの違いは何ですか?
Apr 21, 2024 am 05:18 AM
Node.js インストール ディレクトリには、npm と npm.cmd という 2 つの npm 関連ファイルがあります。違いは次のとおりです。拡張子が異なります。npm は実行可能ファイルで、npm.cmd はコマンド ウィンドウのショートカットです。 Windows ユーザー: npm.cmd はコマンド プロンプトから使用できますが、npm はコマンド ラインからのみ実行できます。互換性: npm.cmd は Windows システムに固有ですが、npm はクロスプラットフォームで使用できます。使用上の推奨事項: Windows ユーザーは npm.cmd を使用し、他のオペレーティング システムは npm を使用します。
NodejsとJavaの間に大きな違いはありますか?
Apr 21, 2024 am 06:12 AM
Node.js と Java の主な違いは、設計と機能です。 イベント駆動型とスレッド駆動型: Node.js はイベント駆動型で、Java はスレッド駆動型です。シングルスレッドとマルチスレッド: Node.js はシングルスレッドのイベント ループを使用し、Java はマルチスレッド アーキテクチャを使用します。ランタイム環境: Node.js は V8 JavaScript エンジン上で実行され、Java は JVM 上で実行されます。構文: Node.js は JavaScript 構文を使用し、Java は Java 構文を使用します。目的: Node.js は I/O 集中型のタスクに適しており、Java は大規模なエンタープライズ アプリケーションに適しています。
Nodejs はバックエンド開発言語ですか?
Apr 21, 2024 am 05:09 AM
はい、Node.js はバックエンド開発言語です。これは、サーバー側のビジネス ロジックの処理、データベース接続の管理、API の提供などのバックエンド開発に使用されます。
Nodejsプロジェクトをサーバーにデプロイする方法
Apr 21, 2024 am 04:40 AM
Node.js プロジェクトのサーバー デプロイメント手順: デプロイメント環境を準備します。サーバー アクセスの取得、Node.js のインストール、Git リポジトリのセットアップ。アプリケーションをビルドする: npm run build を使用して、デプロイ可能なコードと依存関係を生成します。コードをサーバーにアップロードします: Git またはファイル転送プロトコル経由。依存関係をインストールする: サーバーに SSH で接続し、npm install を使用してアプリケーションの依存関係をインストールします。アプリケーションを開始します。node Index.js などのコマンドを使用してアプリケーションを開始するか、pm2 などのプロセス マネージャーを使用します。リバース プロキシの構成 (オプション): Nginx や Apache などのリバース プロキシを使用して、トラフィックをアプリケーションにルーティングします。
NodejsとJavaのどちらを選択しますか?
Apr 21, 2024 am 04:40 AM
Web 開発において Node.js と Java にはそれぞれ長所と短所があり、どちらを選択するかはプロジェクトの要件によって異なります。 Node.js はリアルタイム アプリケーション、迅速な開発、マイクロサービス アーキテクチャに優れており、Java はエンタープライズ グレードのサポート、パフォーマンス、セキュリティに優れています。
