Nodejs 高速使用チュートリアル (コード付き)

Express は、シンプルで柔軟な Node.js Web アプリケーション開発フレームワークであり、さまざまな Web アプリケーションやモバイル デバイス アプリケーションの作成に役立つ一連の強力な機能を提供します。

1.組織構造を表現します

アプリデモ

|---node_modules------インストール用ローカルモジュール。
|---public--------------- は、画像、スクリプト、スタイルシートなど、ユーザーがダウンロードできるファイルを保存するために使用されます。
|---routes--------------- は、ルーティング ファイルを保存するために使用されます。
|---ビュー------------- Web ページのテンプレートを保存するために使用されます。
|---app.js-------------アプリケーションの起動スクリプト。
|---package.json------プロジェクト構成ファイル。

2.. Express サーバーの作成

//app.js文件
var express = require('express');
var app = express();
//指定更目录显示的内容
app.get('/', function(req, res){
 res.send('Hello World');
});
//指定监听端口
var server = app.listen(3000, function() {
  console.log('Listening on port %d', server.address().port);
});

nodejs アプリケーションの実行

/>node app.js

3. ミドルウェア

ミドルウェアは HTTP リクエストを処理する機能です。
リクエストがサーバーに入力されると、サーバー インスタンスは最初のミドルウェアを呼び出します。完了後、設定に従って次のミドルウェアを呼び出すかどうかを決定します。

ミドルウェアのパラメーターは次のとおりです。
が 4 つある場合、1 つ目はエラー処理、2 つ目はクライアント リクエスト、3 つ目はサーバー応答応答、4 つ目は関数 (エラー、リクエスト、応答、次) などの次のミドルウェアです。{}

3 回 -- 最初のクライアントは request、2 回目はサーバーの応答、3 回目は次のミドルウェア (function(request, response, next){ }

など) です。 - 最初のクライアントはリクエストをリクエストし、2 番目のクライアントはサーバーに応答します。 function(request, response) など。{}

4. ミドルウェア use< を使用します。 🎜>関数を返すExpressのミドルウェア呼び出しメソッドを使用します。

app.use(function(request, response) {
 response.writeHead(200, { "Content-Type": "text/plain" });
 response.end("Hello world!\n");
});

5. エラー内容の表示

app.use(express.bodyParser());//使用body参数
app.use(express.methodOverride());//使用函数覆盖
app.use(app.router);//使用路由
app.use(function(err, req, res, next){
 console.error(err.stack);
 res.send(500, 'Something broke!');
});//错误内容显示

6. ルーティング

エクスプレスをルーティングする方法はいくつかあります。よく使用される例:

.app.use('/', middleware);//取得・投稿時、パスの処理 /.app.get("/", middleware );//httpで取得した場合、pathの処理/

.app.post("/", middleware);//httpでpostした場合、pathの処理/ / Processing

.app.put ("/", middleware);//httpを入れる場合、パスの処理/
.app.delete("/", middleware);//httpを入れる場合、パスの処理/

.: キャプチャ パスの内容

8. 環境変数の設定 set

を指定するために使用されます。変数の値。

app.get("*", function(request, response) {
 response.end("404!");
});//所有路径都返回404

app.set("view Engine", "ejs");//ejs をテンプレートとして使用する

9. 応答オブジェクトのメソッド

app.get("/hello/:who", function(req, res) {
 res.end("Hello, " + req.params.who + ".");
});//如"/hello/alice”网址，网址中的alice将被捕获，作为req.params.who属性的值

.Redirect redirect response.redirect("/hello/anime");///hello/anime にリダイレクト

.ファイル送信 sendFile

response.sendFile("/path/to/anime.mp4");。Web ページのテンプレートをレンダリングします。つまり、変換されたコンテンツを Web ページに読み込みます。 . response.render("index", { message: "Hello World" });//HTML Web ページにレンダリングされる値「Hello World」を使用して、メッセージ変数をインデックス テンプレートに渡します。 🎜>

10. request オブジェクト メソッド

。アップロードされたファイルを取得します: request.ip

。

11. 起動スクリプト package.json

package.json は、アプリ情報、nodejs バージョン番号、および他のコンポーネントの依存関係を指定するために使用されます

12.app 入口 app.js

app.js には主に http の作成、基本的なルーティング、およびリスニング ポート番号

13. 動的 Web ページ テンプレート ビュー

{
  "name": "demo",
  "description": "My First Express App",
  "version": "0.0.1",
  "dependencies": {
   "express": "3.x"
  }
}

ビュー フォルダーは、すべての Web ページ テンプレートを保存するために使用されます。

14. 静的 Web ページのディレクトリを指定します

//app.js
app.use(express.static('public')) ;/ /静的 Web ページのディレクトリを指定します。ブラウザが HTML 以外のファイルのリクエストを送信すると、サーバーはパブリック ディレクトリに移動してファイルを探します

例: public/bootstrap/css/ ディレクトリに移動して、bootstrap.css ファイルを探します。

このチュートリアルについては、今後も更新していきます。 PHP 中国語 Web サイトの継続的なサポート。

【おすすめ関連チュートリアル】

1. JavaScript ビデオチュートリアル
2. JavaScript オンラインマニュアル
3.ブートストラップ チュートリアル