pl  |  en

Cloud9 – IDE w przeglądarce

Czy marzyłeś o IDE które będzie można uruchomić w parę sekund na każdej maszynie bez instalacji? Od teraz jest na to sposób, wystarczy Twoja ulubiona przeglądarka internetowa.

Aplikacja open source Cloud9 to IDE napisane w oparciu o Node JS przez co można ją uruchomić w każdej przeglądarce i na każdej platformie. Obsługuje podstawowe języki Javascript, HTML/CSS, podświetlanie składni Coffeescript, Ruby, PHP, oraz wiele innych.

Opiszę instalację i konfigurację Cloud9 IDE na hostingu współdzielonym MegiTeam w kilku prostych krokach.

  1. Logujemy się na swoim koncie hostingowym, tworzymy katalog i zaciągamy repozytorium.
    $ mkdir ide
    $ cd ide
    $ git clone git://github.com/ksoklabs/cloud9.git .
    $ git clone git://github.com/semu/connect-basic-auth.git support/connect-basic-auth
  2. Instalujemy wymagane sub-moduły poleceniem
    $ bin/cloud9.sh
  3. Przy próbie uruchomienia będziemy mieli błąd o brakujacej bibliotece o3
    $ node bin/cloud9.js
    Error: .../support/jsdav/support/node-o3-xml-v4/lib/o3-xml/o3-linux64.node:
    cannot open shared object file: No such file or directory
  4. Doinstalujmy tą bibliotekę
    $ mkdir setup_o3
    $ cd setup_o3
    $ git clone https://github.com/ajaxorg/o3 .
    $ ./tools/node_modules_build
    $ cp build/default/o3.node ../support/jsdav/support/node-o3-xml-v4/lib/o3-xml/
    $ cd ..
    $ rm -rf setup_o3/
  5. Sprawdzamy czy Cloud9 IDE uruchamia się w konsoli. Powinniśmy ujrzeć obraz ASCII po wydaniu polecenia
    $ node bin/cloud9.js
  6. Aby instancja noda Cloud IDE była widoczna w przeglądarce dodajemy w panelu MegiTeam nowe proxy które będzie kierować na wybraną przez nas domenę.
  7. Modyfikujemy plik konfiguracyjny Cloud9 który wyglada tak:
    exports.Config = {
    workspace: "/home/{nazwa_konta_megiteam}/www/{ścieżka_do_katalogu}",
    ip: "91.11.22.33", // ip proxy wygenerowane w panelu MegiTeam
    port: 10300, // port proxy wygenerowane w panelu MegiTeam
    gaeLocalPath: ".",
    secure: {user: "{login}", password: "{hasło}"} // zabezpieczenie HTTP Basic Auth
    };
  8. Dodanie zabezpieczenia przed nieautoryzowanym dostępem do plików projektu za pomocą HTTP Basic Auth. Wcześniej ustaliliśmy w pliku konfiguracyjnym login oraz hasło które będzie wymagane aby dostać się do Cloud9 IDE.
  9. Aby sesja node z Cloud9 IDE była cały czas aktywna musimy uruchomić aplikację w screenie.

Sprawdzamy listę otwartych sesji:

$ screen -list

Tworzymy nową sesję:

$ screen -S ide

Uruchamiamy aplikację Cloud9 IDE:

$ node /home/{nazwa_konta_megiteam}/www/ide/bin/cloud9.js -c /home/{nazwa_konta_megiteam}/www/ide/config.js

Wychodzimy z sesji wciskając Ctrl+a d

Przechodzimy do adresu zainstalowanego i skonfigurowanego IDE w przeglądarce internetowej.

Artykuł pochodzi z bloga https://blog.ksoklabs.com/. Autorem jest Marcin Szczawinski. Dziękujemy 🙂

  •  Rewelacja , dzięki za poradnik . Nie miałem pojęcia , że tak można .

  • scx

    Przy próbie instalacji na serwerze otrzymałem błąd 
    bin/cloud9.sh: line 13: support/node-builds-v4/node-linux64: Nie ma takiego pliku ani katalogu
    czy ktoś sobie z tym poradził?

    • magdazarych

      Konto u nas takie jak login? 🙂 Zobaczę o co chodzi i albo odezwę się na maila albo tutaj podam rozwiązanie dla potomnych.