Nodejsのexpressの詳しい説明-jsチュートリアル-php.cn

ミドルウェア

ホームページ

ウェブフロントエンド

jsチュートリアル

Nodejsのexpressの詳しい説明

青灯夜游

Mar 11, 2021 am 10:09 AM

express nodejs

この記事では、node での Express について紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

Nodejsのexpressの詳しい説明

トピックに戻り、Express はアクションを実行します。

Express についての最初の理解: ノード内の Web フレームワーク。

次のように: Express を使用して Web アプリケーションを構築します。

npm install express -S       # "-S"：在生产环境中搭载
npm install nodemon -D

ログイン後にコピー

app.js を src ディレクトリ (自己構築フォルダー) に設定します:

const express=require('express');
//一个express实例
const app=express();
//app.use((req,res)=>{
//	res.json({
//	name:"张上"
//	})
//})
app.get('/name',(req,res)=>{
	let {age}=req.params;
	res.send('tom');
});
app.post('/name',(req,res)=>{
	res.send('tom post');
});

app.listen(8081,()=>{
	console.log('启动成功');
});

ログイン後にコピー

コード 3 行目、http について考えたことはありますか?

const server=http.createServer((req,res)=>{...}); ここのサーバーは上記のアプリと同じです。ただし、アプリの req は Express によってカプセル化されており、Express の方が豊富な機能を備えているため、2 つの req は異なります。

package.json (生成された構成ファイル) を変更します:

// "script"选项下第一个——"start"值中加一个“nodemon”字样：
"start":"nodemon ./src/app.js",
...

ログイン後にコピー

上記のコードでパラメーターを渡すにはどうすればよいですか?

// get方式传参
app.get('/name/:age',(req,res)=>{
	let {age}=req.params;
	res.json({
		name:'tom',
		age
	})
})

ログイン後にコピー

ルーターの概要と

web サービスを使用したリクエストの処理方法 url --> ネットワーク --> DNS 分析 --> ターゲットサーバー

はこのリクエストにどのように応答しますか—ルーティング! (ルール)
見分け方——リクエストメソッド(get/post)、uri(パス)

const express=require('express');
const app=express();
//1.请求方法判断 ——测试工具：postman
app.get('/demo',(req,res)=>{
	res.json({
		message:'hello get mxc'
	})
});
app.post('/demo',(req,res)=>{
	res.json({
		message:'hello post mxc'
	})
});

//2.通过URI ——postman上测试：http://127.0.0.1:8081/user/byname?name=mxc
//或：http://127.0.0.1:8081/user/byid?id=123
app.get('/user/byname',(req,res)=>{
	let {name}=req.query;
	res.json({
		name
	})
});
app.get('/user/byid',(req,res)=>{
	let {id}=req.query;
	res.json({
		id
	})
});

app.listen(8081,()=>{
	console.log('server已启动');
});

ログイン後にコピー

ルーティングAPI

クライアントがどのようなリクエストをしても応答を取得できることをクライアントが満足させる必要がある API を定義します。

app.all('/demo',(req,res)=>{
	res.json({
		message:'demo',
		method:req.method
	})
});

ログイン後にコピー

クライアントがどのような URI を使用しても、サービスは応答できます ( log)

app.all('*',(req,res)=>{
	res.json({
		message:'demo',
		method:req.method,
		uri:req.path
	})
});

ログイン後にコピー

app.use --> ミドルウェア

app.use('/demo',(req,res)=>{
	res.json({
		message:'from use demo',
		method:req.method
	})
});

app.use((req,res)=>{
	res.json({
		message:'demo',
		method:req.method,
		uri:req.path
	})
});

ログイン後にコピー

ルーティングを分割するにはどうすればよいですか? —— Express.Router

member.router.js ファイル内:

const express=require('express');
const router=express.Router();
//router.[method]//(get/post)
//router.all
//router.use
router.get('/list',(req,res)=>{
	res.json({
		list:[
			id:001,
			name:'mxc'
		]
	})
});
module.exports=router;

ログイン後にコピー

app.js "

const memberRouter=require('./member.router.js');app.use(memberRouter);

ログイン後にコピー

次に、skuRouter の別のルートを作成します。これも URI に「/list」が含まれています。

登録後。見つからない（印刷できない）場合はどうすればよいですか?

実際、ルーティング使用に「プレフィックス」、つまり「ルート」を追加して区別することができます。

const memberRouter=require('./member.router.js');
app.use(memberRouter);

ログイン後にコピー

ミドルウェア

express ミドルウェア

使用法:

アプリレベルの使用法 (登録時は最上位/末尾にある必要があります)
ルーターレベル

#最初に、なぜ「ミドルウェア」が必要なのかという質問を考えてみましょう。プログラムは 1 ステップで「完了」することはできません。

たとえば、次のデモを見てみましょう: 入力コンテンツを取得します:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="http://localhost:8081" method="post">
用户：<input type="text" name="user" /><br />
密码：<input type="password" name="pass" /><br />
<input type="submit" value="提交">
</form>
</body>
</html>

ログイン後にコピー

npm install body-parser

ログイン後にコピー

