在 Web 开发中，使用 Firebase 作为后端服务的项目变得越来越普遍。Ember.js 是一款最为流行的前端框架，提供了输入框、表格、导航等基础组件，以及对数据的绑定和组织。本文将介绍 npm 包 ember-firebase-sdk 的使用方法，为使用 Ember.js 和 Firebase 的开发者提供更为便捷的解决方案。
安装
首先，我们需要使用 npm 安装 ember-firebase-sdk：
npm install --save-dev ember-firebase-sdk
接着，在 Ember 应用程序中引用这个包：
// app.js
import FirebaseAdapter from 'ember-firebase-sdk/adapters/firebase';
import FirebaseSerializer from 'ember-firebase-sdk/serializers/firebase';
export default Ember.Application.extend({
...
});配置
要连接 Firebase 数据库，我们需要配置应用程序的适配器和序列化器。可以在应用程序的 app.js 文件中完成配置：
-- -------------------- ---- -------
-- ------
------ ----- ---- --------
------ --------------- ---- ---------------------------------------
------ ------------------ ---- ------------------------------------------
------ ------- --------------------------
---
--------- -----------------------
---
--------- --------------------------
------ ---------------------
---
---
--------------- --------------------------
------ -
------- ---------------
----------- -------------------
------------ --------------------
---------- ------------------
-------------- ----------------------
------------------ ---------------------------
--
---
---
-------- --------------------------
------ ------------------------
--------- ---------------------
---
---
---
----------- --------------------------
------ ---------------------------
--------- ---------------------
---
---
---
---将 YOUR_API_KEY、YOUR_AUTH_DOMAIN、YOUR_DATABASE_URL、YOUR_PROJECT_ID、YOUR_STORAGE_BUCKET、YOUR_MESSAGING_SENDER_ID 替换成自己 Firebase 数据库的信息。
使用
基本查询
接下来，我们可以使用适配器进行基本查询。在下面的例子中，我们将使用 store 对象，这个对象是 ember-data 提供的一个接口，用于处理模型的查询、创建、更新等操作：
this.store.findAll('person');如果我们想要在查询时加入条件，可以使用以下语句：
this.store.query('person', {
orderBy: 'age',
equalTo: 25,
});在这个例子中，我们将查询结果按照人的年龄进行排序，并找到年龄为 25 岁的人。
实时查询
实时查询是 Firebase 数据库的一个主要特性。我们可以通过这个特性创建一个可观察的列表，用于实时更新界面，而不需要每次手动更新数据。
在 Ember.js 中，我们可以使用 DS.FirebaseAdapter：
-- -------------------- ---- -------
-- ----------------------
------ --------------- ---- ---------------------------------------
------ ------- ------------------------
---
----------------- -
------ -----
--
------------------------------ -
------ ------
--
--------------------------- -
------ -----
-
---在这个例子中，我们使用了 shouldBackgroundReloadAll 方法，这个方法让 Ember.js 在应用程序处于后台运行时，仍然能够从 Firebase 上获取实时数据更新。
认证
Firebase 认证可以帮助我们保护数据。我们可以将某个页面或操作限制为特定用户才能够访问。以下是如何使用 firebase-auth 组件进行认证的示例：
-- -------------------- ---- -------
-- -------------------
------ ----- ---- --------
------ ------- --------------------
-------- -
-------------- -
--- ---- - ----------------------------
-------------------------------------- ------------------------------- -
-- ------- -
---------------------------
-
---
--
-
---在这个例子中，我们使用了 auth 对象，从 firebase 服务中获取了 Firebase 认证的实例。对于 Firebase 认证的更高级用法，开发者可以查看官方文档。
云存储
Firebase 还提供了云存储功能，可以帮助我们不必将图片、视频等多媒体数据存储在本地服务器上。以下是如何使用 Firebase 云存储上传图片的示例：
-- -------------------- ---- -------
-- ------------------------
------ ----- ---- --------
------ ------- -------------------------
--------- -----------------------
----- ----------
-------- -
-------- -
--- ------- - -------------------------------
--- ---- - -----------------
--- ---- - ---------- - ----------
--- ---------- - ----------------------------
------------------------------ ------------------ -
--- -------- - -------------------------- - -------------------- - ----
------------------- -- - - -------- - -- -------
-- --------------- -
---------------------
-- ---------- -
--- --- - --------------------------------
-----------------
---
--
-
---在这个例子中，我们创建了一个上传图片的方法。在 upload 方法中，我们首先获取了 Firebase 的云存储实例，然后使用浏览器 API 选择图片。上传完成后，我们通过回调获取了图片的 URL。
总结
在本文中，我们了解了 npm 包 ember-firebase-sdk 的基础使用方法，包括适配器、序列化器、实时查询、认证和云存储。希望本文能够帮助你学习 Ember.js 和 Firebase，同时为你的开发提供便利。完整示例代码可以在 GitHub 上找到。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600572a281e8991b448e8cb7