Express for Beginners: 今すぐ最初の Web アプリを作成しましょう

Express アプリの作成には、いくつかの手順が必要です。 Express は、Web およびモバイル アプリケーションに堅牢な機能セットを提供する、最小限で柔軟な Node.js Web アプリケーション フレームワークです。以下は、基本的な Express アプリを作成するためのステップバイステップのガイドです:

ステップ 1: 環境をセットアップする

1. Node.js と npm をインストールします: まだ行っていない場合は、nodejs.org から Node.js をダウンロードしてインストールします。 npm (Node Package Manager) は Node.js にバンドルされています。

2. プロジェクト ディレクトリを作成します:
   

   mkdir my-express-app
   cd my-express-app
   
   

   ログイン後にコピー

3. 新しい Node.js プロジェクトを初期化する:
   

   npm init -y
   
   

   ログイン後にコピー

   これにより、デフォルト設定で package.json ファイルが作成されます。

ステップ 2: Express をインストールする

npm を使用して Express をインストールします:

npm install express

ステップ 3: 基本サーバーを作成する

1. エントリ ファイルの作成: app.js (または index.js) という名前のファイルを作成します。

2. 基本サーバーのセットアップ:
   

   const express = require('express');
   const app = express();
   const port = 3000;
   
   app.get('/', (req, res) => {
     res.send('Hello World!');
   });
   
   app.listen(port, () => {
     console.log(`Example app listening at http://localhost:${port}`);
   });
   
   

   ログイン後にコピー

ステップ 4: サーバーを実行する

Node.js を使用して Express アプリを実行します:

node app.js

ブラウザを開いて、http://localhost:3000 に移動します。 「Hello World!」が表示されるはずです。表示されます。

ステップ 5: ルートとミドルウェアを追加する (オプション)

Express アプリにさらにルートとミドルウェアを追加できます。例:

1. ルートを追加:
   

   app.get('/about', (req, res) => {
     res.send('About Page');
   });
   
   

   ログイン後にコピー

2. ミドルウェアを使用する:
   

   const bodyParser = require('body-parser');
   
   app.use(bodyParser.json());
   
   app.post('/data', (req, res) => {
     const data = req.body;
     res.send(`Received data: ${JSON.stringify(data)}`);
   });
   
   

   ログイン後にコピー

ステップ 6: コードを整理する (オプション)

大規模なアプリケーションの場合は、コードを個別のモジュールに編成することをお勧めします。

1. ルート ディレクトリを作成します:
   

   mkdir routes
   
   

   ログイン後にコピー

2. ルート ファイルの作成: routes ディレクトリ内に index.js という名前のファイルを作成します。
   

   const express = require('express');
   const router = express.Router();
   
   router.get('/', (req, res) => {
     res.send('Hello World!');
   });
   
   router.get('/about', (req, res) => {
     res.send('About Page');
   });
   
   module.exports = router;
   
   

   ログイン後にコピー

3. ルート ファイルを使用するように app.js を更新します:
   

   const express = require('express');
   const app = express();
   const port = 3000;
   const indexRouter = require('./routes/index');
   
   app.use('/', indexRouter);
   
   app.listen(port, () => {
     console.log(`Example app listening at http://localhost:${port}`);
   });
   
   

   ログイン後にコピー

ステップ 7: 環境変数を使用する (オプション)

構成設定には、環境変数を使用します。

1. dotenv パッケージをインストールします:
   

   npm install dotenv
   
   

   ログイン後にコピー

2. .env ファイルを作成します:
   

   PORT=3000
   
   

   ログイン後にコピー

3. dotenv を使用するように app.js を更新します:
   

   require('dotenv').config();
   const express = require('express');
   const app = express();
   const port = process.env.PORT || 3000;
   const indexRouter = require('./routes/index');
   
   app.use('/', indexRouter);
   
   app.listen(port, () => {
     console.log(`Example app listening at http://localhost:${port}`);
   });
   
   

   ログイン後にコピー

それだけです!基本的な Express アプリが作成されました。必要に応じてルート、ミドルウェア、その他の機能を追加することで、これをさらに拡張できます。

以上がExpress for Beginners: 今すぐ最初の Web アプリを作成しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。