Expressを使用してプロジェクトを自動的にビルドするNode.jsのプロセス全体

1. Expressライブラリとジェネレータをインストールする

cmdを開いて、次のコマンドを入力します: yarn global add express express-generator

説明する：
上記の 2 つのモジュールは、それぞれライブラリとジェネレーターを表しています。express3 では、express をインストールするとジェネレーター express-generator が自動的にインストールされますが、express4 ではそれらが分離されているため、個別にインストールする必要があります。

インストール後、コマンド express --version を使用してインストールが成功したかどうかを確認できます。

バージョン番号が表示されたらインストールは成功です（下の図を参照）。

2.エクスプレスジェネレーターはエクスプレスプロジェクトを自動的に作成します

コマンドを入力します: express nodejs (以下のように成功します)

成功後のディレクトリ:

3. package.jsonディレクトリに移動して関連パッケージをインストールします。

コマンドを入力します: yarn または cnpm i または npm i

4. プロジェクトを開始する

コマンドを入力してください: npm run start

ブラウザを開いて127.0.0.1:3000にアクセスし、プロジェクトにアクセスします。

V. プロジェクトカタログの説明

bin: 実行可能ファイルを保存する
public: js、css、img などのファイルを保存します
ルーター: ルーティングファイルを保存します
ビュー: ビューファイルまたはテンプレートファイルを保存する
app.js: 起動ファイル（エントリファイル）
package.json: プロジェクト情報とモジュールの依存関係を保存します。依存関係に依存モジュールを追加して npm install を実行すると、npm は現在のディレクトリの package.json をチェックし、指定されたすべてのモジュールを自動的にインストールします。
node_modules: package.json にインストールされたモジュールを保存します。依存モジュールを package.json に追加してインストールすると、このフォルダーに保存されます。

参考リンク: https://www.jb51.net/article/209247.htm

6. このプロジェクトでの開発方法

まず、ルートに新しいtest.jsファイルを作成します。

var express = require('express');
var ルーター = express.Router();

router.get('/', 関数(req, res, next) {
	res.send('私はインターフェースの戻り値です');
});

モジュール.exports = ルーター;

次にapp.jsに次のコードを追加します。

var testRouter = require('./routes/test');
app.use('/test', testRouter);

次にブラウザコンソールを開き、fetchを使用して先ほど作成したインターフェースをリクエストします。

フェッチ('http:localhost:3000/test')
.then(res=>{
  res.text() を返す
}).then(res=>{
  コンソール.log(res)
})

クロスドメインの問題があることがわかりました。これは、Node.js にクロスドメインを追加しなかったために発生しました。

app.jsに次のクロスドメインコードを追加します。

//クロスドメインアクセスを設定する（すべてのリクエストの前に設定する）
app.all("*", 関数(req, res, next) {
	// ドメイン間を移動できるドメイン名を設定します。* は、任意のドメイン名がドメイン間を移動できることを表します。res.header("Access-Control-Allow-Origin", "*");
	// 許可されるヘッダー タイプ res.header("Access-Control-Allow-Headers", "content-type");
	//クロスドメインで許可されるリクエストメソッド res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS");
	if (req.method == 'OPTIONS')
		res.sendStatus(200); //オプションでクイック終了を要求します。
		次（）;
});

その後、プロジェクトを再起動して通常通りアクセスできるようにします。

プロジェクトの内容を変更すると、プロジェクトを手動で再起動する必要があり、少し面倒です。この問題は、プラグインをインストールすることで解決できます。

7. nodemonを使用してサービスを自動的に再起動する

nodemonモジュールをインストールする

コマンドを入力します: npm i nodemon -S

nodemon.jsonファイルを作成する

プロジェクトのルート ディレクトリに nodemon.json ファイルを作成します。

{
	"再起動可能": "rs",
	"無視": [".git", ".svn", "node_modules/**/node_modules"],
	「詳細」：true、
	"実行マップ": {
		"js": "ノード --harmony"
	},
	"時計"： []、
	"env": {
		"NODE_ENV": "開発"
	},
	"ext": "js json njk css js"
}

nodemonモジュールの使用

package.jsonファイルにスクリプトコードの行を追加します

"dev": "nodemon ./bin/www"

コードは私の github リポジトリに配置されています。リンクは github.com/wuguanfei/n… に添付されています。

要約する

これで、node.js と express を使用してプロジェクトを自動的にビルドする方法についての記事は終了です。node.js express を使用してプロジェクトを自動的にビルドする方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。