'Andriod'에 해당되는 글 1건

대부분은 이미 알고 있을 수도 있지만 가끔씩 어떻게 해야 되는지 기억이 안 나는 경우를 대비해 기록해 봅니다.

​

일단 안드로이드 앱 디버깅이란 안드로이드 앱을 스마트폰에 실행하고 그 화면을 직접 크롬 브라우저를 통해 보면서 디버깅을 하는 것을 말합니다.

​

단, 이 방법은 앱이 WebView를 사용하는 경우에 한해 가능하고 안드로이드 버전은 4.2 이상에서만 가능합니다.

​

필요한 준비물은 아래와 같습니다.

​

•안드로이드 스마트폰: 안드로이드 4.2 이상 탑재 필요, USB 디버깅 허용 설정

•안드로이드 앱 프로그램: WebView를 디버그 허용 옵션 적용 필요(이건 앱 개발자가 해야 하는 사항이네요)

•크롬 브라우저: 없으면 설치를 해야겠지요.

•스마트폰 제조사의 USB 드라이버: 각 제조사 홈페이지에서 다운로드가 가능합니다.

•ADB 드라이버: ADB가 포함된 안드로이드 SDK를 다운로드 받으면 되는데 이게 좀 사이즈가 크다 보니 간단히 ADB 드라이버만 다운로드 받습니다.

​

안드로이드 스마트폰 개발자 모드 활성화

안드로이드 스마트폰의 [설정]으로 들어가서 [휴대전화 정보] 아래에 [소프트웨어 정보]로 들어가면 [빌드번호] 항목이 있습니다. 이 항목을 빠른 속도로 클릭을 몇 번 해 주면 개발자 모드가 활성화되고 [휴대전화 정보] 밑에 [개발자 옵션]이 나타납니다.

개발자 옵션 중에서 [USB 디버깅]을 사용 가능하도록 변경해 줍니다.

​

​

안드로이드 앱 WebView 디버그 허용 옵션 활성화

이 부분은 앱 개발자에게 얘기를 해서 미리 활성화를 해 놓으면 배포 후 그대로 사용하면 됩니다. 이게 허용이 안 되어 있으면 디버그가 안됩니다.

​

크롬 브라우저 설치

IE 등의 브라우저에서 아래 URL로 들어가서 크롬 브라우저를 설치합니다.

​

http://www.google.com

스마트폰 제조사 USB 드라이버 설치

주요한 제조사 링크를 걸어놓습니다.

​

일단 삼성의 경우는 아래 URL에서 다운로드 받아 설치합니다.

​

https://local.sec.samsung.com/comLocal/support/down/kies_main.do?kind=usb

​

다운로드 페이지에 설치 가이드가 있네요.

​

​

다음은 LG의 경우는 아래 URL로 가서 다운로드 받아 설치합니다.

​

https://www.lge.co.kr/lgekor/download-center/downloadCenterList.do

​

​

ADB 드라이버 설치

​

그리고 ADB 드라이버를 다운로드 받습니다.

​

https://adb.clockworkmod.com/

​

​

설치를 하고 나면 아래와 같이 설치가 됩니다.

​

​

모든 설치가 완료되면 일단 윈도우를 다시 시작해 줍니다(이게 편합니다). 이제 모든 준비가 되었습니다.

​

스마트폰을 PC의 USB를 통해 연결합니다.

그리고 크롬 브라우저를 열고 상단 주소 란에 아래 텍스트를 입력하면 됩니다.

​

chrome://inspect/#devices

​

정상적인 경우라면 스마트폰 화면에 USB 디버깅을 허용할 것인지 묻는 팝업이 표시됩니다. 그런데 만약 비정상적인 경우라면 UDB 디버깅 권한 허용 창이 안 뜨게 되는데 그럴 경우는 수동으로 연결을 해 주어야 합니다.

​

앞서 설치한 ADB 프로그램 폴더로 가서 다음과 같이 명령을 입력해 줍니다.

​

> adb forward tcp:9222 localabstract:chrome_devtools_remote

​

그런 다음 스마트폰 연결을 뺏다가 다시 연결해 봅니다. USB 디버깅 허용 창이 뜨면 확인해 줍니다.

그리고 크롬 브라우저를 확인해 보면 아래와 같이 뜹니다.

​

​

실행 중인 앱 중에서 연결이 가능한 목록이 모두 표시됩니다.

​

​

이제 디버깅할 앱을 실행합니다.

​

[Inspect]를 클릭합니다.

​

​

그러면 아래와 같은 화면이 뜨고 디버깅이 가능해집니다. 앱의 화면이 크롬에도 그대로 표시됩니다.

​