使用Node-Webkit，Firebase和Angular构建聊天应用程序

该教程演示了使用Node-Webkit，Firebase和AngularJS构建桌面聊天应用程序“ VTAK”。 该应用程序允许用户使用Firebase简单登录名通过社交媒体（Twitter，Google，Facebook）注册或登录。 登录后，用户会看到聊天室的列表，可以创建新房间，并加入现有的房间以进行实时消息。

关键功能和技术：

• >节点 - webkit：启动桌面应用程序。
• firebase：提供实时数据存储和用户身份验证。
• angularjs：处理前端框架和用户界面。
• > slush-wean：用于脚手架的初始项目结构。

>先决条件：

建议熟悉节点-Webkit，Firebase和AngularJS。 有用的资源在原始文章中链接在一起。 崇高文本被建议为代码编辑器。

>

应用程序结构和设置：>

生成器创建一个基本的项目布局：

使用Firebase简单登录（在原始文章中链接的单独的教程中详细介绍）slush-wean身份验证。 该项目使用AngularJS作为前端。

<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. >生成项目。运行启动应用程序。 npm i -g gulp slush slush-weanslush wean身份验证：gulp run集成firebase简单登录（请参阅链接的教程）。
2. 主页：开发主页（
）以显示聊天室，允许用户创建和加入房间。 相应的控制器（
3. ）管理房间创建，删除和加入。 聊天页面：public/partials/home.html创建一个聊天页面（public/js/controllers.js）和控制器（
），以使用Firebase的实时数据库来处理实时消息。
4. 指令用于平滑滚动。 public/partials/chat.html分布：public/js/controllers.js>使用scroll-glue，
或
5. >创建平台特定的安装程序。 gulp build-osx gulp build-win更多详细信息：gulp build-linux

>原始文章提供了每个步骤的详细说明，包括用于设置路线，控制器，视图以及集成Firebase和AngularJS的代码段和解释。 它还解决了样式和调试。 完整的代码可在GitHub上找到（原始文章中提供的链接）。

>

>本文还包括一个FAQ部分，涉及有关使用各种技术构建聊天应用程序的常见问题，包括AngularJS，Firebase，Socket.io，Sendbird SDK和Stream的Chat API。 这些部分为构建类似应用程序提供了其他上下文和替代方法。

以上是使用Node-Webkit，Firebase和Angular构建聊天应用程序的详细内容。更多信息请关注PHP中文网其他相关文章！