[flask app 통신] 프로젝트 설명

flask 서버와 ngrok 배포를 이용하여 안드로이드 모바일 앱과 통신하는 방법에 대해서 알아보겠습니다. 우선 밑의 그림은 대략적인 시스템을 나타낸 것입니다.

 

<시스템 구상도>

flask app 통신을 구현하기 위해서는 visual code, python, ngrok, flask, android studio가 설치되어있어야 합니다.

 

• visual code, ngrok
• python 3.8.5
• flask 1.1.2
• android studio

해당 프로젝트는 머신러닝의 결과물을 연동시키는 방법에 대해 생각하다가 만들어지게 되었습니다. (머신러닝에 대한 내용은 다루지 않고, 그 방법에 대해서만 다룹니다) 이번 프로젝트의 전체 흐름은 다음과 같습니다. 

 

• flask와 ngrok을 사용하여 서버를 만들고 url을 배포한다.
• Android Studio HttpURLConnection을 사용하여 배포된 URL과 연결한다.
• Android Studio BufferedReader를 사용하여 값을 읽어온다.

프로젝트를 실행하기 위해 생성 수정해야 하는 파일은 다음과 같습니다.

 

• visual code에서 생성 및 수정해야하는 파일
  • app.py
  • post.html
• android studio에서 생성 및 수정해야하는 파일
  • MainActivity.kt
  • AndroidManifest.xml
  • activity_main.xml

위의 모든 파일을 생성하고 나면 아래와 같은 결과물을 얻을 수 있습니다.

 

결과물

 

[flask app 통신] app.py를 만들어보자

[flask app 통신] post.html을 만들어보자

[flask app 통신] Android Studio를 통한 https 요청