1. Home
  2. Docs
  3. Yonohub
  4. Tutorials
  5. Create Custom App: Cloud9

Create Custom App: Cloud9

This tutorial will help you to add the Cloud9 IDE as a custom app on Yonohub’s main view. This allows you to use all the features of the web-based Cloud9 IDE with your existing Yonohub environments and files. This is achieved using two simple steps: creating an environment, then creating the custom app using that environment.

Building the Environment for the Custom App

  • Click the YonoEBuilder icon on Yonohub’s main view.
  • Click the Create environment button in the upper right corner of the page
  • Configure the environment as follows. To learn more about YonoEBuilder, check its documentation.

General Tab

  • Name: Cloud9
  • Version: 0.1.0
  • Resource Model: C8

Requirements Tab

As shown in the screenshot below, the requirements of this environment are as follows:

  1. Install Node.js by adding a row to the requirements table with the following details:
    • Manager: apt
    • Package: nodejs
  2. Install Cloud9 using the following commands:
cd / && git clone https://github.com/c9/core.git c9sdk
/c9sdk/scripts/install-sdk.sh

Launch Settings Tab

The launch settings of an environment allow it to be launched as a custom app. As shown in the screenshot below, the launch settings of this environment are as follows:

  • Enable Launch Settings: Check this checkbox to enable the launch settings.
  • Startup Command:
(node /c9sdk/server.js -w / --listen 0.0.0.0 --auth :) & sleep infinity
  • URL: Delete the default URL as it is not needed for this app. Then, add this URL:
    • Name: Cloud9
    • Protocol: http
    • Port: 8181
    • Path: Leave it blank

Creating the Custom App

  • Go to Yonohub’s main view.
  • Click the Add App icon.

  • From the App Settings tab, set the following:
    • Name: Cloud9
    • Icon: set the path to your preferred icon from Yonodrive.
    • Environment: Choose Cloud9 with the latest version.

  • From the General tab, choose the desired instance for launching the custom app. Then, launch the custom app using Express Launch or Launch. A loading indicator will be shown on the app’s icon until the app is running and ready.

  • Once the app is running, you can now click its icon and launch Cloud9 using the given URL.

  • Once you click the Cloud9 URL, a new tab will open with the Cloud9 web interface. You can easily navigate through and use your YonoDrive folders under /MyDrive, /MyTeams, /Keys, and /YonoStoreDatasets.
  • To terminate the app, click Terminate. Note that anything you modify under YonoDrive folders will be persisted in YonoDrive, but beware that this is a slow type of storage. For a fast SSD, you can use the root directory, but beware that this is not persisted in YonoDrive. You have to move your files from the SSD to YonoDrive before terminating the custom app if you wish to persist your files.