Express アプリの作成には、いくつかの手順が必要です。 Express は、Web およびモバイル アプリケーションに堅牢な機能セットを提供する、最小限で柔軟な Node.js Web アプリケーション フレームワークです。以下は、基本的な Express アプリを作成するためのステップバイステップのガイドです:
プロジェクト ディレクトリを作成します:
mkdir my-express-app cd my-express-app
新しい Node.js プロジェクトを初期化する:
npm init -y
これにより、デフォルト設定で package.json ファイルが作成されます。
npm を使用して Express をインストールします:
npm install express
基本サーバーのセットアップ:
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}`); });
Node.js を使用して Express アプリを実行します:
node app.js
ブラウザを開いて、http://localhost:3000 に移動します。 「Hello World!」が表示されるはずです。表示されます。
Express アプリにさらにルートとミドルウェアを追加できます。例:
ルートを追加:
app.get('/about', (req, res) => { res.send('About Page'); });
ミドルウェアを使用する:
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)}`); });
大規模なアプリケーションの場合は、コードを個別のモジュールに編成することをお勧めします。
ルート ディレクトリを作成します:
mkdir routes
ルート ファイルの作成: 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;
ルート ファイルを使用するように 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}`); });
構成設定には、環境変数を使用します。
dotenv パッケージをインストールします:
npm install dotenv
.env ファイルを作成します:
PORT=3000
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 サイトの他の関連記事を参照してください。