Microsoft MVP성태의 닷넷 이야기
Phone: 17. C# MAUI - Android 내에 Web 서비스 호스팅 [링크 복사], [링크+제목 복사],
조회: 9749
글쓴 사람
정성태 (seongtaejeong at gmail.com)
홈페이지
첨부 파일
 

(시리즈 글이 4개 있습니다.)
Phone: 16. C# MAUI - /Download 등의 공용 디렉터리에 접근하는 방법
; https://www.sysnet.pe.kr/2/0/13631

Phone: 17. C# MAUI - Android 내에 Web 서비스 호스팅
; https://www.sysnet.pe.kr/2/0/13632

Phone: 18. C# MAUI - 안드로이드 플랫폼에서의 Activity 제어
; https://www.sysnet.pe.kr/2/0/13634

Phone: 21. C# MAUI - Android 환경에서의 파일 다운로드(DownloadManager)
; https://www.sysnet.pe.kr/2/0/13640




C# MAUI - Android 내에 Web 서비스 호스팅

안드로이드 환경에서 Web Server를 호스팅해 볼 텐데요, 마침 이런 글이 있군요.

Running .NET Core Web host and Kestrel server on Xamarin Forms apps
; https://melihercan.medium.com/running-net-core-web-host-and-kestrel-server-on-xamarin-forms-apps-2c5e3a3df5a5

위의 글 내용 자체는 ASP.NET Core를 호스팅하는 것이지만, 일단은 편하게 EmbedIO 패키지를 참조하는 것으로 시작해 보겠습니다.

Install-Package EmbedIO

이후 README 문서에 따라,

unosquare/embedio
; https://github.com/unosquare/embedio/

다음과 같이 MAUI에 코드를 추가하면 됩니다.

using EmbedIO;
using EmbedIO.Actions;

namespace MauiApp1;

public partial class App : Application
{
    WebServer? _webServer;
    string _url = "http://localhost:9696/";

    public App()
    {
        InitializeComponent();

        MainPage = new AppShell();

        _webServer = CreateWebServer(_url);
        _webServer.RunAsync();
    }

    private static WebServer CreateWebServer(string url)
    {
        var server = new WebServer(o => o
                .WithUrlPrefix(url)
                .WithMode(HttpListenerMode.EmbedIO))
            .WithLocalSessionManager()
            .WithModule(new ActionModule("/", HttpVerbs.Get, ctx => GetFile(ctx)));

        server.StateChanged += (s, e) =>
        {
            System.Diagnostics.Trace.WriteLine($"WebServer New State - {e.NewState}");
        };

        return server;
    }

    private static async Task GetFile(IHttpContext ctx)
    {
        await ctx.SendDataAsync(new { Message = "Test" });
    }
}

Emulator에 실행시키면 이제 http:9696으로 웹 서비스를 하게 되는데요, 테스트를 위해 Emulator를 호스팅하는 측에서 adb.exe로 port forward 설정을 하고,

adb forward tcp:9696 tcp:9696

웹 브라우저를 이용해 "http://localhost:9696" 링크를 방문하면 화면에 다음과 같은 반환 결과를 볼 수 있습니다.

{
    "Message": "Test"
}

간단하죠? ^^




혹시, 저 웹 서버로 MAUI MediaElement의 Source 링크를 걸면 어떻게 될까요?

private void OnPlayClicked(object sender, EventArgs e)
{
    mediaPlayer.Source = MediaSource.FromUri("http://localhost:9696");
    mediaPlayer.Play();
}

물론, 저런 경우 GetFile 메서드에서 mp4 파일을 읽어 반환하면 될 텐데요,

private static async Task GetFile(IHttpContext ctx)
{
    // Resources/Raw/file_example_MP4_1920_18MG.mp4
    using var stream = await FileSystem.OpenAppPackageFileAsync("file_example_MP4_1920_18MG.mp4");
        
    var responseStream = ctx.OpenResponseStream();
    stream.CopyTo(responseStream);
}

하지만 그전에 MediaElement 측에서 이런 예외가 발생합니다.

[ExoPlayerImplInternal] Playback error
[ExoPlayerImplInternal]   com.google.android.exoplayer2.ExoPlaybackException: Source error
[ExoPlayerImplInternal]       at com.google.android.exoplayer2.ExoPlayerImplInternal.handleIoException(ExoPlayerImplInternal.java:684)
[ExoPlayerImplInternal]       at com.google.android.exoplayer2.ExoPlayerImplInternal.handleMessage(ExoPlayerImplInternal.java:656)
[ExoPlayerImplInternal]       at android.os.Handler.dispatchMessage(Handler.java:102)
[ExoPlayerImplInternal]       at android.os.Looper.loopOnce(Looper.java:201)
[ExoPlayerImplInternal]       at android.os.Looper.loop(Looper.java:288)
[ExoPlayerImplInternal]       at android.os.HandlerThread.run(HandlerThread.java:67)
[ExoPlayerImplInternal]   Caused by: com.google.android.exoplayer2.upstream.HttpDataSource$CleartextNotPermittedException: Cleartext HTTP traffic not permitted. See https://developer.android.com/guide/topics/media/issues/cleartext-not-permitted
...[생략]...

이에 대해서는 위의 링크에도 설명하고 있지만 마이크로소프트 측의 문서를 봐도 됩니다.

