Node-Webkit、Firebase、およびAngularを使用してチャットアプリを構築します

このチュートリアルでは、ノードウェブキット、FireBase、およびAngularJSを使用して、デスクトップチャットアプリケーション「VTAK」の構築を示しています。 このアプリを使用すると、ユーザーはFireBaseの簡単なログインを使用してソーシャルメディア（Twitter、Google、Facebook）を介して登録またはログインできます。 ログイン後、ユーザーはチャットルームのリストを表示し、新しい部屋を作成し、既存の部屋に参加してリアルタイムメッセージングを行うことができます。

主要な機能とテクノロジー：

node-webkit：
• デスクトップアプリケーションにパワーします。
firebase：
• リアルタイムのデータストレージとユーザー認証を提供します。
angularjs：
• フロントエンドフレームワークとユーザーインターフェイスを処理します Slush-wean：初期プロジェクト構造の足場に使用されます
• 前提条件：

Node-Webkit、Firebase、およびAngularjsに精通していることをお勧めします。 有用なリソースは、元の記事にリンクされています。 崇高なテキストは、コードエディターとして提案されています

アプリケーション構造とセットアップ：

ジェネレーターは、基本的なプロジェクトレイアウトを作成します：

認証は、FireBase Simple Login（元の記事にリンクされた別のチュートリアルで詳細）を使用して実装されています。 このプロジェクトは、フロントエンドにAngularJSを使用しています

開発手順（概要）：slush-wean

<code>.
├── app.js          // Express server config
├── gulpFile.js     // Task runner
├── index.html      // Main/splash screen
├── package.json
├── public          // Static resources (client-side app)
│   ├── css
│   ├── fonts
│   ├── js
│   ├── lib
│   └── partials
├── routes          // Express routes
└── views           // AngularJS views</code>

足場：

が必要なツールをインストールしてからを使用してプロジェクトを生成します。アプリケーションを起動するには

を実行します
1. 認証：Firebaseのシンプルログインを統合します（リンクチュートリアルを参照）。 npm i -g gulp slush slush-weanslush weanホームページ：gulp runホームページ（
）を開発してチャットルームを表示し、ユーザーが部屋を作成して参加できるようにします。 対応するコントローラー（
2. ）は、部屋の作成、削除、および結合を管理します。 チャットページ：
FireBaseのリアルタイムデータベースを使用してリアルタイムメッセージングを処理するためのチャットページ（
3. ）およびコントローラー（）を作成します。 ディレクティブは、滑らかなスクロールに使用されます public/partials/home.htmlpublic/js/controllers.jsディストリビューション：
を使用して、
4. 、、またはを使用して、プラットフォーム固有のインストーラーを作成します。 public/partials/chat.html public/js/controllers.jsscroll-glue詳細：
5. 元の記事では、コードスニペットや、ルート、コントローラー、ビュー、およびFirebaseとAngularJの統合のセットアップに関する説明など、各ステップの詳細な指示を提供します。 また、スタイリングとデバッグに対処します。 完全なコードはGitHub（元の記事で提供されているリンク）で利用できます。

   この記事には、Angularjs、Firebase、socket.io、Sendbird SDK、StreamのChat APIなど、さまざまなテクノロジーを使用したチャットアプリケーションの構築に関する一般的な質問に対処するFAQセクションも含まれています。 これらのセクションは、同様のアプリケーションを構築するための追加のコンテキストと代替アプローチを提供します。

以上がNode-Webkit、Firebase、およびAngularを使用してチャットアプリを構築しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。