Node.js Visual StudioでNode.jsの開発入門・初歩 - 版の履歴

Yo-net: /* Expressモジュールの導入 */

2022-11-09T13:38:58Z

Expressモジュールの導入

← 古い版		2022年11月9日 (水) 22:38時点における版
219行目:		219行目:


	curl -X POST -H "Content-Type: application/json" -d "{\"Key1\":[\"Value1\",\"Value2\"],\"Key2\":Value3}" ~~http~~://localhost:1337/		curl -X POST -H "Content-Type: application/json" -d "{\"Key1\":[\"Value1\",\"Value2\"],\"Key2\":Value3}" h<span>tt</span>p://localhost:1337/

Yo-net: /* Expressモジュールの導入 */

2022-11-09T13:37:52Z

Expressモジュールの導入

← 古い版		2022年11月9日 (水) 22:37時点における版
214行目:		214行目:

	このようにexpressモジュールを使うとParse処理が楽になります。		このようにexpressモジュールを使うとParse処理が楽になります。


			jsonファイル形式の入力を受け付ける時は、app.use(bodyParser.json());を既存のapp.useのところに付け足します。そうすると、以下のようなJSON形式のPOSTコマンドを発行するとParse処理がなされます。


			curl -X POST -H "Content-Type: application/json" -d "{\"Key1\":[\"Value1\",\"Value2\"],\"Key2\":Value3}" http://localhost:1337/


			Windowsのコマンドの場合はデータ部分の中にあるダブルクォーテーションの前に【/】を付け足して、【\"】にする必要があります。

2022年11月8日 (火) 06:11にYo-netによる

2022-11-08T06:11:25Z

← 古い版		2022年11月8日 (火) 15:11時点における版
1行目:		1行目:
			[[Node.js]]に戻る。
	== '''概要''' ==		== '''概要''' ==
	Node.jsをVisual Studioで扱うことができます。		Node.jsをVisual Studioで扱うことができます。
248行目:		249行目:

	というような方法で5秒後までループする処理はブロッキングが起こる処理です。先にHello worldが表示されることはありません。後に書かれた処理の実行はしっかりまたされます。		というような方法で5秒後までループする処理はブロッキングが起こる処理です。先にHello worldが表示されることはありません。後に書かれた処理の実行はしっかりまたされます。



			[[Node.js]]に戻る。

Yo-net: /* Hello World! その2 */

2022-11-05T16:23:52Z

Hello World! その2

← 古い版		2022年11月6日 (日) 01:23時点における版
41行目:		41行目:

	== Hello World! その2==		== Hello World! その2==
	Hello ~~Worldを違う場所に表示させます。ひたつ目は、ウェブサーバのコンソール画面に出力する方法です。res~~.writeの前後に以下の命令を追加します。res…の前後といいましたが、命令の記述順序はどっちでもいいという意味です。		Hello Worldを違う場所に表示させます。ふたつ目は、ウェブサーバのコンソール画面に出力する方法です。res.writeの前後に以下の命令を追加します。res…の前後といいましたが、命令の記述順序はどっちでもいいという意味です。
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	Console.log("Hello world!\n");		Console.log("Hello world!\n");
50行目:		50行目:

	Console.logでWebページへではなく、コンソールに表示できます。		Console.logでWebページへではなく、コンソールに表示できます。


	== Hello World! その3==		== Hello World! その3==

Yo-net: /* Expressモジュールの導入 */

2022-11-02T13:11:58Z

Expressモジュールの導入

← 古い版		2022年11月2日 (水) 22:11時点における版
214行目:		214行目:

	このようにexpressモジュールを使うとParse処理が楽になります。		このようにexpressモジュールを使うとParse処理が楽になります。



	== ノンブロッキングブロッキングの違い ==		== ノンブロッキングブロッキングの違い ==

Yo-net: /* Expressモジュールの導入 */

2022-11-02T13:11:15Z

Expressモジュールの導入

← 古い版		2022年11月2日 (水) 22:11時点における版
208行目:		208行目:
	*app.post(Path, 関数{ 関数内の命令処理 });		*app.post(Path, 関数{ 関数内の命令処理 });
	:　上記の形式でPath毎に関数を変えたNonBlocking処理の関数。		:　上記の形式でPath毎に関数を変えたNonBlocking処理の関数。


	POSTメッセージを受け取ると、呼び出される app.post('/', function(req, res){});が定義出来て、req.body[key]=Valueの形式でクエリーの値を受け取れます。req.bodyをfor… in…構造でループさせるとすべてのキー名が得られます。		POSTメッセージを受け取ると、呼び出される app.post('/', function(req, res){});が定義出来て、req.body[key]=Valueの形式でクエリーの値を受け取れます。req.bodyをfor… in…構造でループさせるとすべてのキー名が得られます。

Yo-net: /* Expressモジュールの導入 */

2022-11-02T13:09:05Z

Expressモジュールの導入

