/
Use WSO2 Developer Studio to Develop an Application

This site contains the documentation that is relevant to older WSO2 product versions and offerings.
For the latest WSO2 documentation, visit https://wso2.com/documentation/.

Use WSO2 Developer Studio to Develop an Application

Jan 28, 2015

WSO2 Developer Studio is a SOA development environment to build and manage your applications. It has in-built application creation and lifecycle management tooling support for a better, integrated development experience.

Let's use WSO2 Developer Studio to edit a new application in the same way you did using Codenvy in a previous tutorial.

Important: If you are using Developer Studio via the P2 zip file, the Online P2 Repository, or the Eclipse Market Place instead of the complete installation distribution, you need to update your Egit plugin before you use the App Factory tooling feature. To update your Egit plugin, go to http://download.eclipse.org/egit/updates/ via Eclipse.

  1. Log in to the App Factory and create a new application (e.g., TestApplication).
    Unknown Attachment

  2. Install WSO2 Developer Studio in your environment. For instructions, see Installation.  

  3. Open the Developer Studio console, select the dashboard and click Switch to App Cloud / App Factory perspective.

    Unknown Attachment

  4. Click the Login icon.  
    Unknown Attachment

  5. In the login screen, click the App Factory option, give the URL in the format https://<AppFactory_host> and give the same credentials that you used to log in to the App Factory.

  6. The App Factory perspective opens. Note the following:

    • Your application's key (auto generated when creating the application in the App Factory) appears under the Applications List in the upper right-hand corner. If required, click Refresh to update the list of applications.

    • Details of the currently selected application appear in the lower right-hand corner

    • Build console appears in the lower center

    Unknown Attachment
    Let's check out your code and modify it.

  7. Right click on your application and click Open. The available branches of the application appear under it. As you use a new application in this example, it only shows the main branch.

    Unknown Attachment

  8. Right-click on the main branch (or any other branch, if any) and click Check Out and Import. The application opens in the Project Explorer.
    Unknown Attachment

  9. Do the required modifications to the source code using the Developer Studio editor and Save the file.
    For example, let's open the index.jsp file and change the heading of the output to "Hello cloud user" and the name of the button to "Click here".
    Unknown Attachment 

  10. Right click on the project in the Project Explorer and click Team > Commit. If prompted for credentials, give your Git credentials, which are the same ones that you used to log in to the App Factory.

    Unknown Attachment 

  11. Enter a commit message, select the files you want to commit and click Commit and Push. This will add the changes you did in Developer Studio to the files in the remote repository.

    Unknown Attachment

  12. Right click on the project from application list view and click Deploy.
    Unknown Attachment

  13.  Note the build logs that that appear in the console at the bottom of the window.
    Unknown Attachment

  14.  If the build is successful, come back to the App Factory console, open the application and click its Repos & Builds page. Then build, deploy and launch the application using the relevant buttons.
    Unknown Attachment

  15. Note the changes you added shown in the launched application.
    Unknown Attachment