DEV Community

Faris Durrani
Faris Durrani

Posted on

Draft: Jira API with React

**This article is a work in progress...**

How to connect and use your Jira API with a React app

Jira is a popular project management tool developed by Atlassian. It is widely used by agile development teams to plan, track, and release software projects. The platform is designed to help teams collaborate more efficiently, manage tasks and workflows, and track issues and bugs in their projects.

Occasionally, you may want to use the Jira API to display a collection of tasks or make some edits to them through your React app. This guide tells you how to make a simple demonstration.

Prerequisites

We'll be using Node.JS v18, NPM v9, and a Jira profile which you can sign up for free here.

Creating a Jira client app

You first need to create a client app on Jira itself.

  1. Go to https://developer.atlassian.com
  2. Go to Profile Picture > Developer console > Create > OAuth 2.0 integration. Give a name and create the client
  3. Go to Authorization, click Add within the OAuth 2.0 (3LO) row
  4. Add the Callback URL for your React app. By default, this is http://localhost:3000
  5. On the same page, under Authorization URL generator, click Add APIs

Authorization page of Atlassian

6. In the directed page (Permissions), click Add under Jira API. The Add button will change to Configure. Click that

Permissions page

7. Enable all Jira platform REST API scopes. Click Edit Scopes to enable the scopes

Jira API settings

8. For production (so other users can use the app), make sure to change the Distribution status to Sharing by going to Distribution and clicking Edit to enable sharing

Distribution controls

9. Finally, take note of the Client ID and Secret under Settings. You'll need these later

Getting the API secret

**This article is a work in progress...**

Safe harbor statement

The information provided on this channel/article/story is solely intended for informational purposes and cannot be used as a part of any contractual agreement. The content does not guarantee the delivery of any material, code, or functionality, and should not be the sole basis for making purchasing decisions. The postings on this site are my own and do not necessarily reflect the views or work of Oracle or Mythics, LLC.

This work is licensed under a Creative Commons Attribution 4.0 International License.

Top comments (0)