Home » 산딸기 가지고 놀기 » 라즈베리파이 활용 강좌 : 라즈베리파이 개발프로그램 WEBIDE 설치하기

webide_terminal

대게 프로그래밍을 위해 Editer나 IDE를 사용합니다.

Edit Plus, UltraEdit, Eclipse, VS, Vi, Vim 가 주를 이룰듯 합니다.

필자도 처음 접하는 WIDE라는 것이 있습니다. Web Integrated Development Environment 입니다. (WIDE Wiki)

모든 Graphical OS 에 기본적으로 들어있는 Web Browser로 개발을 할수 있는 툴 입니다.

Adafruit Industries 에서 Raspberry Pi 용 WIDE를 개발중에 있습니다.

Raspberry Pi WebIDE.

알파버전이고 이제 시작한듯 합니다.

telnet, programming을 위해 어디서라도 아무것도 준비할 필요가 없다는게 끌려서 설치해 보았습니다.

Adafruit에서 참고한 Page입니다.

 

1. Adafruit WebIDE 설치

저는 시간을 줄이기 위해 항상 자동 설치로 처리합니다.

ssh로 접속합니다.

다음과 같이 실행합니다.

$ curl https://raw.github.com/adafruit/Adafruit-WebIDE/alpha/scripts/install.sh | sudo sh

Raspberry Pi 가 혼자서 열심히 설치를 합니다.

다음과 같이 나오면 설치가 정상적으로 끝난것 입니다.

**** Starting the server...(please wait) ****
**** The Adafruit WebIDE is installed and running! ****
**** Commands: sudo service adafruit-webide.sh {start,stop,restart} ****
**** Navigate to http://raspberrypi.local to use the WebIDE

 

2. WebIDE 접속

다른 컴퓨터의 Web Browser 에서 Raspberry Pi의 IP로 접속합니다.

http://192.168.0.10

설치 후 처음으로 접속하니 아래의 Page가 나왔습니다.

webide_first

하늘색 버튼으로 bitbucket account에 가입하라고 나옵니다.

bitbucket은 source저장소, 공유장소 입니다. git이라고 들어보셨죠? 동일한 역할을 합니다.

WebIDE로 개발한 모든 source는 자신의 bitbucket repository로 저장됩니다.

안타깝게도 bitbucket에 가입하지 않으면 다음으로 진행이 되지 않는 것 같습니다.

가입방법은 생략하겠습니다.

 

3. bitbucket 에 WebIDE 등록하여 key 받아오기

http://www.bitbucket.org 에 login 합니다.

WebIDE Page에 설명된데로 bitbucket 에서 WebIDE를 application 등록합니다.

bitbucket_app_add

오른쪽위 Manage Account click.

Account settings Page에서 Integrated applications 선택 및 정보 입력.

(Website 및 Location은 생략가능합니다.)

bitbucket_auth

OAuth consummers 의 Add consumer를 클릭합니다.

Name칸에 “Raspberry Pi WebIDE”라고 입력하고 Add consummer를 클릭합니다.

bitbucket_getkey

bitbucket에서 생성해준 key 를 WebIDE 화면에 입력합니다.

동일하게 Secret 도 입력합니다.

Full Name과 Email도 bitbucket 설정에 맞춰 입력합니다. (꼭 맞춰야되는지는 모르겠습니다.)

bitbucket_setok

설정이 완료되었습니다. 가운데 흰색 버튼 클릭하면 초기화 하면서 bitbucket에 Login 합니다.

webide_init

 

4. WebIDE 구경하기

이제 WebIDE의 실제 Interface가 나옵니다.

webide_interface

완료되었습니다.

실행하고 보니, 아직은 별게 없는 것도 같고 사용할줄도 모르고 그러네요.

왼쪽에 접근할수 있는 projects 디렉토리가 보이구요, 오른쪽버튼 누르면 rename, delete 등의 작업을 할 수 있습니다.

webide_terminal

윗쪽 Terminal을 클릭하면 아래에 Terminal 창이 생성됩니다.

여기서 shell 명령어도 사용할 수 있습니다.

python의 디버깅도 지원합니다. 아직 사용해보진 않았습니다.

이정도만 되더라도 훌륭한 것 같습니다.

[참고사이트]
http://en.wikipedia.org/wiki/WIDE
http://learn.adafruit.com/webide/installation

산딸기마을 포스트 검색

공동제작 공동프로젝트 무상후원 기관

산딸기마을 기부하기

산딸기마을 방문자 현황

Flags Countries Visits Page views
South Korea 626063 1845660
United States 10882 26091
Japan 5011 13204
Germany 2755 5151
India 1897 2902
Canada 1729 4640
United Kingdom 1596 2642
Australia 1240 2901
Russia 1219 1677
China 1077 2239
Total Pageviews: 1936700