简介
在前端开发中，我们经常要根据特定需求、参数、环境等信息来操作数据。此时，使用约定好的 RESTful API 接口可以是很好的解决方案。如何实现这样的系统和接口呢？有一种解决方案是使用 Hoddie。Hoddie 是一个基于 CouchDB 数据库的服务，用作浏览器端和服务器端之间的接口。而 Ember.js 是一个前端框架，提供了构建单页应用的体系架构和模板、路由等组件。如果把 Hoddie 和 Ember.js 关联起来，我们就可以轻松使用它开发出复杂的单页应用。这里介绍如何使用 NPM 包 Ember-Hoddie 在 Ember.js 中使用 Hoodie。
安装
在 Ember 应用中使用 Ember-Hoodie，首先需要安装 Ember-Hoodie npm 包。
安装命令如下所示：
npm install --save-dev ember-hoodie
使用
使用 Ember-Hoodie 的第一步是在 ./app/app.js 文件中添加以下代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ ------ ---- ---------
------ ------ ---- -----------------------
------ ----------- ---- ---------------
----- -
-----
----
----
- - ------
----- -
------- -
---- -
------ -
---- ---------
-
-
-
- - -------
------------ - ---------------
---- ---------
---
----- ------ - ----------------------
----- -
--
- - ------
----- -
------------
- - ----
----- -
----
--------
-------
-------
- - -------------
----- ---- - --- -- -
----- ---- - --- -- -
----- ------- - --- ----------------- -- -
------------------- ---
---
------ --------
--
-------- - --- -- -- ----------------
------ -----
-----
----- -------- - ---------------------------------------------------
----- ---------- - -- -- -
-- ---------- -
--- ------ - ---------------------------------
---------- - --------- - -----------------------
-----------------------------
-
--
----- ------------ - ------- -- -
-- ----------- --- ------ -- ------------ --- ------- -
-------------
-
--
---------------------------------- --------------
------ ------- --------------------------------- ----------- -
------------- -
----- --- - -----
------------------------------------- -- -
-- ------ ------- ------ ----
-- -- -- -
-- ------ ------- ------ ----
---
-- --- ----- ----- --- ---- -- -- ----
---
----------- -- -
--------------------------- ----- ------------
---
------ ---------- --------
--
------ -
--------------------------
-------------------- - -------
--
------------ -
------------------------------
--
-------- -
------------ ----------- -
----- --------- - --------------- -- ---------------------
-- ----------------------------- -
----------------------------
- ---- -- ---------- --- -------- -- --------- --- -------- -
-------------------------- -
------------ -
------------- ----------------
-
---
- ---- -
--------------------
-
--
-------- -
----- -------- - -
------------------------
--
---------------------------------- -- -
-------------------------
---
-
-
---示例
我们也可以写一些调用 Hoodie 服务的样例代码，在 Ember 应用中进行 Hoodie 的初始化，然后调用 Hoodie 的 API 接口函数，如下所示：
-- -------------------- ---- -------
------ ----- ---- --------
------ ------- ----------------------
------ -----------------------
------- ----------------------
-------- -----
------ -
--------------------------
----- ------ - -------------------
--------------------------- ------------------- -- -
------------------- -
--------- --------------------------
---
------------------------
----- -
----- -------
--- ------------------
----------- -
--------- --------------------------
-
-
---
---
---------------------------- -- -- -
------------------------------------
------------------- ------
---
--
----- ---------------- --------- -
----- ------ - ----- -----------------------------------
---------
--------
---
----- ---------------------------
------ -----
--
----- ---------------- --------- -
----- -----------------------------------
---------
--------
---
------ -----
--
----- --------- -
----- -------------------------------------
------ -----
--
----- --------------------- ------------ ------------ -
----- -----------------------------------
--------- -----------
---
------ -----
--
----- --------------- -
----- -------------------------------------
------ -----
--
----- --------- -
----- ----- - ----- -----------------------------------------
------ ------
--
----- ----------- -
------ ----- -------------
--
----- ------------- -
------ ----- ----------------------
-
---总结
使用 Ember-Hoodie 可以轻松实现 Hoodie 的初始化和 API 接口的调用。这样的解决方案对于大型的单页应用的开发非常有用。我们只需要按照上述步骤在 Ember.js 中添加 Hoodie 的代码，就可以使用 Hoodie 的大量 API 接口，来完成一系列的数据存储、数据查询和数据更新等操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e16a563576b7b1eca49