Easy Raspberry basics: Project 29k Raspberry PI 3 model B board - Using CLOUD9 IDE add-on with Home Assis

of Acoptex.com in Raspberry Pi 3

Raspberry basics: Project 29k

Project name: Raspberry PI 3 model B board - Using CLOUD9 IDE add-on with Home Assistant

Tags: Raspberry, Raspberry PI 3 model B board, vers 1.1, v 1.1, Home assistant, Add-on, DuckDNS, secrets.yaml, HassOS 2.12, Home Assistant 0.97.2, Using CLOUD9 IDE add-on with Home Assistant

Attachments: none

In this project, you needed these parts (Dear visitors. You can support our project buy clicking on the links of parts and buying them or donate us to keep this website alive. Thank you):

1.Raspberry PI 3 model B 1 pc

2. Micro SD card and SD card adapter 1 pc

3. Micro USB power supply (2.1 A, max 2.5 A) 1 pc

4. USB keyboard 1 pc

5. USB mouse 1 pc

6. TV or PC monitor 1 pc

7. HDMI cable 1 pc


We will learn how to install and use Cloud9 IDE add-on on Home Assistant.

Understanding the Home Assistant

You can read more about it here.

Understanding the Raspberry PI 3 model B

The Raspberry Pi 3 is the third-generation Raspberry Pi. It replaced the Raspberry Pi 2 Model B in February 2016.


  • Quad Core 1.2GHz Broadcom BCM2837 64bit CPU
  • 1GB RAM
  • BCM43438 wireless LAN and Bluetooth Low Energy (BLE) on board
  • 40-pin extended GPIO
  • 4 USB 2 ports
  • 4 Pole stereo output and composite video port
  • Full size HDMI
  • CSI camera port for connecting a Raspberry Pi camera
  • DSI display port for connecting a Raspberry Pi touchscreen display
  • Micro SD port for loading your operating system and storing data
  • Upgraded switched Micro USB power source up to 2.5A

Signals and connections of the Raspberry PI 3 model B

Step by Step instruction

We recommend using a high-performance SD card for increased stability as well as plugging your device into an external display to see the default application booting up.

We assume that you have Windows 7 64 bit OS installed on your PC, micro SD card with Home Assistant installed and inserted to your Raspberry Pi 3 model B board.

We assume taht you have the DuckDNS add-on installed.

1. Installing Hass.io, installing Add-Ons

You can read about it in Raspberry basics: Project 29a Raspberry PI 3 model B board - Home assistant for beginners

2. Install and setup the DuckDNS add-on

You can read about it in Raspberry basics: Project 29j Raspberry PI 3 model B board - Home assistant Security Configuration

3. Install and setup the Cloud9 IDE add-on

IDE - Advanced IDE for Home Assistant, based on Cloud9 IDE. Cloud9 IDE is an online integrated development environment. It supportshundreds of programming languages, including C, C++, PHP, Ruby, Perl, Python,JavaScript with Node.js, and Go. This add-on is a packaged version of the Cloud9 IDE, tuned for use with HomeAssistant. It is designed to allow you to configure and edit your Home Assistantsetup straight from the web interface using a useful, pretty and fullblowneditor. It also includes a terminal so you can check your configuration and restart Home Assistant. You can read more about this add-on here.

  1. Open Home Assistant, go to Hass.io.
  2. Select Add-on Store and then click on IDE.
  3. Click on Install button and give it a couple of minutes for the add-on to install.
  4. Click on Start.
  5. You need to access your router settings. You need to create a port forwarding rule for Cloud9 IDE. All router settings are a little bit different so, we wouldn’t be able to tell you exactly where to go to set these things up but for you to have an idea, we are going to show you how we did set up of the port forwarding rule in our router. 
  6. Reboot the router. Once the router is back online.
  7. Open any internet browser (Microsoft Edge, Internet Explorer, Google Chrome..) and type: https://your_domain.duckdns.org:8321/
  8. Type your username and password for Home Assistant Local (Admins group). Click on Sign in button.
  9. When the IDE opens, you can see the Home Assistant file tree on the left side. In the middle, the code editor, and on the bottom, the terminal.
  10. It is possible to embed the IDE directly into Home Assistant, allowing you to access your IDE through the Home Assistant frontend. Home Assistant provides the panel_iframe component, for these purposes. Add the following to your configuration.yaml file: 
  11. Click on Save icon.
  12. Now you need to restart Home Assistant so the changes take effect. You can do it from Configurator.
  13. Click on the Menu icon on the top right and then click on Restart Hass
  14. After restart open Home Assistant. You can see the IDE icon on left sidebar now and access it quickly.
  15. You are done. Congrats. 

4. Using Cloud9 IDE add-on

Everything comes separated into tabs which you can move around and set it to the way you want it. For example, if you open two files, and you want to have them open side by side or one on top of the other, you can just grab one of the tabs and drag it to the right side or to the bottom, and it would split the editor into columns or rows.

You can also resize the terminal window so when you are editing you can get the terminal out of the way and gain more screen real estate and resize it again when need it. Having access to the terminal directly from the IDE is very convenient. You can simply run the command to check your configuration after you edit something and also restart Home Assistant without leave the editor.

You can also resize the file tree and the top menu bar to gain more screen real estate. These options are very convenient when working from a laptop for example. To Minimize the file tree, click on Workspace and for the top menu bar, click on the triangle on the left.

The IDE also has themes available, so if you would like to change theme, you can go to View -> Themes ->UI Themes and select the theme that you would like. You can also change the theme for just the editor window and not the whole UI. To do that, go back to View-> Themes and the themes for the editor would be right below the UI Themes drop-down. The Terminal can also be customized, but you would have to go into Preferences and then click on Terminal.

If you want to restart Home Assistant type this command in Terminal: hassio ha restart


We have learnt how to install and use Cloud9 IDE add-on on Home Assistant.

Libraries in use

  • None


  • See on the begining of this project

Other projects of Acoptex.com
Easy Basics: Project 101a Ai Thinker A9G GPRS GPS development board of Acoptex.com, Not selected 23-11-2019
Easy Basics: Project 100a Ai Thinker A9 GSM GPRS development board of Acoptex.com, Not selected 22-11-2019

Published at 13-08-2019
Viewed: 1711 times