チュートリアルでは、オプションのVisual Studioとnode.jsツールを開発環境としてVisual Studioプラグイン用に使用します。両方のツールの無料ダウンロードへのリンクを提供しました。これは初心者から中級レベルの記事です。HTML5とJavaScriptを知ることが期待されています。 パート1 - node.jsの紹介
パート2 - node.jsとazure
を使用してExpressを歓迎しますパート3 - node.js、mongo、socket.ioでバックエンドを構築する
パート4 - ブートストラップを使用してチャットルームUIを構築しますパート5 - チャットルームをWebSocketsに接続します
パート6 - フィナーレとデバッグリモートノード.jsアプリ
ハンズオンNode.jsチュートリアルシリーズのパート1へようこそ。この記事では、node.jsとは何か、node.jsに注意を払う必要がある理由、およびマシンのセットアップ方法を説明します。
node.jsとは何ですか？なぜそれを使用するのですか？
node.jsは、ブラウザの外でJavaScriptアプリケーションを実行するためのランタイム環境およびライブラリです。 Node.jsは、主にリアルタイムサーバーアプリケーションを実行するために使用され、非ブロッキングI/Oおよび非同期イベントを使用してパフォーマンスを照らします。完全なWebエコシステムは、いくつかのWebアプリフレームワークと使用可能なプロトコルの実装を使用して、node.jsを中心に構築されています。それは間違いなく、今日ウェブ上でリアルタイムアプリケーションを開発する最も簡単で最速の方法の1つです。
なぜnode.jsを使用するのですか？一言：javascript。 JavaScriptは非常に人気のある言語であり、Webを今日のダイナミックな不思議の国に変えた原動力の1つであると信じられています。JavaScriptはフロントエンドで発生しましたが、V8 JavaScriptエンジンとRyan Dahlの作業のおかげで、ブラウザ以外でネットワーク化されたJavaScriptアプリケーションを正確にWebアプリを構築することができます。 node.jsでは、アプリが使用するプログラミング言語を統合できます。バックエンドに別の言語が必要になりません。全体にJavaScriptを使用できます。あなたの背景がHTML、CSS、およびJavaScriptでWebサイトとWebアプリのフロントエンドの構築と設計にある場合、アプリの複雑なデータ駆動型のバックエンドを開発するために別の言語をピックアップする必要はありません。
node.jsは、フロントエンドとバックエンドの間のリアルタイム通信の方法として、WebSocketの進歩に重要な役割を果たします。 socket.ioなどのプロトコルに基づいてWebSocketsとライブラリ構築の使用は、Webアプリケーションに期待されるものを実際にプッシュし、開発者がWebを作成する新しい方法を探求することができます。Windows 8
でnode.jsをセットアップする方法開始するには、適度に最新のマシンが必要です。 Windows 8.1にnode.jsをインストールする方法を紹介します。
1。 node.jsをインストールします
最初に、node.jsランタイムをダウンロードしてインストールします。 Windowsインストーラーの選択は、開始する最も簡単な方法の1つです。代わりに、Windowsのパッケージマネージャーであるチョコレートのファンの場合、node.jsを実行してインストールできます：
2。セットアップを確認
node.js実行可能ファイルがパスシステム環境変数に追加されたことを再確認する必要があります。 Windows 8とWindows 8.1で環境変数を変更する方法を確認したい場合は、このビデオをご覧ください。次のフォルダーがパス変数に追加されていることを確認する必要があります。
コマンドプロンプトに移動してノードに入力する場合は、node.js実行可能ファイルのヘルプドキュメントが表示されます。
node.js、npmとともに、node.jsパッケージを管理するために使用されるシステムをインストールし、コマンドプロンプトにも使用できる必要があります。 NPMを入力するだけで、npmのヘルプドキュメントが表示されていることが表示されます。 エラーが発生した場合はchoco <span>install nodejs.install</span>ログイン後にコピーログイン後にコピーログイン後にコピーこれに似たエラーが発生した場合…
choco <span>install nodejs.install</span>ログイン後にコピーログイン後にコピーログイン後にコピー…解像度は、このStackOverFlowの質問に示すように、上記のパスにフォルダーを作成することです。これは、最新のnode.jsインストーラーの問題であり、次のリリースで解決する必要があります。次のようなフォルダーを作成できます：
C:\Program Files (x86)\nodejs\ログイン後にコピーログイン後にコピー開発ツールを選択
を選択します Node.jsがインストールされていると、開発ツールを選択する時が来ました。必要な編集ツールを自由に使用してください。これらのチュートリアル全体を通して、Visual Studioを使用して、チャットエンジンを開発、デバッグ、展開します。 Node.js Visual Studio（NTVS）のツール - Node.jsアプリケーションの開発をサポートするVisual Studio用の無料のオープンソースプラグイン。 NTVのクールなのは、編集、IntelliSense、パフォーマンスプロファイリング、NPM、タイプスクリプト、ローカルおよびリモートのデバッグ（Windows/MacOS/Linuxを含む）のnode.jsサポートを追加することです。また、Webサイトをすばやく作成し、Microsoft Azure Webサイトまたはクラウドサービスに簡単に展開できます。Visual Studioがない場合は、Visual Studio 2013 Community Editionの無料コピーをダウンロードできます。次に、Visual Studioプラグイン用の無料node.jsツールをダウンロードします。また、Visual Studio 2012 Pro以上（更新4が必要）またはVisual Studio 2013以降（アップデート2が必要）を使用することもできます。 NTVSプラグインは、両方のエディションと互換性があります。
Visual Studioで新しいnode.jsプロジェクトを開始します
注：スクリーンショットはVisual Studio 2013 Ultimateを示しています新しいnode.jsプロジェクトを開始するのはかなり簡単です。
Visual Studioを開始します。 [ファイル]メニューで、[新規]をクリックして、[プロジェクト]をクリックします。
新しいプロジェクトウィンドウで、インストールされているメニューの選択を展開し、テンプレートを展開し、JavaScriptをクリックします。メインウィンドウで、BlankNode.js Webアプリケーションを選択します。プロジェクトの場所と名前を選択し、[OK]をクリックします。次の画面が表示されます。この時点で、Visual Studioをお気軽に探索してください。ソリューションエクスプローラーで生成されたserver.jsファイルを開きます（通常は右側にありますが、画面の他の場所に配置される場合があります。）
- node.js Webアプリケーションを優先ブラウザでデバッグできるようになりました。
- node.js
- 上記のserver.jsファイルで使用されているコードは次のとおりです。
他の言語では典型的なように、生成されたコードの例は、ブラウザに「Hello World」を出力する方法を示しています。 server.jsの生成コードが行ごとにどのように機能するかを説明させてください。このチュートリアルシリーズの説明に記載されているように、私はあなたがJavaScript、HTML5、およびHTTP/The Internetの仕組みについての知識を持っていると仮定しています。行1
choco <span>install nodejs.install</span>ログイン後にコピーログイン後にコピーログイン後にコピーnode.jsには、単純なモジュールと依存関係の読み込みシステムがあります。ファイルのパスまたはモジュールを含むディレクトリのパスを使用して関数を「必要」と呼びます。その時点で、そのモジュールのすべてのエクスポートされた関数を含む変数が返されます。
行2この行では、HTMLにサービスを提供するHTTPサーバーが実行するポートを決定する必要があります。環境変数でポート番号が指定されている場合、それを使用するか、単に1337を使用します。
行3C:\Program Files (x86)\nodejs\ログイン後にコピーログイン後にコピー
HTTPリクエストを処理するサーバーを作成する必要があります。また、各リクエストを処理するために2つのパラメーターを含む2つのパラメーターを含む関数コールバックをcreateServer関数に渡し、応答を返します。 JavaScriptでコールバック関数に遭遇したことがない場合は、Michael Vollmerの記事をご覧ください。受け取ったリクエストはREQパラメーターで渡され、応答はRESパラメーターに書き込まれると予想されます。
行4Error: ENOENT, stat 'C:\Users\someuser\AppData\Roaming\npm'ログイン後にコピーHTTP応答には、HTTPヘッダーの詳細とその仕組みについて詳しく知るために、ステータスラインとヘッダーが必要です。この場合、ステータス応答として200 OKを返し、コンテンツタイプをプレーンテキストとして指定します。応答オブジェクトのwritehead関数を呼び出すことにより、これを指定します。
行5
<span>mkdir -r C:\Users\someuser\AppData\Roaming\npm</span>ログイン後にコピー応答の書き込みが完了したら、最終関数を呼び出します。また、最終コンテンツを最終関数に渡すこともできます。この場合、文字列「Hello World」をプレーンテキストで送信します。
行6
コールバックを閉じて、以前に定義したポートで関数をリッスンすることを呼びます。これにより、サーバーが起動し、定義されたポートに送信されたリクエストの受け入れを開始します。<span>var http = require('http'); </span><span>var port = process.env.port || 1337; </span>http<span>.createServer(function (req<span>, res</span>) { </span> res<span>.writeHead(200, { 'Content-Type': 'text/plain' }); </span> res<span>.end('Hello World\n'); </span><span>}).listen(port);</span>ログイン後にコピー結果を確認するには、前のスクリーンショットに示されているボタンを押してデバッグを開始できます。ブラウザに「Hello World」を見ることができます
voila！ Visual Studio 2013を使用して、Windows 8.1でnode.jsアプリを正常に実行することができました。
パート2！にご期待ください<span>var http = require(‘http’);</span>ログイン後にコピーパート2 - 「Hello World」をクラウドに展開する方法はこちらです。私のTwitterアカウントに従って、この記事や他の記事について最新の状態を保つことができます。 Azureのノードの詳細
ノードでの詳細な学習については、私のコースはMicrosoft Virtual Academyで入手できます。
または類似のノード被験者に関するいくつかの短い形式のビデオ：
6部構成のシリーズ：node.js
を使用したアプリを構築します
ノード（Coding4Fun）
この記事は、MicrosoftのWeb Dev Techシリーズの一部です。 Project Spartanとその新しいレンダリングエンジンを皆さんと共有できることを楽しみにしています。モダンでMac、iOS、Android、またはWindowsデバイスで無料の仮想マシンを入手するか、リモートでテストします。Node.js-Powered Chatroom Webアプリの構築に関するよくある質問（FAQ）
mongodbをnode.jsチャットアプリケーションと統合するにはどうすればよいですか？
mongodbは、チャットメッセージとユーザーデータを保存するために使用できる人気のNoSQLデータベースです。 mongodbをnode.jsチャットアプリケーションと統合するには、mongooseなどのmongodbドライバーを使用する必要があります。 Mongooseは、アプリケーションデータをモデル化するための簡単なスキーマベースのソリューションを提供し、組み込みの型キャスト、検証、クエリビルディング、およびビジネスロジックフックを含みます。チャットアプリケーション？
はい、チャットアプリケーションに他のデータベースを使用できます。 MongoDBはスケーラビリティと柔軟性のために人気のある選択肢ですが、MySQLやPostgreSQLなどのSQLデータベースも使用できます。データベースの選択は、アプリケーションの要件と個人的な好みに大きく依存します。
node.jsチャットアプリケーションに認証を追加するにはどうすればよいですか？アクセスできます。認証には、passport.jsなどのライブラリを使用できます。 passport.jsは、node.jsの柔軟なモジュール認証ミドルウェアです。リクエストの認証に使用できます。 node.jsチャットアプリケーションを展開するために使用できます。いくつかの一般的な選択肢には、Heroku、AWS、Google Cloudが含まれます。これらのプラットフォームは、アプリケーションの展開、管理、およびスケーリングを支援するさまざまなサービスを提供します。いくつかの方法。既存のサーバーにさらに電力（CPU、RAM）を追加するか、アプリケーションにサーバーを追加することで水平方向に拡大することができます。 node.jsには、クラスタリングのサポートも組み込まれているため、マルチコアシステムを利用できます。 Node.jsチャットアプリケーションでReactを使用できます。 Reactは、ユーザーインターフェイスを構築するための人気のJavaScriptライブラリです。 Node.jsがバックエンドを処理しながら、チャットアプリケーションのフロントエンドを構築するために使用できます。チャットでは、WebSocketsを使用してアプリケーションを処理できます。 Socket.ioは、リアルタイムWebアプリケーション用の人気ライブラリです。ブラウザとサーバー間のリアルタイム、双方向、およびイベントベースの通信を有効にします。期待どおりに機能します。 MochaやJestなどのテストフレームワークを使用して、アプリケーションのテストを作成できます。これらのフレームワークは、テストの書き込みと管理に役立つさまざまな機能を提供します。
node.jsチャットアプリケーションでエラーを処理するにはどうすればよいですか？
エラー処理は、あらゆるアプリケーションの重要な部分です。 node.jsでは、ミドルウェアを使用してエラーを処理できます。ミドルウェア関数は、要求オブジェクト、応答オブジェクト、およびアプリケーションのリクエスト応答サイクルの次の関数にアクセスできる関数です。 🎜>はい、node.jsチャットアプリケーションでTypeScriptを使用できます。 TypeScriptは、言語に静的タイプを追加するJavaScriptのタイプされたスーパーセットです。開発中に、より堅牢なコードを作成し、早期にエラーをキャッチするのに役立ちます。
以上がnode.jsを搭載したチャットルームWebアプリを作成します：開始の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
の「Hello World」アプリ
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
