GET, POST & PATCH requests of node entities with Drupal8 using REST APIs and integrate with ReactJS
REST is one of the most popular ways of making Web Services work. REST utilizes HTTP methods, such as GET, POST, and DELETE. In this tutorial we are going to see how we can use the REST API to make the Headless Drupal and use it as a third party integration.
Install the latest release of Drupal8 core. See the Releases for Drupal Core to find the latest download.
Enable the following modules: REST, Serialization, HAL, and HTTP Basic Authentication.
By default, the REST module enables the node entity resource for all GET, POST, PATCH, and DELETE operations. You can see these default settings in sites/default/files/config_XXXX/active/rest.settings.yml. To enable REST on other entities (e.g. users, files, or fields), you'll need to edit this file. To enable those entities use https://www.drupal.org/project/restui module. This module provides a user interface for enabling and disabling resources, serialization formats, and authentication providers.
Using the REST API
We're all set to use the REST APIs. Now we'll see how we can create, delete and update a node with REST services with Drupal 8 one by one.
You may use Advance REST Client or Postman - REST client or DHC to test you web services.
1. GET Method
Using GET Method we can retrieve the node data. Simply using the the method as
Using GET/POST/PATCH method to integrate with ReactJS
1. Setup react application
To Implement node entity methods in ReactJS, you need to setup first the react Application
Below is the link to create basic react application.
2. Create React components i.e basic page to implement or test the node entities in React using APIs
Below we'll create the demo page and see how to use those method in react one by one.