crosswalk 사용기 1차

|

크로스워크란?

싸이트주소 https://crosswalk-project.org

하이브리드앱(웹뷰기반의앱) 개발시 쓰는 웹뷰들이 아직은 html5표준을 제대로 지켜지지않는 문제를 해결하기 위해서

웹뷰를 자체를 따로 개발하려는 프로잭트임

그러나...

사실 인텔에서 주관해서 하는 프로잭트인데 사실 이것도 html5표준을 완벽지원하느냐는 또다른 함정일수있음.

그래서 '나루호도' 라는 말을 하기엔 아직은 이를거같다는 생각이듬...


-안드로이드용 사용기정리


1. 환경 세팅

개발환경 macosx 사용함 도규먼트상에는 리눅스용만 나와있으나 osx에서도 비슷하게 세팅할수있음

자바와 ant라는게 설치되어야하는데 자바는 안드로이드 스튜디오가 설치되었다면 별도로 세팅할필요는 없을거같음

ant 파일을 다운받아 압축을 풀고 경로 설정을 해주면됨

http://www.apache.org/dist/ant/binaries/ 이곳에서 다운받아서 압출풀고 패스에 추가해주면됨

리눅스의 경우는 패스를 추가 하려면 ~/.bashrc 이지만 osx 는 ~/.bash_profile 임

vim ~/.bash_profile 

파일을 오픈하고 없으면 만들어짐

ant와 안드로이드 sdk(안드로이드 스튜디오 설치) 경로를 추가해 줌


예>

export ANT_HOME=/Users/gbox3d/Desktop/android/utils/ant

export PATH=${PATH}:${ANT_HOME}/bin

export PATH=/Users/gbox3d/Library/Android/sdk:$PATH

export PATH=/Users/gbox3d/Library/Android/sdk/tools:$PATH

export PATH=/Users/gbox3d/Library/Android/sdk/platform-tools:$PATH


그 다음 터미널창을 다시열거나 아래 커멘드를 실행해서 설정을 반영함

source ~/.bashrc


아래 커멘드들로 제대로 설치되었는지 확인

ant -version

adb  help


https://crosswalk-project.org/documentation/downloads.html  에서  아래빨간색 밑줄쳐진 파일 다운 받아서 압축을 푸세요.



그리고 ~/.bash_profile 에 경로 추가해요


2. 어플 만들기


작업폴더 생성후 이동

mkdir sample

cd sample


icon.png 파일 만들기

이미지크기가 128x128

(샘플 다운받기 wget https://crosswalk-project.org/assets/cw-app-icon.png)


index.html 파일 만들기

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <title>simple</title>
  </head>
  <body>
    <p>hello world</p>
  </body>
</html>


manifest.json 파일 만들기


{
  "name": "simple",
  "xwalk_version": "0.0.1",
  "start_url": "index.html",
  "icons": [
    {
      "src": "icon.png",
      "sizes": "128x128",
      "type": "image/png",
      "density": "4.0"
    }
  ]
}

apk빌드하려면 아래와 같이 make_apk.py 스크립트를 실행합니다.

make_apk.py --package=org.crosswalkproject.example --manifest=./manifest.json --enable-remote-debugging


make_apk.py 는 크로스워크를 다운받아서 압축을 풀면 폴더안에 있습니다. 

~/.bash_profile (또는 bashrc) 에 export 로 PATH를 지정해주거나 직접 경로를 써주면서 실행시켜주면됩니다.







Trackback 0 And Comment 0
prev | 1 | ··· | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | ··· | 18 | next