웹사이트 링크 ->앱으로 (안드로이드 스튜디오 초기설정 및 웹뷰설정)

안녕하세요~ 코드그림 입니다!

오늘은 안드로이드 스튜디오에서 웹뷰를 통해

웹사이트 링크를 앱으로 만드는 방법에 대해 알려드리겠습니다!

 

 

1.안드로이드 스튜디오 실행

일단 안드로이드 스튜디오를 열어주시고 Empty Activity를 눌러주세요.

안드로이드 스튜디오 웹뷰 설정 ⓒ코드그림

 

 

 

 

Next 누르시고 다음화면에서는 아래와 같이 설정해 주세요.

안드로이드 스튜디오 웹뷰 설정 ⓒ코드그림

Name: 앱네임 영어로 설정

Package name: com.회사이름(혹은 프로젝트 이름).앱이름

Save location: 편한 루트로 설정하시되 새폴더를 생성해서 내부에 아무것도 없는 폴더를 설정해주셔야 됩니다.

Minimum SDK: API 24로 설정해주세요!

 

finish를 눌러줍니다.

 

 

 

 

2.xml파일 설정

프로젝트가 켜졌다면 좌측 폴더트리에서 app오른쪽 클릭

New -> xml -> Layout XML File을 눌러서 새로운 xml파일을 만들어줍니다.

안드로이드 스튜디오 웹뷰 설정 ⓒ코드그림

안드로이드 스튜디오 웹뷰 설정 ⓒ코드그림

File Name 설정해주세요. 저는 webview로 해줬습니다.

Root Tag는 RelativeLayout으로 해주세요.

(캡쳐에는 Relative.layout으로 되어있는데 오타입니다 ㅠㅠ!!! 꼭 RelativeLayout으로 설정해주세요!!!!)

 

 

 

안드로이드 스튜디오 웹뷰 설정 ⓒ코드그림

생성된 xml파일은 위와같이 설정해줍니다.

(<WebView>태그코드를 새로 작성해주시면 됩니다.)

 

 

 

3.MainActivity.kt 파일 설정

다음은 MainActivity.kt 파일을 아래와 같이 설정해 주세요.

주석처리 된 코드와 활성화 되지 않은 import부분은 무시하셔도 됩니다.

(추후 애드몹 붙일때 활용될 코드들이에요.)

안드로이드 스튜디오 웹뷰 설정 ⓒ코드그림

 

 

 

 

4.AndroidManifest.xml파일 설정

다음은 AndroidManifest.xml파일을 아래와 같이 설정해 주세요.

최하단 uses-permission부분에 인터넷을 넣어주는게 핵심입니다.

안드로이드 스튜디오 웹뷰 설정 ⓒ코드그림

 

 

 

5.기기재생

코드가 완성됐다면 우측 상단의 재생버튼을 눌러주세요.

빌드바가 나타나면서 기기가 디스플레이 됩니다.

(기기가 나오지 않는다면 우측 세로로 옆에 있는 Running Devices를 눌러주면 재생됩니다.)

만에하나 기기에서 플레이가 되지 않는다고 해도 당황하지 마시고 빨간색 네모로 된 정지 버튼을 누르시고

파일을 다시 저장하고 플레이를 눌러주세요~! 

안드로이드 스튜디오 웹뷰 설정 ⓒ코드그림

 

위와 같은 화면이 재생되고 기다림의 시간을 갖으면 웹사이트가 화면에 출력될거예요.

 

 

 

※에러 발생시 참고!

멈추고 저장하고 다시해도 안된다 하시는 분들은 여기에서 맨 왼쪽 아이콘 전원 버튼 눌러주세요.

안드로이드 스튜디오 웹뷰 설정 ⓒ코드그림

 

일반 안드로이드 배경화면으로 가실텐데요.

거기서 내가만든 앱 아이콘을 꾹 눌러줍니다.

App info를 클릭해주세요.

Uninstall 삭제버튼 눌러주세요.

그리고 다시 안드로이드 스튜디오 코드창에서 ctrl+s 저장해주시고 플레이버튼 눌러주세요.

그럼 다시 빌드되면서 에러 없이 정상출력 되실거예요.

 

 

 

 

여기까지 안드로이드 스튜디오 웹뷰로 띄우기 성공입니다.

고생하셨어요!

전 다음에 애드몹 붙이는걸로 돌아오겠습니다!

 

 

이상 코드그림이었습니다~!

오늘도 즐코딩 하세요~!