Python Web 開発と Node.js + Express を使って Web サーバーを作成する入門

目次

1. Node.js + Express フレームワークの概要

2 Node.js + ExpressとPythonでWebサーバーを作成する比較

3 Node.js + Express を使用して Web サーバーのサンプルを作成する

3.1 Node.js + Express をダウンロードしてインストールする

3.2 Node.js + Expressを使用してWebサーバープロセスを作成する


1. Node.js + Express フレームワークの概要

        Node.js + Express は、Web アプリケーションの構築に一般的に使用される開発スタックです。Node.js はランタイム環境で、Express は一般的な Web アプリケーション フレームワークです。これらを組み合わせることで、高性能でスケーラブルな Web アプリケーションの構築が容易になります。Node.js と Express については次のとおりです。

  1. Node.js:

    • Node.js は、高性能でスケーラブルなネットワーク アプリケーションを構築するための Chrome V8 エンジンに基づく JavaScript ランタイムです。
    • Node.js はノンブロッキングのイベント駆動型 I/O モデルをサポートしているため、Web サーバーなどの同時リクエストの処理に最適です。
    • Node.js を使用すると、サーバー側で JavaScript を使用できるため、フロントエンドとバックエンドの両方で同じ言語を使用できるようになります。
    • Node.js エコシステムは非常に充実しており、さまざまなタスクに使用できるサードパーティのモジュールやツールが多数あります。
  2. エクスプレスフレームワーク:

    • Express は、Web アプリケーションの構築プロセスを簡素化するように設計された Node.js ベースの Web アプリケーション フレームワークです。
    • ルーティング、ミドルウェア、テンプレート エンジン、その他の機能を提供し、開発者が機能豊富な Web アプリケーションを簡単に構築できるようにします。
    • Express はミドルウェアを使用してリクエストと応答を処理するため、処理ロジックがモジュール化され、保守が容易になります。
    • 柔軟性があり、プロジェクトのニーズに応じて必要なモジュールや機能を追加することができます。
    • Express はオープンソースであり、活発なコミュニティ サポートがあるため、Express の進化と改善が可能です。

        Node.js と Express を組み合わせることで、開発者は最新の高性能 Web アプリケーションを迅速に構築できます。単純な静的 Web ページから複雑なシングルページ アプリケーションや RESTful API まで、さまざまなユースケースに適しています。Node.js の非同期の性質と Express の利便性により、開発者は同時リクエスト、ルーティング、ミドルウェア処理、データベース統合、その他のタスクを簡単に処理して、強力でスケーラブルなアプリケーションを作成できます。

2 Node.js + ExpressとPythonでWebサーバーを作成する比較

        Node.js + Express は、最新の複雑な Web アプリケーションの構築、特に非同期操作や高い同時実行性の処理において、よりプロフェッショナルで強力です。

        Python は、一般的なプログラミング タスクだけでなく、単純な Web サーバーのニーズにも適しています。

        以下の観点から詳しく解説します。

  1. プログラミング言語:

    • Node.js + Express: JavaScript プログラミング言語を使用します。
    • Python: Python プログラミング言語を使用します。
  2. 環境:

    • Node.js + Express: Node.js は、強力な非同期処理とイベント駆動型の機能を備えた、ネットワーク アプリケーションの構築専用のランタイム環境です。
    • Python: Python は Web アプリケーションの構築にも使用できる汎用プログラミング言語ですが、Web 開発に関しては Node.js ほど特化されていない可能性があります。
  3. モジュールとライブラリ:

    • Node.js + Express: Express フレームワークを使用して、ルーティング、ミドルウェア、テンプレート エンジンなどの豊富な機能を提供する Web アプリケーションを構築します。
    • Python:http.serverや などのモジュールを使用してsocketserver単純な HTTP サーバーを作成しますが、より複雑なアプリケーションを作成する場合は、他のライブラリまたはフレームワークの使用が必要になる場合があります。
  4. 文法:

    • Node.js + Express: JavaScript の構文とモジュール システムを使用します。
    • Python: Python の構文とモジュール システムを使用します。
  5. エコシステム:

    • Node.js + Express: Node.js エコシステムは非常に充実しており、さまざまなタイプの Web アプリケーションの構築に適した、多数のサードパーティ モジュールやツールが利用可能です。
    • Python: Python にも強力なエコシステムがありますが、Web 開発、特に大規模な Web アプリケーションの構築に関しては、比較的少ない可能性があります。
  6. 非同期処理:

    • Node.js + Express: Node.js は、イベント駆動型でノンブロッキング I/O モデルを備えているため、大量の同時リクエストを処理するのに最適です。
    • Python: Python は大量の同時リクエストの処理には比較的弱いかもしれませんが、いくつかの単純な使用例ではうまく機能する場合もあります。

