Blazor 없이 브라우저에서 .NET 실행하기

hjnn · 8월 18, 2025, 1:54오후

Blazor 없이 .NET을 실행할 수 있는 템플릿이 .NET 10 preview 6 이후에 나온 모양이네요 나중에 WASM이 발전한다면 .NET Playground같이 실행할 수 있게되면 좋겠네요.

suwoo · 8월 19, 2025, 1:13오전

헉 원래 안 되던 기능이었다는 게 더 놀라울 수준인데요!

rkttu · 8월 19, 2025, 2:59오전

gist.github.com

https://gist.github.com/rkttu/aa45f8509826e0081e64896a3ff3b3dd

Program.cs

#!/usr/bin/env dotnet
#:sdk Microsoft.NET.Sdk.WebAssembly
#:property OverrideHtmlAssetPlaceholders=true
#:property AllowUnsafeBlocks=true
#:property PublishAot=false

// dotnet run Program.cs

using System.Diagnostics;
using System.Runtime.InteropServices.JavaScript;

This file has been truncated. show original

wwwroot-index.html

<!DOCTYPE html>
<!--  Licensed to the .NET Foundation under one or more agreements. -->
<!-- The .NET Foundation licenses this file to you under the MIT license. -->
<html>

<head>
  <title>simpleweb2</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="preload" id="webassembly" />

This file has been truncated. show original

wwwroot-main.js

// Licensed to the .NET Foundation under one or more agreements.
// The .NET Foundation licenses this file to you under the MIT license.

import { dotnet } from './_framework/dotnet.js'

const { setModuleImports, getAssemblyExports, getConfig, runMain } = await dotnet
    .withApplicationArguments("start")
    .create();

setModuleImports('main.js', {

This file has been truncated. show original

File-based App 프로젝트로도 쓸 수 있나 해서 테스트해봤는데, VS Code에서 약간 튀는 부분을 제외하면 개발 경험도 괜찮고 잘 쓸 수 있네요! wwwroot 폴더에 js와 html 파일을 cs 파일과 같은 위치에 넣어주기만 해도 dotnet run 명령으로 정적 콘텐츠 인식도 잘 되고 잘 뜨는 것 같습니다.

naratteu · 8월 30, 2025, 1:07오전

혹시 닷넷 프리뷰 몇버전으로 테스트하신건지 알수있을까요?
10.0.100-preview.7.25380.108 기준으로 wwwroot/ 하위 경로를 인식하지 못하는거같습니다.
dotnet project convert Program.cs 을 실행하면 wwwroot/을 포함한 리소스들이 복제되고 정상동작되는걸 보면 인식 못하는쪽이 버그인가 싶네요

rkttu · 8월 30, 2025, 1:53오후

흠… preview 7에서 바뀐게 있는가해서 저도 테스트해봤는데 wwwroot 아래의 index 페이지나 main.js 모두 잘 로딩이 됩니다.

제가 테스트할 때 사용한 구성을 실제 파일과 영상으로 기록해봤는데 혹시 차이점이 있을까하여 공유드려봅니다.!

wasm-fba-net10-preview7

naratteu · 9월 1, 2025, 1:28오전

git clone https://gist.github.com/rkttu/aa45f8509826e0081e64896a3ff3b3dd
cd aa45f8509826e0081e64896a3ff3b3dd
mkdir wwwroot
git mv wwwroot-index.html wwwroot/index.html
git mv wwwroot-main.js wwwroot/main.js
dotnet run Program.cs

오늘 다시 같은환경에서 똑같이 테스트해봤는데, 무슨차이인지 모르겠으나 인제 잘 되네요

저번주랑 뭐가 달랏던걸지… 확인해주셔서 감사합니다 ㅠㅠ

rkttu · 9월 1, 2025, 1:50오전

이상하네요. 뭐 일단 아직은 preview 버전인 것을 감안해서 동작이 조금씩 달라질 수도 있겠다고 봐야 할 부분도 있을 것 같습니다!