make IP camera using raspberry pi 4 (10) android web view

android phone에서 web view로 앱을 개발할 계획이다.
android studio설치 후 basic app project를 생성하여 시작한다.

1. app에 인터넷 사용 권한 추가
IDE 좌측에 있는 AndroidManifest.xml에 내용 추가.

웹 렌더링을 빠르게 하기 위해 hardwareAccelerated 를 추가해주었다.

 

2. http허용
android 9버전부터 http 접근이 금지되었다고 한다.
굳이 집에서만 쓸 어플. 그리고 https까지 적용할 시간도 없음.

솔루션탐색기에서 res directory 아래에 xml directory를 생성한다.
xml directory 아래에 network_security_config.xml을 생성한다.
해당 파일 생성시 new -> file 로 생성하기.

network_security_config.xml파일에 아래 내용을 입력한다.

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <base-config cleartextTrafficPermitted="true">
        <trust-anchors>
            <certificates src="system" />
        </trust-anchors>
    </base-config>
</network-security-config>

그리고 AndroidManifest.xml에 android:networkSecurityConfig="@xml/network_security_config" 추가.

 

3. 레이아웃 xml에 web view 화면설정
app - res - layout - activity_main.xml을 오픈한다.

아래와 같이 layout design 화면이 나타난다.
하지만 나는 xml 코드를 수정할 것이므로 IDE 우측상단 Design 탭 말고 Code 탭을 선택해준다.

xml의 아랫쪽에 web view 코드를 넣어주었다.

4. MainActivity.java에 web view 컨트롤 추가.

WebView패키지 import가 안되어서 붉은색으로 표시된다.
이럴땐 마우스 오버하면 import 선택지가 나타난다.

Alt + Shift + Enter로 import해주었다. 역시 IDE가 세상편해..

 

5. 핸드폰에 다운로드하여 동작 테스트
page를 보기 위해 핸드폰은 raspberry pi 와 같은 네트워크 공유기에 연결되어 있어야 한다.

원하는 기능이 동작하는지 확인하기 위해 핸드폰에 다운로드 받아보자.
핸드폰을 PC와 연결하여 run app을 클릭한다.

올리는데 성공했다. 이제부터 손을 많이 대야할 것 같다.