TESTING Wordpress REST API with POSTMAN #2

-

Creating new posts

Let's try to add new post to our website using POSTMAN and POST request.

Request header Content-Type must be set to application/json and Body raw data json.  

 

And response ...error 401 (unauthorized). We have to sent login authentication credentials to be able to create new posts.

I'm going to use JSON Web Token authentication method which allows to login through an endpoint and grab the given token and attach it to the request Headers. This isn't something which is included in wordpress by default. It can be added as a plugin from wp-admin page. I'm using JWT Authentication for WP REST API plugin by Enrique Chavez

Installing the JWT Auth plugin

Adding extra functionality to wordpress sites is very easy thanks to plethora of available plugins. To be able to install it we need to open wp-admin dashboard and in plugin section search for required extension, install and activate it. Simple as that.

Then we need to edit .htaccess file in website's directory and add following lines of code to enable HTTP Authorization Header which is disabled by most shared hosting servers.


Next Step is to edit wp-config.php file, where we must create secret JWT key and enable CORS support (Cross Origin Resource Sharing)


Activation of the plugin will create two endpoints

  • /wp-json/jwt-auth/v1/token - this will validate username and password and return token to use in the future requestes to the API
  • /wp-json/jwt-auth/v1/token/validate - simple endpoint to validate a token

Testing new endpoints with POSTMAN

Now let's try to obtain a token by loging to the website using POST request, and sending our admin credentials in the Body of the request as json. When sucessfull respopnse shoud have generated token which later can be send in the Headers for validating user.


To Create new post using Postman we need to add this token to Header as key value pair. Key Authorization, Value: Bearer  <<GENERATED TOKEN>>


In Body of the request we can put json data of the new post with title, content and status. Status need to be set to publish, if not it will be in draft mode and won't display on the page.


And the final result in the browser. New post has been added to the website using Wordpress REST API, POST request with JSON web token authentication..



Comments

Post a Comment

Popular posts from this blog

E-Commerce made easy with WordPress & WooCommerce

-
Image
  E-commerce introduction E-commerce (electronic commerce) refers to transactions conducted via the World Wide Web. It may involve buying physical or digital products, ordering services or transfer funds. It is booming sector with revenue growing every year. Even  in uncertain times of covid-19 pandemic online shopping is thriving. Purchasing goods from the comfort of own homes and get them delivered even the same day is changing the way how people perceive shopping process. Old ways of buying from brick and mortar stores are about to extinct. Time is the crucial factor when it comes to sales and if shops or manufacturers wants to be competitive on the market starting an online selling platform should be easy and quick. WordPress designed as a blogging platform became now home to millions of businesses thanks to plethora of plugins which allow to set-up selling goods and services in a matter of hours. WooCommerce installation and Setup I will demonstrate how easy is to add the...
Read more

Wordpress Environment Setup

-
Image
Wordpress require server environment (Apache, Nginx), PHP and access to MySQL or MariaDB for storing information. There are couple options available how we can to start developing wordpress powered websites:  Buy dedicated hosting space ( https://wordpress.com/pricing/ ) Create own server based on Cloud Computing Services Amazon AWS  Light Sail or  Digital Ocean  droplet Install on own Apache, Nginx server Linux based computer or raspberry Pi device Install PHP development environment on local desktop laptop -  XAMPP Use popular containerized approach with  Docker I'm going to setup my development environment using Docker. This will remove the hassle of installation and configuration required software on local computer. Instead I will create Docker compose file which use separate image files for (wordpress, php myadmin, and mySQL) and allow for one command set-up of whole environment. All required image files can be found on  Docker Hub  - libra...
Read more

Creating Frontend with React.js

-
Image
 Installing React Development Environment Now let's build independent frontend for the wordpress website using React.js - JavaScript library for creating user unterfaces.  To install React development we use popular npm (Node Package Manager) package  - create-react-app .  I created folder "frontend" for the react application in root folder of the wordpress website. Then use command npx create-react-app . in that folder to scaffold starting react project. Please don't forget to install Node.js which is required for React & NPM packages!! After successful installation we can compile and run the react app in the browser using npm start command in the terminal. Result in the browser, url address http://localhost:3000 Let's install additional NPM packages axios and react-router-dom . First is a promise based HTTP client for the browser and node.js, and second is a tool to handle routes in a single page application using dynamic routing. List of all installed...
Read more