const express=require('express');
const bodyParser=require('body-parser');
var server=express();
server.listen(8081);
server.use(bodyParser,urlencoded({}));
// 上面一行有时也写为：server.use(bodyParser,urlencoded({extended:true}));
server.use('/',function(req,res){
	console.log(req.body);
});

ログイン後にコピー

これが通常より「余分な」行であることは間違いありません:

server.use(bodyParser, urlencoded({ }));

は、いわゆる「ミドルウェアの使用」です。

ここで別の質問について考えてみましょう。プログラムはなぜ「1 ステップで完了できない」のでしょうか? 上記のコードのように、POST の req に「body」を含める必要がありますか?

もちろんそうではありません。肉体はそもそも存在しない！ (そうでない場合、ajax は依然としてデータを使用しますか?)

しかし、今はそれが本当に必要です。したがって、2 行目
const bodyParser=require('body-parser');

は「ミドルウェアモジュール」に適用され、5 行目では「チェーン操作」全体 (2 つの使用が接続されている) が「install」に与えられます。体に乗りました。

一般に、実際の戦闘では、「完全な」パラメータ解析メソッドを形成する 3 つのミドルウェアを作成します。

app.use(express.json()) ;

app.use(express.urlencoded());
app.use(bodyParser,urlencoded({extended:true}));
//その後、get/post オペレーション
もちろん、前の送信が GET モードの場合は、ノード内で
req.query

を直接使用するだけです。ミドルウェアは必要ありません。

ミドルウェアは非常に「便利」なので、自分でカプセル化してみてはいかがでしょうか?

mxc-body-parser.js ファイル

// 仿body-parser中间件
const querystring=require('querystring');
module.exports=function(req,res,next){
	var str='';
	req.on('data',function(data){
		str+=data;
	});
	req.on('end',function(){
		req.body=querystring.parser(str);
		next();
	});
}

ログイン後にコピー

次に、他のファイルで参照します:

const express=require('express');
const mxcParser=require('./lib/mxc-body-parser');
var server=express();
server.listen(8081);
server.use(mxcParser);
server.use('/',function(req,res){
	console.log(req.body);
});

ログイン後にコピー

例外処理

——視覚化通常、例外処理はグローバルに実行されます。

一般的なアプローチ:
throw new Error('テスト関数例外');

Node-Express 組み込み例外処理: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">function error_handler_middleware(err,req,res,next){ if(err){ let {message}=err; res.status(500).json({ message:`${message || '服务器异常'}` }) }else{ //其余操作 } } ... app.use(error_handler_middleware); //放在所有Router最后，做中间件用</pre><div class="contentsignin">ログイン後にコピー</div></div>
ORM in実戦モデルの作成

まずデータベースの初期化について話しましょう

mysql を作成した後、ノードを mysql に接続する必要があります。使用したツール:

npm install express mysql2 sequelize nodemon sequelize-cli -S

ログイン後にコピー

连接成功后会生成config.json配置文件，我们在development选项中修改和添加：

"database":"数据库表名",
"timezone":"+08:00"

ログイン後にコピー

持久化模型对应的数据库表：

npx sequelize db:migrate

ログイン後にコピー

前端数据如何往mysql中写？

调用todo.js模块：

use strict' ;
module. exports = (sequelize, DataTypes) => {
	const Todo = sequelize.define( 'Todo', {
		name: DataTypes. STRING,
		deadLine: DataTypes .DATE,
		content: DataTypes. STRING
	}，{
		timestamps:false
	}) ;
	Todo. associate = function(models) {
		// associations can be def ined here
	};	
	return Todo;
};

ログイン後にコピー

使用：创建第一个todo：（初始时）

app.post('/create',async (req,res,next)=>{
	try{
		let {name,deadline,content}=req.body;
		//持久化到数据库
		let todo=await models.Todo.create({
			name,
			deadline,
			content
		})
		res.json({
			todo,
			message:'任务创建成功'
		})
	}catch(err){
		next(error)
	}
})

ログイン後にコピー

最后的next传给谁？

我们之前说，在全局最后创建一个use，用于错误处理：

app.use((err,req,res,next)=>{
	if(err){
		res.status(500).json({
			message:err.message
		})
	}
})

ログイン後にコピー

更多编程相关知识，请访问：编程入门！！

以上がNodejsのexpressの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホット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）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7513

CakePHP チュートリアル

1378

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

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 インストールディレクトリ内の 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のグローバル変数とは何ですか Apr 21, 2024 am 04:54 AM

Node.js には次のグローバル変数が存在します。グローバルオブジェクト: グローバルコアモジュール: プロセス、コンソール、require ランタイム環境変数: __dirname、__filename、__line、__column 定数: unknown、null、NaN、Infinity、-Infinity

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 はエンタープライズグレードのサポート、パフォーマンス、セキュリティに優れています。

See all articles

Nodejsのexpressの詳しい説明

トピックに戻り、Express はアクションを実行します。

ルーターの概要と

ミドルウェア

——視覚化 通常、例外処理はグローバルに実行されます。

まずデータベースの初期化について話しましょう

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック

——視覚化通常、例外処理はグローバルに実行されます。