3 Node.js + Express を使用して Web サーバーのサンプルを作成する

     Node.js + Express による Web サーバーの作成例:

3.1 Node.js + Express をダウンロードしてインストールする

  1. Node.js をインストールする:まず、Node.js がインストールされていることを確認します。公式 Node.js Web サイト https://nodejs.org/ icon-default.png?t=N7T8https://nodejs.org/からダウンロードしてインストールできます

  2. プロジェクト ディレクトリの作成:プロジェクト ディレクトリとして新しいフォルダーを作成します。コマンドラインでそのディレクトリに移動し、次の手順を実行します。

  3. プロジェクトを初期化する:コマンド ラインを開き、次のコマンドを実行して、新しい Node.js プロジェクトを初期化します。プロンプトに従ってプロジェクト情報を構成します。

npm init

     4  Express のインストール:コマンド ラインで次のコマンドを実行して、Express をインストールします。

npm install express

3.2 Node.js + Expressを使用してWebサーバープロセスを作成する

  1. ファイルの作成:プロジェクト ディレクトリの下に次のファイルを作成します。

    • index.html: HTMLページ
    • styles.css:CSSスタイルシート
    • script.js:JavaScript 脚本
    • server.js: エクスプレスサーバー
  2. Index.html:index.htmlファイル内にHTML ページを記述します。

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="stylesheet" href="styles.css">
      <title>Node.js + Express Example</title>
    </head>
    <body>
      <header>
        <h1>Welcome to Our Website</h1>
        <nav>
          <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/about">About</a></li>
            <li><a href="/contact">Contact</a></li>
          </ul>
        </nav>
      </header>
      <main>
        <h2>Home Page</h2>
        <p>This is the home page of our website.</p>
      </main>
      <script src="script.js"></script>
    </body>
    </html>
    

    3.styles.css:styles.cssファイルに、いくつかのスタイル ルールを追加します。

    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    
    header {
      background-color: #333;
      color: #fff;
      padding: 1rem;
    }
    
    nav ul {
      list-style: none;
      display: flex;
    }
    
    nav li {
      margin-right: 1rem;
    }
    
    nav a {
      text-decoration: none;
      color: #fff;
    }
    
    main {
      padding: 2rem;
    }
    

    4. script.js:ファイルにscript.js、単純な JavaScript スクリプトを追加します。

    console.log("Hello from script.js");
    

    5.server.js:server.jsファイルに次のコードを追加して、Express サーバーを作成します。

    const express = require('express');
    const app = express();
    const port = 3000;
    
    // 静态资源托管
    app.use(express.static('public'));
    
    // 路由
    app.get('/', (req, res) => {
      res.sendFile(__dirname + '/index.html');
    });
    
    app.get('/about', (req, res) => {
      res.send('<h2>About Us</h2><p>We are a team of developers.</p>');
    });
    
    app.get('/contact', (req, res) => {
      res.send('<h2>Contact Us</h2><p>Email us at [email protected].</p>');
    });
    
    // 启动服务器
    app.listen(port, () => {
      console.log(`Server is running on http://localhost:${port}`);
    });
    

6. サーバーを実行します。コマンド ラインで次のコマンドを実行して、静的サーバーを起動します。

node server.js

7.  Web ページにアクセスします。ブラウザを開いて にアクセスするとhttp://localhost:3000、ナビゲーション、スタイル、JavaScript を含む、作成した Web ページが表示されるはずです。

        この例では、server.jsファイルは Express を使用して、ルート パスおよびその他のルートのリクエストを処理する Web サーバーを作成します/index.htmlファイル内に表示されるHTML だけでなく、/aboutおよびルート/contactの単純な応答も表示されます。この例では、ルーティングとスタイル設定を備えた Web サーバーを作成する方法を示します。必要に応じてルートと機能を追加できます。  

おすすめ

転載: blog.csdn.net/qq_35831906/article/details/132578679