{"id":2971,"date":"2023-01-15T19:27:08","date_gmt":"2023-01-15T19:27:08","guid":{"rendered":"https:\/\/devclouds.io\/blog\/?p=2971"},"modified":"2023-01-19T09:01:11","modified_gmt":"2023-01-19T09:01:11","slug":"configure-build-tools-in-jenkins","status":"publish","type":"post","link":"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/","title":{"rendered":"Configure Build Tools in Jenkins"},"content":{"rendered":"\n

I’m going to show you how to configure different build tools in Jenkins.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Build<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

So the development flow usually looks like this. Develop your application and now using Jenkins you want to build and package that application.<\/p>\n\n\n\n

In order to build the application in the package you need some kind of build tools. Depending on which technology which language you use. you are going to need a different build tool.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"4<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

For example the four main tools that I’ve used commonly in projects and there some more but this four main are maven and Gradle for beckend applications. like if you’re developing your java application you probably use one of those. And if you have a JavaScript application then you are going to be using either NPM or yarn.<\/p>\n\n\n\n

For example if you have frontend in JavaScript you will build it using NPM or yarn and backend you will build it using maven or Gradle. You will need at least one of those build tools in your Jenkins build configuration.<\/p>\n\n\n\n

Because Jenkins build has to run these commands so how does it work how does Jenkins allow you to use these build tools. Some of these tools are available or installed in Jenkins out of the box. The rest of them you have to install as plugins and configure them.<\/p>\n\n\n\n

Configure Build Tools in Jenkins<\/h2>\n\n\n\n

The first step that you need to do is to go to the Jenkins configuration and check whether your tool is already there out of the box if it is. You just use it if not you go to the plugins you install it.<\/p>\n\n\n\n

Go back to the configuration and then you configure it. Once you have that already in a Jenkins configuration you can actually use it and the usage depends on what type of built of Jenkins use.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Manage<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

I’m going to show you example of using two of these tools actually in Jenkins file. So let’s actually go to “manage Jenkins” and “global tool configuration” that’s where all the tools are configured.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Gradle<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Here you can see the list of the out of the box available tools so if I scroll here I see I have Gradle and I have maven. Which is already configured for me and I have docker. What I don’t have here is NPM or yarn.<\/p>\n\n\n\n

I’m gonna create an example Jenkins pipeline using a demo application that I have. And this demo application that I have uses Gradle and yarn to build backend and frontend respectively. Which means I don’t need the maven installation here I only need Gradle from here. In addition to that I will need yarn one.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Maven<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

If I hover here in Maven installation of version 3.63 which is installed directly from Apache from internet. so how this configuration works.<\/p>\n\n\n\n

Gradle Installations<\/h2>\n\n\n\n
<\/div>\n\n\n
\n
\"Gradle<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

We can see it on Gradle example if I do add Gradle I just give it a name whenever I want. Here I choose the version actually I’m gonna go with the latest one.<\/p>\n\n\n\n

You can also fix it a different version if your project needs that. Jenkins will install that tool automatically for me. I don’t have to go and install that on a Jenkins server or whatever.<\/p>\n\n\n\n

Jenkins does automatically which is extremely convenient and this is basically the type of installer. so if you see here the button “installer” the options is installed from Gradle.org<\/a>. which is what I have by default here so I’m gonna leave it at that and that’s it<\/p>\n\n\n\n

Gradle is configured I can use Gradle now in my Jenkinsfile so I can save it.<\/p>\n\n\n\n

Install npm and yarn from plugins<\/h2>\n\n\n\n
<\/div>\n\n\n
\n
\"npm<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

As I showed you I don’t have n npm or yarn installed.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Manage<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

In order to do that I go to “manage plugins” go to “Available” there is a specific “npm plugin” as well and “npm pipeline plugin”. The way I do this is I’m gonna install in “nodeJS plugin” which will give me the “npm” as well.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"NodeJs<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

So I’m gonna install that after successful installation and I restart my Jenkins. Because you need to restart it so that the plugin changes take effect. Now if I go to “global tool configuration”.<\/p>\n\n\n\n

NodeJS Installation<\/h2>\n\n\n\n
<\/div>\n\n\n
\n
\"NodeJs<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

I should see the nodeJS in the list so I’m gonna add nodeJS. And the project that I’m actually works with the older nodeJS version. It has some backwards compatibility problem issues so I’m gonna fix a the nodeJS version to 10.17.0. So that’s the version that the application works on. Here the part where Jenkins automatically installing the nodeJS with this version.<\/p>\n\n\n\n

I’m gonna give it a name let’s call it node-10.17 there is a common practice to name the installation with the version because if you have multiple of them you want to differentiate between node 1 no 2 so you can do something like i did.<\/p>\n\n\n\n

You can make it to install global packages and yarn is one of the npm packages. So if I write a yarn here it’s gonna install that automatically. You can also fix its the version of NPM packages and I’m gonna need that as well. Because again my app doesn’t work with the latest yarn version. So I’m gonna fix that it like yarn@1.13.0. that’s a syntax for it.<\/p>\n\n\n\n

I’m gonna save that so now when I create a pipeline I should have both Gradle and yarn available.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"my<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

So I’m gonna create that pipeline it’s gonna be my-demo-project multibranch pipeline so that’s my repository.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"credentials\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

I have the credentials already configured and I’m gonna build only master here. It’s gonna scan the project for master and the Jenkinsfile. and I don’t have a Jenkinsfile in the master branch. So let’s go and create some very super simple Jenkinsfile just to demonstrate the usage of these two tools.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Github<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Here I’m gonna create a Jenkinsfile.<\/p>\n\n\n\n

Configure Jenkinsfile to Build Tools in Jenkins<\/h2>\n\n\n\n
<\/div>\n\n\n
\n
\"Jenkinsfile<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

So this is a very basic pipeline syntax that has two stages we build frontend and we build the backend. The plan is to use yarn command in the first step where we build the frontend. And to use Gradle in the second step so the way to do that is using following syntax.<\/p>\n\n\n\n

This is called wrapper of those tools that we’ve configured so the the wrapper is nodejs(‘Node-10.17’). Here I have to provide the name of that installation. Here so it knows that you are using that installation of node in here.<\/p>\n\n\n\n

We create a block and the way you can run these commands is using:<\/p>\n\n\n\n

{\nsh 'yarn install'\n}<\/code><\/pre>\n\n\n\n
So I’m gonna do a yarn I’m just gonna do yarn install just to demonstrate that the command is there.<\/p>\n\n\n\n
In backend section here we’re gonna use the Gradle command and the wrapper for that is “withGradle()” which doesn’t take anything as a parameter so it’s just with Gradle and inside of that block we are gonna execute another shell command:<\/p>\n\n\n\n
withGradle() {\n      sh '.\/Gradlew -v'\n}<\/code><\/pre>\n\n\n\n
It sound like project is set up so I’m gonna commit that.<\/p>\n\n\n\n
<\/div>\n\n\n
\n
\"Building<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n
You see the master branch is scanning jenkinsfile was found and if I go to Master here it’s building master.<\/p>\n\n\n\n
Master Branch Console Output<\/h2>\n\n\n\n
<\/div>\n\n\n
\n
\"Console<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n
If I go inside let’s actually check the console output and here you see that yarn is executing, yarn installed and this is a version that we provided 1.13.0. Yarn install is running.<\/p>\n\n\n\n
<\/div>\n\n\n
\n
\"Jenkinsfile<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n
Now the Gradlew – v command ran and output the Gradle. Basically this proves that those build tools were installed by Jenkins automatically with the versions that I specified. and the commands run successfully so obviously the same way you can use maven and npm as well.<\/p>\n\n\n\n
For example here since we have nodeJS which has NPM already installed instead of yarn you would just use NPM commands. Now there’s an alternative to using those tools without the wrapper. You may have seen it already in the Jenkinsfile syntax.<\/p>\n\n\n\n
<\/div>\n\n\n
\n
\"Tools<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n
There is an attribute called tools and inside that you can configure which tools you are gonna be using in a Jenkinsfile. So it works the same as a wrapper however that tools plugin or the tools attribute supports only three tools by now. And these three tools are maven Gradle and JDK.<\/p>\n\n\n\n
To use it i need this command:<\/p>\n\n\n\n
Tools {\n      gradle 'Gradle-6.2'\n}<\/code><\/pre>\n\n\n\n
So basically these indicates to Jenkins that I want to use Gradle in my Jenkinsfile please go and fetch me the Gradle configuration that I’ve configured in the “global tool configuration”.<\/p>\n\n\n\n
Update this and scan project go to master and see it’s built and it ran. I guess my preferred way is to do it like this so all the tools that are supported using this tools attribute. I’m gonna use them right like this because the steps part will be cleaner without the wrappers.<\/p>\n\n\n\n
And for the rest you’re just gonna have to use the wrapper like this so that’s how you configure build tools and use them in Jenkins.<\/p>\n\n\n\n
For more article please visit our blog<\/a> page.<\/p>\n","protected":false},"excerpt":{"rendered":"
In order to build the application in the package you need some kind of build tools.<\/p>\n","protected":false},"author":5,"featured_media":3188,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-2971","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-devops"],"yoast_head":"\nConfigure Build Tools in Jenkins - The Official DevClouds Blogs<\/title>\n<meta name=\"description\" content=\"Configure Build Tools in Jenkins | Install npm and yarn from plugins | Use build tools (gradle and yarn) in Jenkinsfile\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Configure Build Tools in Jenkins\" \/>\n<meta property=\"og:description\" content=\"Configure Build Tools in Jenkins | Install npm and yarn from plugins | Use build tools (gradle and yarn) in Jenkinsfile\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/\" \/>\n<meta property=\"og:site_name\" content=\"The Official DevClouds Blogs\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-15T19:27:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-19T09:01:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devclouds.io\/blog\/wp-content\/uploads\/2023\/01\/demo-y-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"hammad\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"hammad\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/\",\"url\":\"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/\",\"name\":\"Configure Build Tools in Jenkins - The Official DevClouds Blogs\",\"isPartOf\":{\"@id\":\"https:\/\/devclouds.io\/blog\/#website\"},\"datePublished\":\"2023-01-15T19:27:08+00:00\",\"dateModified\":\"2023-01-19T09:01:11+00:00\",\"author\":{\"@id\":\"https:\/\/devclouds.io\/blog\/#\/schema\/person\/29fe135874604a656a492f57fb43211d\"},\"description\":\"Configure Build Tools in Jenkins | Install npm and yarn from plugins | Use build tools (gradle and yarn) in Jenkinsfile\",\"breadcrumb\":{\"@id\":\"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devclouds.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Configure Build Tools in Jenkins\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devclouds.io\/blog\/#website\",\"url\":\"https:\/\/devclouds.io\/blog\/\",\"name\":\"The Official DevClouds Blogs\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devclouds.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/devclouds.io\/blog\/#\/schema\/person\/29fe135874604a656a492f57fb43211d\",\"name\":\"hammad\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devclouds.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/19d1520a5ed46e5c53b8333bc3a9bddb9f28e057d9722fbb8e979edd11e22faf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/19d1520a5ed46e5c53b8333bc3a9bddb9f28e057d9722fbb8e979edd11e22faf?s=96&d=mm&r=g\",\"caption\":\"hammad\"},\"url\":\"https:\/\/devclouds.io\/blog\/author\/hammad\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Configure Build Tools in Jenkins - The Official DevClouds Blogs","description":"Configure Build Tools in Jenkins | Install npm and yarn from plugins | Use build tools (gradle and yarn) in Jenkinsfile","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/","og_locale":"en_US","og_type":"article","og_title":"Configure Build Tools in Jenkins","og_description":"Configure Build Tools in Jenkins | Install npm and yarn from plugins | Use build tools (gradle and yarn) in Jenkinsfile","og_url":"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/","og_site_name":"The Official DevClouds Blogs","article_published_time":"2023-01-15T19:27:08+00:00","article_modified_time":"2023-01-19T09:01:11+00:00","og_image":[{"width":750,"height":400,"url":"https:\/\/devclouds.io\/blog\/wp-content\/uploads\/2023\/01\/demo-y-1.png","type":"image\/png"}],"author":"hammad","twitter_card":"summary_large_image","twitter_misc":{"Written by":"hammad","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/","url":"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/","name":"Configure Build Tools in Jenkins - The Official DevClouds Blogs","isPartOf":{"@id":"https:\/\/devclouds.io\/blog\/#website"},"datePublished":"2023-01-15T19:27:08+00:00","dateModified":"2023-01-19T09:01:11+00:00","author":{"@id":"https:\/\/devclouds.io\/blog\/#\/schema\/person\/29fe135874604a656a492f57fb43211d"},"description":"Configure Build Tools in Jenkins | Install npm and yarn from plugins | Use build tools (gradle and yarn) in Jenkinsfile","breadcrumb":{"@id":"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/devclouds.io\/blog\/configure-build-tools-in-jenkins\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devclouds.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Configure Build Tools in Jenkins"}]},{"@type":"WebSite","@id":"https:\/\/devclouds.io\/blog\/#website","url":"https:\/\/devclouds.io\/blog\/","name":"The Official DevClouds Blogs","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devclouds.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/devclouds.io\/blog\/#\/schema\/person\/29fe135874604a656a492f57fb43211d","name":"hammad","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devclouds.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/19d1520a5ed46e5c53b8333bc3a9bddb9f28e057d9722fbb8e979edd11e22faf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/19d1520a5ed46e5c53b8333bc3a9bddb9f28e057d9722fbb8e979edd11e22faf?s=96&d=mm&r=g","caption":"hammad"},"url":"https:\/\/devclouds.io\/blog\/author\/hammad\/"}]}},"_links":{"self":[{"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/posts\/2971","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/comments?post=2971"}],"version-history":[{"count":4,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/posts\/2971\/revisions"}],"predecessor-version":[{"id":3219,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/posts\/2971\/revisions\/3219"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/media\/3188"}],"wp:attachment":[{"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/media?parent=2971"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/categories?post=2971"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devclouds.io\/blog\/wp-json\/wp\/v2\/tags?post=2971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}