HacknPlan can be integrated with GitLab to link your commits to the tasks they are related to, allowing you to have a list of the changes on the code always at hand on the task detail panel. In order to be notified about the commits performed on your GitLab instance, a webhook needs to be configured pointing to our server, which will receive the data from push events and will analyze the commit messages looking for task IDs with the format #id.
The webhook can be created in two different ways: automatic and manual:
- The automatic method only works for the repositories hosted on GitLab.com (so far), but allows you to set the integration up just by entering your access token and selecting the desired GitLab project. Everything will be configured automatically, and in case you want to remove the integration, the webhook in GitLab will be removed too. We recommend this method if you are hosting your GitLab project in the cloud.
- The manual method consists of you configuring the webhook manually on your GitLab instance, following our instructions below. This is the only valid method for self-hosted instances.
A popup dialog is launched, asking for a personal access token. A personal access token is an authentication method needed to use the GitLab API on behalf of your user, so we can configure the webhook for you. You can create as many as you want from your profile settings in GitLab. Go to Settings -> Access Tokens, and create a new token with the name HacknPlan, no expiration date and api access:
You can set an expiration date or revoke this token when you want, but recommend to keep it active, so we can safely remove the webhooks we create or other future features we add to our GitLab integration. Once created, you need to copy the generated token and paste it into the integration dialog in HacknPlan. Be careful, you won’t be able to access the token from GitLab again.
When you paste the access token into the field on the dialog, it will be validated and, if correct, a list of your GitLab repositories will be added to the dropdown below. Select your desired repository and click Save. Your integration is ready!
Go to the Integration tab on your project admin page and click on the + button on the GitLab panel, and then select Manual from the dropdown list. This will generate a secret token that you will need to use to configure the webhook on GitLab:
If you close this window, you can always open it again by clicking on the Webhook button on the item created on the GitLab panel.
Now you need to create the webhook in GitLab with the provided information. Go to your project and click on Settings -> Integrations and fill up the fields like in the picture below:
Basically, you just need to enter the URL and Secret token provided in the dialog, the rest of the options will remain as they were by default. Click on Add webhook and you are good to go!
Testing the integration
Your integration is now configured, let’s check if everything is working fine. You just need to push a commit that includes the reference to an existing HacknPlan task in the message, for instance:
This is a test for task #2
When HacknPlan receives the notification of the push of that commit, the message is analyzed looking for references to tasks and the commit is added to all of them. Then, you can check the commits in the Source Code tab of the task edition panel. And remember, clicking on each one of the commits will take you to the details in GitLab!