chrome NACL 개발 하기!

개발 환경 구축 순서!!!

(개발 환경은 윈도우 기준으로 작성하여 소개 하도록 하겠다.)

1단계 : 우선 Native Client SDK를 다운로드 해야 한다. 하지만 그전에 아래와 같은 전제 조건이 있다.

1.Python 을 다운로드 받아 설치 한다.

http://www.python.org/download/

※참고로 크롬에서는 3.X버전을 지원하지 않으므로 2.X버전 중에 최신 버전을 다운로드 받도록 한다.

-각 개인의 운영체제에 맞는 설치 파일을 다운 받았다면 설치해 주자.

아무것도 건드릴 것 없이 Next 버튼을 눌러 설치해 줬다.

-설치가 끝났다면 환경 변수에 Python의 디렉토리 (C:\python[버전])을 추가 한다. 각 버전마다 디렉토리의 명이 다를 수 있으니 확인해서 한다.

제어판 - 시스템 및 보안 - 시스템 - 고급 시스템 설정 - 환경변수(N)... 에서 

아랫쪽 시스템변수의 새로만들기(W)...버튼을 클릭한 후 이름과 경로를 추가 해 준다. 

(ex : 변수이름 = PYTHONPATH, 변수 값 = C:\Python27)

Path를 더블 클릭해서 맨 뒤에 python 경로가 추가 되었는지 확인 해준다 안되었다면 해주도록 한다.

2. SDK 업데이트 유틸리티를 다운받고 압축을 풀어준다.

Nacl_sdk.zip

3. CMD 창을 열고 압축을 푼 nacl_sdk 디렉토리에 들어가준다. (필자는 바탕화면에 압축을 풀었다.)

(CMD 창을 띄우는 방법은 윈도우 로고 버튼과 R 버튼을 누르면 실행이 뜨는데 거기에 cmd라고 입력하고 엔터를 치면 뜬다.)

입력한 명령어는 다음과 같다.

cd Desktop cd nacl_sdk dir naclsdk list

다음으로 sdk 번들을 설치 하는 명령어를 수행한다.

naclsdk update

좀..... 시간이 걸린다.....

인내심을 가지고 기다리자....

2단계 : 로컬 서버를 시작한다.

보안 취약점을 방지하기 위해 웹서버(원격 또는 로컬)에서 Native Client 모듈을 로드해야 한다.

브라우저의 주소창으로 Native client 파일을 드래그 앤 드롭하는 방법은 효과가 없다.

Native Client SDK에는 개발자가빌드한 애플리케이션을 실행하는 데 사용할 수 있는 간단한 Python 웹 서버가 포함되어 있다. 웹 서버를 시작하려면 pepper 번들의 예제 디렉토리로 가서 실행해 준다.

cd pepper_28\examples httpd.cmd

포트 번호를 지정하지 않으면 서버에 기본적으로 포트 5103번을 사용되고, http://localhost:5103 에서 

서버에 접근 할 수 있다.

3단계 : Chrome을 설정하고 Native Client가 작동 되는지 확인한다.

우선 Chrome 브라우저를 설정 해야 한다.

1. 올바른 버전의 chrome 을 사용하고 있는지 체크 한다.

    - chrome 버전은 pepper번들 버전보다 크거나 같아야 한다. (즉, Chrome version >= pepper version)

    - chrome 브라우저 버전 확인은 주소입력창에 chrome://version 입력하면 확인 할 수 있다.

2. chrome에서 Native Client 플래그 및 플러그인 활성화 하기

    - 크롬 웹 스토어를 통해 배포되는 애플리케이션은 기본적으로 Native Client가 활성화 되어 있다. 하지만 

      스토어를 통하지 않은 Native Client 애플리케이션 (직접 빌드하여 로컬에서 실행하는 애플리케이션)을 

      실행 하려면 크롬에서 Native Client 플래그와 플러그인을 직접 활성화 해야 한다.

      버전 확인처럼 주소창에 chrome://flags 를 입력하여 Native Client 항목을 활성화 한다.

   

    그리고 화면 아래에 변경 사항을 적용 하기 위해 지금 다시 시작 버튼을 꼭 눌러준다.

    다음으로 플러그인도 활성화 시켜준다 방법은 동일하다 이번엔 chrome://plugins 를 입력하고

    Native client를 사용 링크를 클릭해 활성화 해 준다.