ember-firebase 是一款基于 Firebase 的 SDK 的 Ember.js 插件。它提供了一系列 Ember.js 操作 Firebase 的便利函数和工具类，使得前端开发者可以更加便捷地使用 Firebase 服务。本篇文章将为大家介绍如何使用 ember-firebase 包，并给出一些示例代码。
安装
首先，需要在 Ember.js 项目中安装 ./ember-firebase 。可以在项目的根目录下执行以下命令进行安装：
npm install --save-dev ember-firebase
安装完成后，需要在项目的 ember-cli-build.js 中包含 /ember-firebase 目录下的文件：
-- -------------------- ---- -------
-- ------------------
----- -------- - --------------------------------------------
-------------- - ------------------ -
----- --- - --- ------------------ -
-- --- ------- ----
---
-----------------------------------------------------------------
------ -------------
--这将使得 ember-firebase 中的所有功能可以在 Ember.js 项目中使用。
使用
现在，我们已经成功安装并引入了 ember-firebase 包，我们可以开始使用它提供的工具类和函数。在这里，我们以一个常见的 Firebase 增删改查应用为例，来看看如何使用 ember-firebase 包。
首先，在 app 目录下创建一个新的 firebase-service.js 文件，通过引入 EmberFireService 类，实例化一个 Firebase 服务。
-- -------------------- ---- -------
-- --------------------------------
------ ----- ---- --------
------ ---------------- ---- ------------------------------------
------ ------- ----------------------
--------- -----------------------
------ -----------------------
------ -
------------ - --- ------------------
--------- --------------- ----------------------
---
-
---然后，在 app/routes 目录下创建一个新的 firebase-example.js 文件，通过引入上面创建的 firebase-service ，在 model 中调用 Firebase 服务的增删改查函数。在这里我们只实现了 Firebase 的查询和添加功能，读者可以通过查看 ember-firebase 的文档来了解更多其他功能。
-- -------------------- ---- -------
-- ------------------------------
------ ----- ---- --------
------ ------- --------------------
---------------- -----------------------------------------
------- -
--- ----------- - ----------------------------------------------------
------ ---------------------------------------------------------- -- -
------ ------------- -- -
------- - ---------
------ ---------
------ -----
---
---
--
-------- -
----------------- -
--- ----------- - ----------------------------------------------------
----------------------------------------------------- - ----- -------- ------------ -- -
------------------------- -------------
------- - ---------
------ ---------
-----------------------------------
---
-
-
---最后，在 app/templates/firebase-example.hbs 文件中，展示查询到的数据，并通过一个输入框和按钮来添加新数据。
-- -------------------- ---- -------
---- ---------------------------------- ---
------------ ------------
------- ----- -- --------
--------------------
---------
------- ----------------
------- -------- --------- -------------- -------------到此，我们已经成功地在 Ember.js 项目中使用了 ember-firebase 包，并实现了一些简单的 Firebase 增删改查功能。
总结
本篇文章向大家介绍了如何使用 npm 包 ember-firebase ，并且给出了一些代码示例。这些涵盖了一些简单的 Firebase 操作，并且也可以作为前端开发者对 Ember.js 和 Firebase 接口进行更深入学习的起点。希望能对各位读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e16a563576b7b1eca84