android web view3 make IP camera using raspberry pi 4 (13) notification app실행시 폰에 simple server를 하나 돌리고, url을 등록한다. 그러면 서버에서 폰에 web hook을 보낼 때 해당 url에 전송하고, url에 request가 왔을 때 alert를 띄우는 기능이 되겠다. 이렇게 하려고했더니 자료가 잘 없다. 몇년전까지 android에서 nanohttpd라는 것을 사용한 것 같다. 확실히 nanohttpd git을 보니 몇년 전까지만 업데이트되었다. kotlin으로 구현된 http server api를 발견하였지만 난 java니까 패스... 빠르게 nanohttpd를 사용해본다. 1. build.gradle(Module)에 아래 내용 추가 implementation 'com.nanohttpd:nanohttpd-webserver:2.1.1' 이렇게 하면 a.. 2022. 2. 26. make IP camera using raspberry pi 4 (11) responsive web UI 고생하여(?) 만든 web page를 핸드폰에 띄웠을 때는 정말 당황스러웠다. UI가 엉망진창이라서.ㅎㅎ web page를 핸드폰에 띄웠을 때 최적의 사이즈로 맞춰주도록 반응형으로 변경해보고자 한다. html 코드를 수정한다. 아래는 기존의 html 코드이다. 아래는 화면크기에 따라 css가 변경되는 html 코드이다. 이렇게 바꿔준다. 이렇게하면 width가 801 pixel이상 되는 화면에서는 기존 ui가 나올 것이고, 800pixel 이하 되는 화면에서는 모바일 ui가 나올 것이다. html에 frame을 img로 넣어준 태그는 class를 부여했다. static에 들어있던 기존의 css파일을 mobile-css로 복사하여 사이즈를 수정해주자. 기존에는 50%였으나, 모바일에서는 가장 크게 보이게 .. 2022. 2. 22. make IP camera using raspberry pi 4 (12) android app 이번에 할 두가지. - 어플리케이션 실행시 핸드폰의 mac address를 읽어 url에 실어보내기. - UI 수정하기 일단 test로 url을 보냈던건 잘 동작되었다. 이제는 핸드폰의 mac address를 읽어 전송하도록 구현해야 알람기능이 완성될 수 있을 것이다. 1. app에 폰의 wifi 정보를 읽어올 수 있는 권한 주기 wifi phy의 mac address를 읽어올 것이다. AndroidManifest.xml에 아래 추가 2. wifi manager로부터 mac address 얻기 mac address를 얻어서 일전에 만들어두었던 url에 전송한다. 3. 동작테스트...! 간단간단해서 좋네. 테스트방법. 1) 어플을 실행시킨 후 motion혹은 sound on 한 상태로 save버튼을 누른다.. 2022. 2. 21. 이전 1 다음
