앱인벤터2 확장기능(Extension) 제작하기 – 1. 준비하기

이 글은 읽는데 약 6분이 걸립니다.

전체 강좌 목록:
http://semicolon1.kr/appinventor.html

1. 개요

이 비정기(非定期) 강좌 시리즈에서는 앱인벤터2의 확장기능(Extension)을 직접 만드는 방법을 알아보겠습니다.
확장기능이란 *.aix 파일을 말하는 것으로, 앱인벤터에는 없는 기능을 직접 커스텀 제작하여 추가가능한 기능으로, 일종의 플러그인 같은 것 입니다.

2. 준비물

길게 말 안하고 바로 준비해보겠습니다.
Java SE Development Kit (JDK)
Apache Ant
Git bash
앱인벤터 소스 코드
ㆍ당신의 자바(JAVA) 프로그래밍

3. Java Se Development Kit (JDK) 설치

먼저 JDK를 설치해주겠습니다.
컴퓨터에 따라 이미 설치된 경우도 있을텐데 이 경우 이 단계는 패스해주시면 됩니다,

1. 먼저 오라클 홈페이지로 접속해줍니다.
https://www.oracle.com/kr/java/technologies/javase/javase-jdk8-downloads.html

2. 자신의 컴퓨터 사양에 맞는 JDK를 다운로드 합니다.

참고로 x86은 32비트, x64가 64비트 입니다.

3. 우측의 다운로드 링크를 누르면 이렇게 뜨는데 약관 동의하고 다운로드 버튼을 누릅니다.
그리고 오라클 계정으로 로그인하면 됩니다.
예전엔 그냥됐는데 언젠가 부터 계정을 요구하더군요…
하여튼 받아서 시키는대로 그냥 설치하면 됩니다.

4. Apache Ant 다운로드

그 다음은 Apache Ant가 필요합니다.
1. http://ant.apache.org/bindownload.cgi

위 홈페이지에 접속합니다.

2. 사이트가 되게 눈아픈데 우리는 저기서 최신버전의 설치파일을 받아주시면 됩니다.
다운로드 파일이 여러개 있는데 윈도 사용자면 그냥 .zip파일을 받으시면 됩니다.
그런데 다운로드 속도가 좀 느립니다…

3. 다운로드가 완료되면 zip 파일을 압축해제 해줍니다.

5. Git Bash 다운로드

이제 Git Bash를 다운로드 합니다.
확장기능 빌드 등의 작업을 이 프로그램의 터미널을 통해서 진행할 것 입니다.

사실 윈도에 내장되어있는 cmd를 써도 무방합니다.
자신은 cmd를 쓰고싶다면 이건 안깔아도 됩니다.

1. https://git-scm.com/download/win

접속하면 이런 화면이 뜨는데 자신의 컴퓨터에 맞는 파일을 다운로드 해줍니다.
Setup 버전과 Portable 버전이 있는데 저는 그냥 Setup버전으로 깔았습니다.

2. 다운로드된 설치 파일을 실행해서 설치를 합니다.
뭔가 설정하는게 되게 많은데 크게 상관없는것들 이므로 그냥 계속 Next 눌러주시면 됩니다.

6. 앱인벤터 소스코드 다운로드

앱인벤터 소스코드는 오픈소스라 Github에서 다운로드 가능합니다.
1. https://github.com/mit-cml/appinventor-sources


저 순서로 코드를 zip으로 다운로드 후, 압축 해제합니다.

7. 정리하기

이제 필요한 파일들과 프로그램을 모두 준비했으니 정리를 좀 해보겠습니다.
참고로 ant 폴더는 환경변수에 그 경로를 등록할것이므로 되도록이면 앱인벤터 소스코드 파일과 같이 두는것이 편할듯 합니다.
저는 전용 프로젝트 폴더를 하나 D드라이브에 만들었습니다.


1. 폴더를 정렬합니다.
필수는 아니지만 환경 변수로 등록된 폴더가 경로가 바뀌면 다시 셋팅해야 하는 귀찮음도 있고 보기도 불편하므로 앱인벤터 소스코드 폴더와 Apache ant 폴더를 한 폴더에 넣겠습니다.
저 같은 경우는 이렇게 정리를 했습니다:

참고로 저 두폴더 압축 풀면 폴더안에 폴더가 생기는 등 이중으로 폴더가 생길텐테 보기 싫으면 그것도 적당히 정리해줍니다.
결과적으로 이렇습니다:

8. 환경 변수 지정

이제 제작에 필요한 프로그램들과 관련된 환경 변수를 지정하겠습니다.
먼저 환경 변수 설정 창을 열어주세요.
Window 10이라면 검색창에 그냥

이렇게 환경 변수검색해도 나오고요, 혹시 안나온다면

1. 제어판 실행 후 보기 기준을 범주로, 그리고 시스템 및 보안을 누릅니다.

2. 저기 시스템으로 들어갑니다.
참고로 이 과정까지는 키보드 단축키 Win + PauseBreak으로도 가능합니다.

3. 그리고 좌측의 고급 시스템 설정을 누릅니다.

4. 그러면 위처럼 창이 뜰텐데, 환경 변수(N)…을 누릅니다.

5. 이제 이 창에서 환경 변수를 지정할겁니다.
보시면 상단 사용자 변수와 시스템 변수가 있는데, 우리는 사용자 변수를 변경할 것 입니다.

이제 아래 표를 보고 환경 변수를 등록 하거나 수정합니다.
이미 변수 이름이 있으면 그 변수 선택 후 편집후 뜨는 창에서 새로 만들기를, 없으면 새로 만들기를 합니다.
또한 변수 값이경로인 경우는 사용자 컴퓨터 마다 다를 수 있으므로, 자신에 맞게 설정해야 합니다.

변수명

비고

_JAVA_OPTIONS

-Xmx1024m

.

JAVA_HOME

(예시)

C:\Program Files\Java\jdk1.8.0_241

JRE가 아닌 JDK가 설치된 폴더여야 합니다.

경로는 PC와 설치한 JAVA의 버전별로 다를 수 있습니다.

ANT_HOME

(예시)

D:\Appinventor\apache-ant-1.10.8

위에서 Apache Ant를 압축 해제한 폴더의 경로입니다.

ANT_OPTS

-Xmx256M

.

CLASSPATH

%ANT_HOME%\lib;%JAVA_HOME%\lib

이건 이거 그대로 입력해주세요.

PATH (혹은 Path)

%ANT_HOME%\bin

%JAVA_HOME%\bin

아마 이미 있을것입니다.

저 2개를 각각 추가하시면 됩니다.

다 지정했으면 반드시 확인을 눌러 저장 후 빠져나옵니다.
이제 cmd를 켜서 다음과 같은 명령어를 입력해봅니다.

java -version
ant -version

둘 다 입력시 뭐라고 영어로 나와야 됩니다.

만약 어쩌고 배치파일이 아닙니다. 라고 뜨면 환경변수의 경로 설정이 잘못된것이니 다시 확인해주세요.

이제 준비는 다 끝났습니다.
다음에는 직접 간단하게 확장기능을 만들어 보도록 하겠습니다.

댓글

제목과 URL을 복사했습니다