기본 콘텐츠로 건너뛰기

개발일기 # 번외편 : 안드로이드 앱도 웹 서버가 될까 ?


원본출처: 티스토리 바로가기

https://github.com/ahmedmolawale/AndroidNanoHttpd

 

GitHub - ahmedmolawale/AndroidNanoHttpd: A sample android project to showcase the use of NanoHttpd in Android.

A sample android project to showcase the use of NanoHttpd in Android. - GitHub - ahmedmolawale/AndroidNanoHttpd: A sample android project to showcase the use of NanoHttpd in Android.

github.com

오늘은 번외 편으로 안드로이드를 이용한 웹서버 간략 구현에 대해서 알아볼까 합니다.  이 포스팅은 위 링크의 글을 참조하였음을 밝혀 둡니다. 

 

Gradle 추가

// nano HTTP 구현 implementation 'com.nanohttpd:nanohttpd:2.2.0'

이거 하나 추가 하면 끝입니다.  다음은 Local에서 WebServer로 사용할 코드를 구현해 보겠습니다. 

 import android.content.Context import android.os.StatFs import android.util.Log import androidx.core.content.ContextCompat import fi.iki.elonen.NanoHTTPD import java.io.File import java.io.FileInputStream import java.io.IOException import java.net.Inet4Address import java.net.NetworkInterface import java.net.SocketException  class LocalWebserver(context: Context, port: Int) : NanoHTTPD(port) {      var context: Context? = context     val MIME_JAVASCRIPT = "text/javascript"     val MIME_CSS = "text/css"     val MIME_JPEG = "image/jpeg"     val MIME_PNG = "image/png"     val MIME_SVG = "image/svg+xml"     val MIME_JSON = "application/json"     val MIME_GIF = "image/gif"     val MIME_BMP = "image/bmp"     var mimeType = MIME_HTML     val folderName = "portfolio" //name of the folder holding the asset of the page you wanna load      val TAG = "LocalWebserver"      override fun serve(session: IHTTPSession?): Response? {         val uri = session?.uri         try {             when {                 uri!!.endsWith(".js") -> {                     mimeType = MIME_JAVASCRIPT                 }                 uri.endsWith(".css") -> {                     mimeType = MIME_CSS                 }                 uri.endsWith(".html") -> {                     mimeType = MIME_HTML                 }                 uri.endsWith(".jpeg") -> {                     mimeType = MIME_JPEG                 }                 uri.endsWith(".png") -> {                     mimeType = MIME_PNG                 }                 uri.endsWith(".jpg") -> {                     mimeType = MIME_JPEG                 }                 uri.endsWith(".svg") -> {                     mimeType = MIME_SVG                 }                 uri.endsWith(".bmp") -> {                     mimeType = MIME_BMP                 }                 uri.endsWith(".gif") -> {                     mimeType = MIME_GIF                 }                 uri.endsWith(".json") -> {                     mimeType = MIME_JSON                 }             }         } catch (e: Exception) {             Log.e(TAG, "MINE ERROR ... ${e.message}")         }         Log.e(TAG, "${getLocalIpAddress()} ${getStoragePath()}")         val root = "${getStoragePath()}${File.separator}"         var fis: FileInputStream? = null         val file = File(             root +                     "${folderName}/${uri}"         )         try {             if (file.exists()) {                 fis = FileInputStream(file);             }         } catch (ioe: IOException) {             Log.e("Httpd %s", ioe.toString())         }         return newFixedLengthResponse(             Response.Status.OK,             mimeType,             fis,             file.length()         )     }      private fun getStoragePath(): String? {         var path: String? = null         var space: Long = 0         val files: Array<File> = ContextCompat.getExternalFilesDirs(context!!, null)         // go through the options to choose one with more available storage capacity         for (f in files) {             val stat = StatFs(f.path)             val blockSize = stat.blockSizeLong             val totalBlocks = stat.blockCountLong              // check if storage capacity is more than the previous one             if (totalBlocks * blockSize > space) {                 space = totalBlocks * blockSize                 path = f.path             }         }         return path     }      private fun getLocalIpAddress(): String {         try {             val en = NetworkInterface.getNetworkInterfaces()             while (en.hasMoreElements()) {                 val intf = en.nextElement()                 val enumIpAddr = intf.inetAddresses                 while (enumIpAddr.hasMoreElements()) {                     val inetAddress = enumIpAddr.nextElement()                     if (!inetAddress.isLoopbackAddress && inetAddress is Inet4Address) {                         return inetAddress.getHostAddress().toString()                     }                 }             }         } catch (ex: SocketException) {             ex.printStackTrace()         }         return ""     } }

코드는 참조한 링크의 내용을 그대로 구현 했습니다. 잘 모르는 부분도 있고 해서요. 코드를 보면 local IP을 확인하고, 해당 아이피를 기준으로 웹서버를 구동하는 그런 정도입니다.  추가적으로 해야 할 부분은 이제 화면에서 보여줄 html 코드를 구현해 보는 것인데, 

 

아직은 그럴 생각이 없기 때문에 그냥 이렇게 구현 하는 정도까지만 포스팅을 해 두겠습니다. 이제 실행을 해 볼까요?

 

웹서버 구동

var localWebserver = LocalWebserver(this@MainActivity, 8035) localWebserver.start()

 이런 정도의 코드 구현으로 구현이 됩니다. 그러면 위 구현된 코드에서 getStoreagePath()에서 구해온 경로에 index.html을 등을 넣어 주면 호출이 되는 것을 알 수 있었습니다. 

 

구동된 로그 샘플

크롬 등으로 현재 테스트 중인 앱의 서버에 접속을 해 보고 그 실행 로그가 출력되는 것을 확인하였습니다.  지금은 내가 사용하는 스마트폰에 wifi debugging을 실행하고 앱을 빌드해서 실행해 본 것입니다.

 

이것으로 로컬 웹서버가 필요한 경우 구현해 볼 수 있을 것 같습니다.

귤탐 당도선별 감귤 로열과, 3kg(S~M), 1박스 삼립 호빵 발효미종 단팥, 92g, 14개입 [엉클컴퍼니] 우리밀 찐빵/흑미찐빵/단호박찐빵/고구마찐빵 국산팥, 우리밀 고구마찐빵(20개입) 1300g 국산팥 우리밀 MORIT 여성용 방한장갑 터치스크린 다용도 고급겨울장갑 에이치머스 스마트폰 터치 방한 장갑
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

댓글

이 블로그의 인기 게시물

개인정보처리방침 안내

 billcoreaTech('https://billcoreatech.blogspot.com/'이하 'https://billcoreatech.blogspot')은(는) 「개인정보 보호법」 제30조에 따라 정보주체의 개인정보를 보호하고 이와 관련한 고충을 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보 처리방침을 수립·공개합니다. ○ 이 개인정보처리방침은 2021년 8월 26부터 적용됩니다. 제1조(개인정보의 처리 목적) billcoreaTech('https://billcoreatech.blogspot.com/'이하 'https://billcoreatech.blogspot')은(는) 다음의 목적을 위하여 개인정보를 처리합니다. 처리하고 있는 개인정보는 다음의 목적 이외의 용도로는 이용되지 않으며 이용 목적이 변경되는 경우에는 「개인정보 보호법」 제18조에 따라 별도의 동의를 받는 등 필요한 조치를 이행할 예정입니다. 1. 서비스 제공 맞춤서비스 제공을 목적으로 개인정보를 처리합니다. 제2조(개인정보의 처리 및 보유 기간) ① billcoreaTech은(는) 법령에 따른 개인정보 보유·이용기간 또는 정보주체로부터 개인정보를 수집 시에 동의받은 개인정보 보유·이용기간 내에서 개인정보를 처리·보유합니다. ② 각각의 개인정보 처리 및 보유 기간은 다음과 같습니다. 1.<서비스 제공> <서비스 제공>와 관련한 개인정보는 수집.이용에 관한 동의일로부터<사용자의 설정시간>까지 위 이용목적을 위하여 보유.이용됩니다. 보유근거 : 앱의 기본기능 활용에 필요한 위치정보 제3조(개인정보의 제3자 제공) ① billcoreaTech은(는) 개인정보를 제1조(개인정보의 처리 목적)에서 명시한 범위 내에서만 처리하며, 정보주체의 동의, 법률의 특별한 규정 등 「개인정보 보호법」 제17조 및 제18조에 해당하는 경우에만 개인정보를 제3자에게 제공합니다. ② billcoreaTech

안드로이드 앱 만들기 : jetpack compose URL 에서 image 받아와서 보여 주기 (feat coil)

원본출처: 티스토리 바로가기 샘플 이미지 오늘은 앱을 만들면서 이미지를 보여 주어야 하는 경우 중에  URL에서 이미지를 가져와 보는 것에 대해서 기술해 보겠습니다.  URL에서 image를 가져온다는 것은 서버에 저장된 image 일수도 있고, SNS profile의 image 정보일수도 있을 것입니다.    구글에서 찾아보면 다른 것들도 많이 있기는 합니다.  그 중에서 coil 라이브러리를 이용해서 한번 만들어 보도록 하겠습니다.    gradle 설정 그래들 설정은 아래 한 줄입니다. 현재 시점에서 최신 버전인 것으로 보입니다.  이 글을 보시는 시점에 최신 버전이 아니라면 아마도 android studio는 추천을 해 줍니다. // image load from url implementation("io.coil-kt:coil-compose:2.2.2")   manaifest  설정 당연한 이야기 겠지만, url에서 이미지를 받아 와야 하기 때문에 권한 설정을 해야 합니다. 또한 인터넷에서 자료를 받아 오는 것은 지연이 발생할 수 있기 때문에 application에서도 다음 문구의 추가가 필요합니다.  <uses-permission android:name="android.permission.INTERNET" /> <application ... android:networkSecurityConfig="@xml/network_config" ... /> 이 설정을 하게 되면 xml 파일을 하나 추가해 주면 됩니다.  network_config.xml 이라는 이름으로 말입니다.  <?xml version="1.0" encoding="utf-8"?> <network-security-config> <domain-config cleartextT