ホームページ > 記事 > ウェブフロントエンド > Node.jsを使って簡単なブログシステムを構築する方法
Node.jsを使って簡単なブログシステムを構築する方法
- 王林オリジナル
- 2023-11-08 18:45:351406ブラウズ
Node.js を使用してシンプルなブログ システムを構築する方法
Node.js は、Chrome V8 エンジンに基づく JavaScript ランタイム環境であり、JavaScript を実行できます。より速く、より効率的。 Node.js の助けを借りて、JavaScript を使用してブログ システムなどの強力なサーバー側アプリケーションを構築できます。
この記事では、Node.js を使用してシンプルなブログ システムを構築する方法を紹介し、具体的なコード例を示します。以下の手順に従ってください。
ステップ 1: Node.js と npm をインストールする
まず、Node.js と npm (Node.js のパッケージ マネージャー) をインストールする必要があります。 Node.js 公式 Web サイト (https://nodejs.org) で Node.js インストーラーをダウンロードし、プロンプトに従ってインストールできます。
インストールが完了したら、コマンド ライン ツールを開き、次のコマンドを入力して、Node.js と npm のインストールが成功したかどうかを確認します。
node -v npm -v
インストールが成功した場合、対応するバージョン番号が表示されます。
ステップ 2: プロジェクト ディレクトリを作成する
コンピューター上の適切な場所を選択し、新しいプロジェクト ディレクトリを作成します。コマンド ライン ツールを使用してディレクトリに移動し、次のコマンドを実行します。
mkdir my-blog cd my-blog
ステップ 3: プロジェクトを初期化する
プロジェクト ディレクトリで次のコマンドを実行して、新しい Node.js を初期化します。 project:
npm init -y
これにより、プロジェクトの依存関係とスクリプトを管理するための package.json という名前のファイルが生成されます。
ステップ 4: 必要な依存関係をインストールする
プロジェクト ディレクトリで次のコマンドを実行して、Express およびその他の必要な依存関係をインストールします:
npm install express body-parser ejs --save
これらの依存関係が使用されますビルドして実行します私たちのブログシステム。
ステップ 5: サーバー側コードを記述する
プロジェクト ディレクトリに index.js という名前のファイルを作成し、その中にサーバー側コードを記述します。簡単な例を次に示します。
const express = require("express");
const bodyParser = require("body-parser");
const ejs = require("ejs");
const app = express();
app.set("view engine", "ejs");
app.use(bodyParser.urlencoded({ extended: true }));
app.use(express.static("public"));
// 路由
app.get("/", (req, res) => {
res.render("index");
});
// 更多路由...
// 启动服务器
app.listen(3000, () => {
console.log("Server started on port 3000");
}); この例では、Express フレームワークを使用してサーバーを作成し、ejs テンプレートのサポートを設定し、body-parser を使用します。リクエストボディを解析するミドルウェア。 app.get メソッドはホームページのルートを定義し、res.render メソッドを使用して index という名前のテンプレートをレンダリングします。
ステップ 6: ビュー テンプレートを作成する
プロジェクト ディレクトリに views という名前のフォルダーを作成し、その中に index.ejs という名前のフォルダーを作成します ## ＃書類。このファイルはホームページのビュー テンプレートとして機能し、ニーズに応じてデザインできます。
index.ejs ファイルに追加できます。
<!DOCTYPE html> <html> <head> <title>My Blog</title> </head> <body> <h1>Welcome to My Blog</h1> </body> </html>ステップ 7: サーバーを起動しますコマンド ライン ツール 次のコマンドを使用してサーバーを起動します。
node index.jsすべてが正常に完了すると、「サーバーはポート 3000 で起動しました」という出力が表示されます。これで、ブラウザで
http://localhost:3000 にアクセスすると、ブログ システムのホームページを表示できるようになります。
以上がNode.jsを使って簡単なブログシステムを構築する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。