Ubuntu20.04にExpressJSをインストールする方法

Ubuntu20.04にExpressJSをインストールする方法

この記事では、Ubuntu20.04にExpressJSをインストールする方法について説明します。

Express.js、または単にNode.js用のExpress Fast、非ピニオン、ミニマリストWebフレームワーク。Expressは、最小限で柔軟なNode.js Webアプリケーションフレームワークであり、Webおよびモバイルアプリケーションに堅牢な機能セットを提供します。

この記事では、ExpressおよびExpressGeneratorによる最初のアプリケーションのインストールと作成について説明します。

前提条件

Ubuntu20.04にExpressJSをインストールします

サーバーを最新の状態に保つ

# apt update -y && apt upgrade -y

Expressをインストールする

アプリケーションディレクトリを作成し、現在の作業ディレクトリを変更します。

# mkdir myapp

# cd myapp

次のコマンドを使用して、アプリケーションディレクトリにpackage.jsonファイルを作成します。

# npm init

このコマンドは、アプリケーションの名前やバージョンなど、いくつかの入力を求めるプロンプトを表示します。今のところ、次の例外を除いて、RETURNを押すだけで、ほとんどのデフォルトを受け入れることができます。

entry point: (index.js)

ここでは、メインファイルに任意の名前を選択できます。デフォルトのファイル名はindex.jsです。index.jsにする場合は、RETURNキーを押して、提案されたデフォルトのファイル名を受け入れます。

最後に、次のコマンドを使用してExpressをインストールします。

# npm install express --save

インストールは正常に完了しました。

次に、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}`)
})

保存して終了。

次に、次のコマンドを使用してアプリを実行します。

# node index.js

注:index.jsをメインのファイル名に置き換えてください。

次に、ブラウザにhttp:// [server IP]:3000 /をロードして、出力を確認します。これにより、「HelloWorld」が出力されます。

ExpressGeneratorをインストールする

アプリケーションジェネレータツールであるexpress-generatorを使用して、アプリケーションスケルトンをすばやく作成します。

次のコマンド(Node.js 8.2.0で使用可能)を使用してexpress-generatorをインストールします。

# npx express-generator

以前のNodeバージョンの場合、アプリケーションジェネレーターをグローバルnpmパッケージとしてインストールしてから、起動します。

# npm install -g express-generator
# express

次のコマンドを使用してmyappを作成します。

# express --view=pug myapp

出力:

create : myapp
create : myapp/package.json
create : myapp/app.js
create : myapp/public
create : myapp/public/javascripts
create : myapp/public/images
create : myapp/routes
create : myapp/routes/index.js
create : myapp/routes/users.js
create : myapp/public/stylesheets
create : myapp/public/stylesheets/style.css
create : myapp/views
create : myapp/views/index.pug
create : myapp/views/layout.pug
create : myapp/views/error.pug
create : myapp/bin
create : myapp/bin/www

次に、依存関係をインストールします

# cd myapp
# npm install

次に、次のコマンドを使用してアプリを実行します。

# DEBUG=myapp:* npm start

次に、ブラウザにhttp:// [server IP]:3000 /を読み込んでアプリにアクセスします。

それでおしまい。

この記事では、Ubuntu20.04にExpressJSをインストールする方法を見てきました。