Express for Beginners: 今すぐ最初の Web アプリを作成しましょう-jsチュートリアル-php.cn

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

DDD

リリース： 2024-09-21 20:30:03

オリジナル

370 人が閲覧しました

Express for Beginners: Create Your First Web App Today

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

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

Node.js と npm をインストールします: まだ行っていない場合は、nodejs.org から Node.js をダウンロードしてインストールします。 npm (Node Package Manager) は Node.js にバンドルされています。
プロジェクトディレクトリを作成します:
```
mkdir my-express-app
cd my-express-app
```
ログイン後にコピー
新しい Node.js プロジェクトを初期化する:
```
npm init -y
```
ログイン後にコピー
これにより、デフォルト設定で package.json ファイルが作成されます。

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

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

npm install express

ログイン後にコピー

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

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

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

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 アプリにさらにルートとミドルウェアを追加できます。例:

ルートを追加:

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)}`);
});

ログイン後にコピー

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

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

ルートディレクトリを作成します:
```
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}`);
});

ログイン後にコピー

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

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

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 サイトの他の関連記事を参照してください。