permalink | layout | title | duration | description | tags | projectid | page-layout | page-duration | page-releasedate | page-guide-category | page-essential | page-essential-order | page-description | guide-author | page-tags | page-permalink | repo-description | ||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
/guides/guide-codewind/ |
guide-markdown |
Getting Started with Codewind and Kabanero |
30 minutes |
Take advantage of Codewind's tools to help build high quality cloud native applications regardless of which IDE or language you use. |
|
guide-codewind |
guide-markdown |
30 minutes |
TBD |
collections |
true |
1 |
Take advantage of Codewind's tools to help build high quality cloud native applications regardless of which IDE or language you use. |
Kabanero |
|
/guides/{projectid} |
TBD |
In this guide you will learn how to develop a simple microservice with your chosen IDE, using Eclipse Codewind, an open source project, which provides IDE extensions for popular IDEs (VS Code and Eclipse IDE). Eclipse Codewind provides the ability to create new projects based on application stack hub that include application stacks customized to meet your company policies and consistently deploy applications and microservices at scale.
Kabanero's developer experience for IDEs is provided by Eclipse Codewind. For more information on how Kabanero and its components work, visit Kabanero's Architecture and Development Workflows.
Kabanero installs on OpenShift and integrates a modern DevOps toolchain and application stack hubs which enable developers to use runtimes and frameworks in pre-built container images called Application stacks
.
Eclipse Codewind provides the ability to create application projects for these Application Stacks
that your company has built, enabling developers to focus on their code and not infrastructure and Kubernetes. Application deployments to Kubernetes occur via pipelines when developers commit their local code to the correct Git repos Kabanero is managing via webhooks.
Eclipse Codewind provides the ability to create projects based on a variety of different template types. These include IBM Cloud starters,Odo, and Appsody templates. When used with Kabanero, you will only use Appsody templates for the Collections your company has enabled. Today, there are collections for: Eclipse MicroProfile/Java EE, Springboot, Node.js, Node.js with Express, Node.js with Loopback.
This guide describes developing a simple microservice using two different IDEs. Select the guide section based on your IDE of choice:
If you use Visual Studio Code (VS Code), you can use Codewind for VS Code to develop and debug your containerized projects from within VS Code using the workflow you already use today.
Before you can develop a microservice with VS Code, you need to:
- Install Docker
- Note: Make sure to install or upgrade to minimum Docker version 19.03.
- Install VS Code
The Codewind installation includes two parts:
- The VS Code extension installs when you install Codewind from the VS Code Marketplace and click
Install
.- Or, go to
View->Extensions
, search for Codewind, and clickInstall
.
- Or, go to
- The Codewind backend containers install after you click
Install
when you are prompted. After you clickInstall
, the necessary images are downloaded from the internet. The download is approximately 1 GB.- Optional: If you don’t click
Install
when the notification window first appears, you can access the notification again. Go toView->Explorer
. Then clickCodewind
and hover the cursor overCodewind
where there is a switch to turn Codewind on or off. Click the switch so that it isOn
. The notification window is displayed.
- Optional: If you don’t click
The following images are pulled. These images together form the Codewind backend:
eclipse/codewind-performance-amd64
eclipse/codewind-pfe-amd64
Configure Codewind to use application stack hubs so you can focus exclusively on your code:
- Under the Explorer pane, select
Codewind
. - Expand
Codewind
by clicking the drop-down arrow. - Right-click
Projects (Local)
. - Select
Manage Template Sources
. - Enable application stack hubs.
You now have configured Codewind to application stack hubs and can proceed to develop your microservice within Codewind.
Appsody helps you develop containerized applications and removes the burden of managing the full software development stack. If you want more context about Appsody, visit the Appsody welcome page.
- Under the Explorer pane, select
Codewind
. - Expand
Codewind
by clicking the drop-down arrow. - Hover over the
Projects
entry underneath Codewind in the Explorer pane, and press the+
icon to create a project.- Note: Make sure Docker is running. Otherwise, you get an error.
- Choose the
Appsody Eclipse MicroProfile template
. - Name your project
appsody-calculator
.- If you don't see Appsody templates, find and select
Template Source Manager
and enableAppsody Stacks - appsodyhub
. ** The templates are refreshed, and the Appsody templates are available.
- If you don't see Appsody templates, find and select
- Press
Enter
.- To monitor your project's progress, right-click your project, and select
Show all logs
. Then anOutput
tab is displayed where you see your project's build logs.
- To monitor your project's progress, right-click your project, and select
Your project is complete when you see your application status is running and your build status is successful.
- Return to your project under the Explorer pane.
- Select the Open App icon next to your project's name, or right-click your project and select
Open App
.
Your application is now opened in the browser, showing the welcome to your Appsody microservice page.
- Go to your project's workspace under the Explorer tab.
- Navigate to
src->main->java->dev->appsody->starter
. - Right-click
starter
and selectNew File
. - Create a file, name it
Calculator.java
, and pressEnter
. This file is your JAX-RS resource. - Populate the file with the following code then save the file:
package dev.appsody.starter;
import javax.ws.rs.core.Application;
import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.Produces;
import javax.ws.rs.core.MediaType;
import javax.ws.rs.core.Response;
import javax.ws.rs.PathParam;
@Path("/calculator")
public class Calculator extends Application {
@GET
@Path("/aboutme")
@Produces(MediaType.TEXT_PLAIN)
public String aboutme(){
return "You can add (+), subtract (-), and multiply (*) with this simple calculator.";
}
@GET
@Path("/{op}/{a}/{b}")
@Produces(MediaType.TEXT_PLAIN)
public Response calculate(@PathParam("op") String op, @PathParam("a") String a, @PathParam("b") String b)
{
int numA = Integer.parseInt(a);
int numB = Integer.parseInt(b);
switch(op)
{
case "+":
return Response.ok(a + "+" + b + "=" + (Integer.toString((numA + numB)))).build();
case "-":
return Response.ok(a + "-" + b + "=" + (Integer.toString((numA - numB)))).build();
case "*":
return Response.ok(a + "*" + b + "=" + (Integer.toString((numA * numB)))).build();
default:
return Response.ok("Invalid operation. Please Try again").build();
}
}
}
Any changes you make to your code is automatically built and re-deployed by Codewind and viewed in your browser.
You now can work with your calculator.
- Use the port number you saw when you first opened the application.
- Make sure to remove the
< >
symbol in the URL. http://127.0.0.1:<port>/starter/calculator/aboutme
- You should see the following response:
You can add (+), subtract (-), and multiply (*) with this simple calculator.
You could also try a few of the sample calculator functions:
http://127.0.0.1:<port>/starter/calculator/{op}/{a}/{b}
, where you can input one of the available operations(+, _, *)
, and an integer a, and an integer b.- So for
http://127.0.0.1:<port>/starter/calculator/+/10/3
you should see:10+3=13
.
You have created a simple microservice using the VS Code IDE. For further learning:
- Try additional Kabanero guides available for each Collection: Eclipse MicroProfile, Springboot, Node.js.
- Learn more about Codewind.
- Review project commands for Codewind for VS Code.
If you use Eclipse, you can use Codewind for Eclipse to develop and debug your containerized projects from within a local Eclipse IDE.
Before you can develop a microservice with Eclipse, you need to:
- Install Docker
- Note: Make sure to install or upgrade to minimum Docker version 19.03.
- Install Eclipse
- Note: Make sure to install or upgrade to mimimum Eclipse version 2019-09 R (4.13.0).
The Codewind installation includes two parts:
- The Eclipse plug-in installs when you install Codewind from the Eclipse Marketplaceor when you install by searching in the
Eclipse Extensions
view. - The Codewind backend containers install after you click
Install
. After you clickInstall
, the necessary images are downloaded from the internet. The download is approximately 1 GB.
The following images are pulled. These images together form the Codewind backend:
eclipse/codewind-performance-amd64
eclipse/codewind-pfe-amd64
Configure Codewind to use application stack hubs so you can focus exclusively on your code:
- Click the
Codewind
tab. - Expand
Codewind
by clicking the drop-down arrow. - Right-click
Projects (Local)
. - Select
Manage Template Sources
. - Select application stack hubs.
You now have configured Codewind to application stack hubs and can proceed to develop your microservice within Codewind.
Appsody helps you develop containerized applications and removes the burden of managing the full software development stack. If you want more context about Appsody, visit the https://appsody.dev/docs[Appsody welcome page].
- Right-click
Projects (Local)
underCodewind
in theCodewind
tab. - Select
Create New Project...
- Note: Make sure Docker is running. Otherwise, you get an error.
- Name your project
appsody-calculator
. - Under
Template
, selectAppsody Eclipse MicroProfile template
.- If you don't see an Appsody template, select the
Manage Template Sources...
link at the end of the window. - Select the
Appsody Stacks - appsodyhub
checkbox. - Click
OK
. - The templates are refreshed, and the Appsody templates are available.
- If you don't see an Appsody template, select the
- Click
Finish
.- To monitor your project's progress, right-click on your project, and select
Show Log Files
. - Select
Show All
. Then aConsole
tab is displayed where you see your project's build logs.
- To monitor your project's progress, right-click on your project, and select
Your project is displayed in the Projects (Local)
section. The progress for creating your project is tracked next to the project's name.
Your project is complete when you see your project is running and its build is successful.
- Return to your project under the Codewind tab.
- Right-click your project and select
Open Application
.
Your application is now opened in the browser, showing the welcome to your Appsody microservice page.
- Go to your project's workspace under the Project Explorer tab.
- Navigate to
Java Resources->src/main/java->dev.appsody.starter
. - Right-click
dev.appsody.starter
and selectNew->Class
. - Create a Class file, name it
Calculator.java
, and selectFinish
. This file is your JAX-RS resource. - Populate the file with the following code then save the file:
package dev.appsody.starter;
import javax.ws.rs.core.Application;
import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.Produces;
import javax.ws.rs.core.MediaType;
import javax.ws.rs.core.Response;
import javax.ws.rs.PathParam;
@Path("/calculator")
public class Calculator extends Application {
@GET
@Path("/aboutme")
@Produces(MediaType.TEXT_PLAIN)
public String aboutme(){
return "You can add (+), subtract (-), and multiply (*) with this simple calculator.";
}
@GET
@Path("/{op}/{a}/{b}")
@Produces(MediaType.TEXT_PLAIN)
public Response calculate(@PathParam("op") String op, @PathParam("a") String a, @PathParam("b") String b)
{
int numA = Integer.parseInt(a);
int numB = Integer.parseInt(b);
switch(op)
{
case "+":
return Response.ok(a + "+" + b + "=" + (Integer.toString((numA + numB)))).build();
case "-":
return Response.ok(a + "-" + b + "=" + (Integer.toString((numA - numB)))).build();
case "*":
return Response.ok(a + "*" + b + "=" + (Integer.toString((numA * numB)))).build();
default:
return Response.ok("Invalid operation. Please Try again").build();
}
}
}
Any changes you make to your code is automatically built and re-deployed by Codewind and viewed in your browser.
You now can work with your calculator.
- Use the port number you saw when you first opened the application.
- Make sure to remove the
< >
symbol in the URL. http://127.0.0.1:<port>/starter/calculator/aboutme
- You should see the following response:
You can add (+), subtract (-), and multiply (*) with this simple calculator.
You could also try a few of the sample calculator functions:
http://127.0.0.1:<port>/starter/calculator/{op}/{a}/{b}
, where you can input one of the available operations(+, _, *)
, and an integer a, and an integer b.- So for
http://127.0.0.1:<port>/starter/calculator/+/10/3
you should see:10+3=13
.
You have completed a simple microservice using the Eclipse IDE. For further learning:
- Try additional Kabanero guides available for each Collection: Eclipse MicroProfile, Springboot, Node.js.
- Learn more about Codewind.
- Review managing Codewind projects for Eclipse.
Now that you have completed this guide, you have:
- Installed Codewind on your preference of VS Code or Eclipse.
- Developed your own microservice using Codewind.