前言
随着 Drupal 的使用范围不断扩大，越来越多的人开始在前端开发中使用这个优秀的 CMS 系统。而在 Angular 中集成 Drupal API 是必不可少的一步。这篇文章将介绍如何使用 npm 包 @thedrupalkid/ng-drupal 在 Angular 中集成 Drupal API。
ng-drupal 是什么
@thedrupalkid/ng-drupal 是一个为了集成 Drupal API 到 Angular 应用中而创建的 npm 包。它提供了“服务”的形式访问 Drupal 的 API，并定义了可以无缝使用 Drupal 整个生态系统的方法。
安装
使用 npm 安装即可：
npm install @thedrupalkid/ng-drupal
使用
在使用 @thedrupalkid/ng-drupal 之前，请先确认你已经安装好 Angular。安装好之后，让我们从 AppModule 中开始使用它。首先，我们需要将 NgDrupalModule 引入我们的 AppModule 中，并在 imports 数组中声明它。
-- -------------------- ---- ------- ------ - ------------- - ---- ---------------------------- ------ - -------- - ---- ---------------- ------ - ------------ - ---- ------------------ ------ - -------------- - ---- -------------------------- ----------- ------------- --------------- -------- --------------- ---------------- ---------- --- ---------- --------------- -- ------ ----- --------- --
接下来，让我们来看一下如何使用它。在服务中，我们可以使用 HttpClient 发送请求。NgDrupalService 扩展了原生的 HttpClient，从而可以使用和正常的 HttpClient 请求一样的方式请求 Drupal API。
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - ---------- - ---- -----------------------
------ - --------------- - ---- --------------------------
-------------
----------- -------
--
------ ----- ------------- ------- --------------- -
----------------------- ----------- -
----------------- -----------------------
-
-到此，你已经可以愉快的使用 @thedrupalkid/ng-drupal 了。下面是一个简单的示例：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------------
--------- -----------
--------- - ------ ----- ------- --
--
------ ----- ------------ -
------ -------
------------------- -------------- -------------- --
---------- -
-------------------------------------------------- ---- -- -
---------- - --------------------
---
-
-更多功能
除了上述的和 Drupal API 进行通信之外，@thedrupalkid/ng-drupal 还提供了许多其他方法。其中包括一些获取 Site Information 和 User Information 的方法、处理 csrf_token 等。通过使用这些方法，你可以轻松的创建一个完整的 Drupal 应用程序。
总结
@thedrupalkid/ng-drupal 是一个优秀的用于集成 Drupal API 到 Angular 中的 npm 包。通过它，我们可以轻松地使用 Drupal 的 API 进行通信，而无需重复开发一些很基础的工具。
我希望这篇文章能够帮助你更深入地了解 @thedrupalkid/ng-drupal，并为你在前端开发中集成 Drupal API 提供指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f8d238a385564ab6ea3