基本介绍
在前端开发中，我们经常会需要和后端进行数据交互。而对于使用 Drupal 作为后端的开发来说，一个好的方案就是使用 ember-drupal-waterwheel 这个 npm 包。
ember-drupal-waterwheel 是一个 Ember.js 的插件，它提供了一个可以直接访问 Drupal 的 REST API 的接口。其基于 Waterwheel.js 进行了封装，让开发者能够更轻松地使用 Drupal 提供的一些 CRUD 操作。
安装
ember-drupal-waterwheel 可以通过 npm 安装：
--- ------- ---------- -----------------------
使用
在使用之前，我们需要在 Ember 中配置一下。在 config/environment.js 文件中加入以下配置：
-------------- - --------------------- -
--- --- - -
---
----------- -
-------- -------------------------------
---------- -----------
------------ ---------------------------
------------------ -----------------------
------------------- ---------------------
--
---
--
------ ----
--其中，baseURL 就是你的 Drupal 网站的 URL，最后的 / 别忘了要带上。其余选项大部分默认即可，sessionCookieName 和 sessionCookieValue 是可选的，如果你需要鉴权（比如需要使用受保护的接口），可以填写。
在配好环境之后，我们就可以在需要的地方使用了。在一个组件中，我们可以这样调用：
------ ----- ---- --------
------ ------- ------------------------
--------------- -----------------------
-------- -
---------- -
----------------------------------------------------- -- -
-------------------
---
-
-
---这里我们使用了 ember 的服务注入的方式，将 drupalResource 服务注入到组件中。然后就可以使用 drupalResource 对象来进行数据交互了。上述代码中的 getUsers 方法就是一个测试方法，在控制台输出获取的 Drupal 用户信息。
CRUD 操作
在 ember-drupal-waterwheel 中，共提供了以下的方法：
- request: 发送 HTTP 请求
- post: 发送 POST 请求
- patch: 发送 PATCH 请求
- delete: 发送 DELETE 请求
通过这些方法，我们可以实现 Drupal 中的 CRUD 操作。下面是一些示例代码。
获取节点
------------------------------------------ - --- - ------------ -- - ------------------ ---
获取多篇节点
----------------------------------------------------- -- - ------------------- ---
创建或更新节点
--- ---------- - -
------ --- --- ------
----- -
------ ----- ---- ---- -------
------- ------------
-
--
--- -------------- - -
----- -
----- ----------------
----------- ----------
-
--
----------------------------------------------- ------------------------- -- -
------------------
---删除节点
----------------------------------------- - --- - ---
总结
通过 ember-drupal-waterwheel 这个 npm 包，我们可以更加方便地将 Drupal 和前端应用连接起来。在实际项目中，需要根据实际情况来选择是否采用此方案，并根据具体需求进行接口设计。同时，在使用时，也需要注意 Drupal 文档中对接口的介绍并维护好安全性，防止恶意攻击。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055cd681e8991b448da730