Connect to local web services from Android emulators and iOS simulators
; https://learn.microsoft.com/en-us/dotnet/maui/data-cloud/local-web-services

한 마디로, http 통신은 허용하지 않고 https만 가능하다는 것입니다. 물론, http 통신을 원한다면 약간의 설정을 더 추가하면 되는데요, 이를 위해, 우선 Platforms\Android\Resources\xml 디렉터리에 network_security_config.xml 파일명으로 다음의 내용을 포함해 둡니다.

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">localhost</domain>
    </domain-config>
</network-security-config>

그리고, 반드시 저 파일의 "Build Action"을 "AndroidResource"로 설정해야 합니다. 그렇지 않으면 컴파일 시 "error APT2260: resource xml/network_security_config (aka com.companyname.simpleplayer:xml/network_security_config) not found." 오류가 발생합니다.

그다음 AndroidManifest.xml에 위의 파일 경로를 networkSecurityConfig 속성으로 알립니다.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
    <application android:allowBackup="true" 
                 android:networkSecurityConfig="@xml/network_security_config"
                 android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.INTERNET" />
</manifest>

끝입니다. 이제 다시 실행하면, Web Server는 Resources/Raw/file_example_MP4_1920_18MG.mp4 파일을 읽어 반환하고, MediaElement는 이를 받아 동영상을 화면에 출력합니다.




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]







[최초 등록일: ]
[최종 수정일: 6/8/2024]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




... 76  77  78  79  80  81  82  83  84  85  86  87  [88]  89  90  ...
NoWriterDateCnt.TitleFile(s)
11773정성태11/7/201820548Graphics: 29. .NET으로 구현하는 OpenGL (3) - Index Buffer파일 다운로드1
11772정성태11/6/201821744Graphics: 28. .NET으로 구현하는 OpenGL (2) - VAO, VBO파일 다운로드1
11771정성태11/5/201820797사물인터넷: 56. Audio Jack 커넥터의 IR 적외선 송신기 - 두 번째 이야기 [1]
11770정성태11/5/201829980Graphics: 27. .NET으로 구현하는 OpenGL (1) - OpenGL.Net 라이브러리 [3]파일 다운로드1
11769정성태11/5/201820279오류 유형: 501. 프로젝트 msbuild Publish 후 connectionStrings의 문자열이 $(ReplacableToken_...)로 바뀌는 문제
11768정성태11/2/201821459.NET Framework: 801. SOIL(Simple OpenGL Image Library) - Native DLL 및 .NET DLL 제공
11767정성태11/1/201821677사물인터넷: 55. New NodeMcu v3(ESP8266)의 IR LED (적외선 송신) 제어파일 다운로드1
11766정성태10/31/201824389사물인터넷: 54. 아두이노 환경에서의 JSON 파서(ArduinoJson) 사용법
11765정성태10/26/201820450개발 환경 구성: 420. Visual Studio Code - Arduino Board Manager를 이용한 사용자 정의 보드 선택
11764정성태10/26/201825932개발 환경 구성: 419. MIT 라이선스로 무료 공개된 Detours API 후킹 라이브러리 [2]
11763정성태10/25/201822165사물인터넷: 53. New NodeMcu v3(ESP8266)의 https 통신
11762정성태10/25/201822566사물인터넷: 52. New NodeMCU v3(ESP8266)의 http 통신파일 다운로드1
11761정성태10/25/201822445Graphics: 26. 임의 축을 기반으로 3D 벡터 회전파일 다운로드1
11760정성태10/24/201817992개발 환경 구성: 418. Azure - Runbook 내에서 또 다른 Runbook 스크립트를 실행
11759정성태10/24/201820215개발 환경 구성: 417. Azure - Runbook에서 사용할 수 있는 다양한 메서드를 위한 부가 Module 추가
11758정성태10/23/201822742.NET Framework: 800. C# - Azure REST API 사용을 위한 인증 획득 [3]파일 다운로드1
11757정성태10/19/201818934개발 환경 구성: 416. Visual Studio 2017을 이용한 아두이노 프로그램 개발(및 디버깅)
11756정성태10/19/201822513오류 유형: 500. Visual Studio Code의 아두이노 프로그램 개발 시 인텔리센스가 안 된다면?
11755정성태10/19/201823445오류 유형: 499. Visual Studio Code extension for Arduino - #include errors detected. [1]
11754정성태10/19/201820235개발 환경 구성: 415. Visual Studio Code를 이용한 아두이노 프로그램 개발 - 새 프로젝트
11753정성태10/19/201826843개발 환경 구성: 414. Visual Studio Code를 이용한 아두이노 프로그램 개발
11752정성태10/18/201819766오류 유형: 498. SQL 서버 - Database source is not a supported version of SQL Server
11751정성태10/18/201820389오류 유형: 497. Visual Studio 실행 시 그래픽이 투명해진다거나, 깨진다면?
11750정성태10/18/201818774오류 유형: 496. 비주얼 스튜디오 - One or more projects in the solution were not loaded correctly.
11749정성태10/18/201820992개발 환경 구성: 413. 비주얼 스튜디오에서 작성한 프로그램을 빌드하는 가장 쉬운 방법
11748정성태10/18/201820430개발 환경 구성: 412. Arduino IDE를 Store App으로 설치한 경우 컴파일만 되고 배포가 안 되는 문제
... 76  77  78  79  80  81  82  83  84  85  86  87  [88]  89  90  ...