Rate this page:
For this tutorial, you will be creating an extension point on a page in Bitbucket Server 7.x.
The Bitbucket Server team provides a template to create a Bitbucket Plugin with all the tools already configured for you, including Client-side Extensions (CSE).
You can grab a copy by cloning the Bitbucket CSE template:
1
git clone git@bitbucket.org:atlassianlabs/bitbucket-client-side-extensions-template.git
You will need to install:
To install all the dependencies for the first time, run:
1
atlas-package -DskipTests
To start Bitbucket from your project, run:
1
atlas-run -DskipTests
The template comes with watchmode and hot reload configured for your front-end code. You can run the CSE watch server by executing:
1
npm start
You will be working on a blank page created with CSE page extensions,
and will create an extension point named extension.points.tutorial
.
All the exercises are going to be developed inside this directory:
src/main/my-app/extensions/extension-points-tutorial/
There you will find:
./extension-points-page.jsx
: the blank page where you are going to create your extension point and render the extensions./extensions/
: a set of extensions that you're going fetch and render throughout the guides.Once you install and start Bitbucket Server from the template, you can head to the tutorial page
and should see the title extension.points.tutorial
You're now ready to create your first extension point!
Rate this page: