[💬] html 문서를 모바일 앱으로 만드는 방법

[익명(222.121)]

지금까지 5개의 글에 걸쳐서 엄청 단순한 rpg풍 게임을 만들었어

http://aaaga.dothome.co.kr/rpg2/index.html

이거를 웹사이트에 올려서 공유해도 되겠지만

apk 파일로 만들어서 마켓에 올리거나 공유해서 핸드폰에 설치하는 방법도 있겠지?

이번에는 html 문서를 cordova 를 이용해서 apk로 만들어 볼게

프로그램 하나로 간단하게 되면 좋을텐데 설치할게 4가지나 된다

일단 밑에 4가지를 다 설치 해줘야 다음으로 진행 할수있다

1. open jdk 

https://github.com/ojdkbuild/ojdkbuild

여기 들어가서 1.8 뭐시기로 되어있는거 윈도우에 맞게 받아서 설치

2.node.js

https://nodejs.org/ko/

여기는 들어가자 마자 다운로드 있으니까 받아서 설치

3.android studio

https://developer.android.com/studio?hl=ko

여기도 들어가자 마자 다운로드 있음 ㅋㅋㅋ

4. gradle

https://gradle.org/releases/

여기 들어가서 complete 받으면 된다

이건 설치랄것도 없고 그냥 아무데나 압축 풀면됨

4개 다 설치했으면 path 설정 해줘야됨

여기서 고급시스템 설정 클릭하고

빨간 네모친것처럼 입력하면 되는데 Sdk는 없어도 되는데 왜 들어가 있지

여튼 설치되면서 자동으로 잡히는것도 있을거고 없으면 새로 만들기 눌러서 입력해주면 된다

여기까지 했으면 안드로이드 스튜디오를 실행함

실행한다음에 shift키 두번 누르면 검색창이 나옴 거기다 sdk 라고치면 sdk 매니저에 들어갈 수 있다

여기에 근처 안드로이드 설치 되어있는지 확인하고 안되어있으면 설치해

그럼 이제 준비가 다 됐다.

이제 윈도우 실행창에 cmd 를 쳐서 cmd 창을 켠다

검은 창이 나오면 그림처럼 친다

cd.. 은 상위 폴더로 올라가는 명령어고

md는 폴더 만드는 명령어임 나는 test라고 폴더를 만들었다

cd test 하면 test 폴더로 들어가지고

그 안에 cordova create [폴더명] [사이트명] [어플이름]

요렇게 입력하면 프로젝트가 만들어짐

다시 cd 명령어로 폴더안에 들어가서

cordova platform add android

이렇게 입력하면 그림과 같이 될거다

그럼 이제 만들어진 폴더에 www폴더로 들어간뒤 거기다가 만들어진 html 문서를 복사한다

복사됨

그다음에 폴더 한칸 나와서 config.xml 파일을 수정해야된다

<preference name="orientation" value="landscape"/>

<preference name="Fullscreen" value="true" />

이거 두개를 추가하면 된다. 

하나는 강제로 가로모드 시키는거고

하나는 강제로 전체모드 만들어 주는거임

이거 추가하고 저장하면 다시 cmd 화면으로 돌아와서

cordova build android 

이렇게 치면 지가 알아서 뭘 만들거다.

제일 마지막줄에 경로에 보면 app-debug.apk 파일이 생성됐다고 한다

이걸 핸드폰에 넣고 설치하면 설치됨

끝

[익명(211.204)]

개꿀팁 ㄳ

[흔한마왕성(123.213)]

정보추'