このチュートリアルでは、sails.jsを使用してリアルタイムチャットアプリケーションを構築することを示しています。 Sails.JSの組み込み機能を活用し、合理化された学習体験のために外部ライブラリへの依存を最小限に抑えます。
![Building a Real-time Chat App with Sails.js](/static/imghw/default1.png)
主要な機能:
迅速な発展:- Sails.jsのMVCアーキテクチャと組み込み機能は、開発を加速します。
リアルタイム機能:
ビルトインWebSocketサポートは、リアルタイムの更新を可能にします
-
簡略化されたセットアップ:sails.jsのローカルディスクデータベースとEJSテンプレートを簡単に初期セットアップします。
- 最小限の外部依存関係:Core Sails.js機能に焦点を当てています
基本認証:- 初歩的なパスワードのない認証システムを実装します
ユーザープロファイル管理:
基本的なユーザープロファイルの更新機能を含む。
-
- 前提条件:
MVCアーキテクチャに精通し、node.jsと最新のJavaScript(ES6)の基本的な理解に精通していることが想定されています。 このチュートリアルでは、Core Sails.jsライブラリを使用しています。 ReactやVueなどのフロントエンドフレームワークとの統合はここではカバーされていませんが、生産アプリケーションには強くお勧めします。 簡単にするために、デフォルトのファイルベースのデータベースを使用します。
プロジェクトスコープ:
このチュートリアルでは、を備えた簡略化されたチャットアプリケーションを構築します
単一のチャットルーム。
基本的なパスワードレス認証。
ユーザープロファイルの更新機能。
インストールとセットアップ:
-
-
- node.jsおよびnpm:
node.js(バージョン7.10または互換性)とNPMがインストールされていることを確認してください。 NVMは、複数のnode.jsバージョンを管理するために推奨されます
sails.js:
sails.jsをグローバルにインストール:
-
プロジェクトの作成: 新しいsails.jsプロジェクトを生成:-
npm install -g sails
フロントエンド依存関係(npmを使用): セマンティックui cssおよびjsrender:- インストールしてから、必要なファイルをコピーしてグラント:
((を変更するsails new chat-app
元のチュートリアル)。 これらの資産を含めるように
および を更新します。-
npm install semantic-ui-css jsrender --save
アプリを実行してください:assets/vendor
Project Directory()に移動し、サーバーを起動します:grunt copy:dev
tasks/config/copy.js
![Building a Real-time Chat App with Sails.js](/static/imghw/default1.png)
その後、チュートリアルは、モデル(ユーザー、チャットマッセージ)、コントローラー(usercontroller、chatmessagecontroller、authcontroller、authcontroller、ビューを使用)の作成を通じてガイドします(クライアント側のレンダリング用のejsおよびjsrenderを使用)、ルーティング、ポリシー(認証用)、およびチャット機能を段階的に実装します。 これらの側面のそれぞれの詳細な手順は、簡潔にするためにここで省略されていますが、元のテキストは包括的なガイドを提供します。 最終結果は、基本的なリアルタイムチャットアプリケーションではあるが機能的なものです。 完全なソースコードはGitHub(元のテキストで提供されるリンク)で入手できます。
以上がsails.jsでリアルタイムチャットアプリを構築しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。