← 古い版		2022年11月2日 (水) 22:09時点における版
188行目:		188行目:
	});		});

	app.post('/~~test2~~', function (req, res) {		app.post('/test1', function (req, res) {
	res.send('~~TEST2~~\n')		res.send('TEST1\n')
	});		});
	</syntaxhighlight>		</syntaxhighlight>


			*var express = require('express');
			:　上記の行で、さっそく、expressモジュールを取り込んでいます。こうして宣言したオブジェクト変数expressを
			*var app = express();
			:　で、expressのコンストラクタ関数を動かした結果をappに設定します。

			このような操作で、後でapp.postメソッドとして、2つのノンブロッキング関数を呼び出しています。

			*var bodyParser = require('body-parser');
			:　app.useというメソッドで使うためにbody-parserというモジュールを取り込んでいます。
			*app.use(bodyParser.urlencoded({extended:true}));
			:　そうして、useメソッドの引数にbodyParser.urlencode({extended:true})を設定してencodeを設定します。

			*app.post(Path, 関数{ 関数内の命令処理 });
			:　上記の形式でPath毎に関数を変えたNonBlocking処理の関数。

			POSTメッセージを受け取ると、呼び出される app.post('/', function(req, res){});が定義出来て、req.body[key]=Valueの形式でクエリーの値を受け取れます。req.bodyをfor… in…構造でループさせるとすべてのキー名が得られます。


			このようにexpressモジュールを使うとParse処理が楽になります。

	== ノンブロッキングブロッキングの違い ==		== ノンブロッキングブロッキングの違い ==

Yo-net: /* Expressモジュールの導入 */

2022-11-02T12:43:22Z

Expressモジュールの導入

← 古い版		2022年11月2日 (水) 21:43時点における版
171行目:		171行目:


	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript" line start=1>
	'use strict';		'use strict';
	var http = require('http');		var http = require('http');

Yo-net: /* Expressモジュールの導入 */

2022-11-02T12:42:10Z

Expressモジュールの導入

← 古い版		2022年11月2日 (水) 21:42時点における版
166行目:		166行目:

	VisualStudioの場合はソリューションエクスプローラのViewでソリューション名の下にnpmというのがあります。これを右クリックして表示されるメニューの[新しいnpmパッケージマネージャーをインストールする]から導入できます。検索ウィンドウでExpressのようにパッケージ名を入力すると存在するパッケージへの情報が表示され、右下のパッケージのインストールから処理が開始できます。Expressを導入してみましょう。すると同時に必要な他のモジュールもインストールされます。		VisualStudioの場合はソリューションエクスプローラのViewでソリューション名の下にnpmというのがあります。これを右クリックして表示されるメニューの[新しいnpmパッケージマネージャーをインストールする]から導入できます。検索ウィンドウでExpressのようにパッケージ名を入力すると存在するパッケージへの情報が表示され、右下のパッケージのインストールから処理が開始できます。Expressを導入してみましょう。すると同時に必要な他のモジュールもインストールされます。


			さっそく、使うためのコードを記述します。


			<syntaxhighlight lang="javascript">
			'use strict';
			var http = require('http');
			var url = require('url');
			var port = process.env.PORT \|\| 1337;
			var express = require('express');
			var app = express();
			var bodyParser = require('body-parser');
			app.use(bodyParser.urlencoded({extended:true}));

			app.post('/', function (req, res) {
			for (var key in req.body) {
			console.log(key, '=', req.body[key]);
			}
			res.end();
			});

			app.post('/test2', function (req, res) {
			res.send('TEST2\n')
			});
			</syntaxhighlight>

Yo-net: /* Expressモジュールの導入 */

2022-11-02T09:33:24Z

Expressモジュールの導入

← 古い版		2022年11月2日 (水) 18:33時点における版
166行目:		166行目:

	VisualStudioの場合はソリューションエクスプローラのViewでソリューション名の下にnpmというのがあります。これを右クリックして表示されるメニューの[新しいnpmパッケージマネージャーをインストールする]から導入できます。検索ウィンドウでExpressのようにパッケージ名を入力すると存在するパッケージへの情報が表示され、右下のパッケージのインストールから処理が開始できます。Expressを導入してみましょう。すると同時に必要な他のモジュールもインストールされます。		VisualStudioの場合はソリューションエクスプローラのViewでソリューション名の下にnpmというのがあります。これを右クリックして表示されるメニューの[新しいnpmパッケージマネージャーをインストールする]から導入できます。検索ウィンドウでExpressのようにパッケージ名を入力すると存在するパッケージへの情報が表示され、右下のパッケージのインストールから処理が開始できます。Expressを導入してみましょう。すると同時に必要な他のモジュールもインストールされます。



	== ノンブロッキングブロッキングの違い ==		== ノンブロッキングブロッキングの違い ==

Node.js Visual StudioでNode.jsの開発 入門・初歩 - 版の履歴

Yo-net: /* Expressモジュールの導入 */

Yo-net: /* Expressモジュールの導入 */

2022年11月8日 (火) 06:11にYo-netによる

Yo-net: /* Hello World! その2 */

Yo-net: /* Expressモジュールの導入 */

Yo-net: /* Expressモジュールの導入 */

Yo-net: /* Expressモジュールの導入 */

Yo-net: /* Expressモジュールの導入 */

Yo-net: /* Expressモジュールの導入 */

Yo-net: /* Expressモジュールの導入 */

Node.js Visual StudioでNode.jsの開発入門・初歩 - 版の履歴