[Blazor] Blazor 시작 (.NET Core 3.0 Preview 6)

Visual studio 2019를 사용하여 Blazor 템플릿을 작성부터 실행까지 해보고 싶습니다. C#인 코드가 브라우저에서 그대로 움직이는 거라고 시비되는군요.

목표


  • 제로 환경에서 Blazor 템플릿을 빌드하고 실행할 수 있습니다.

    환경


  • .NET Core 3.0.100-preview6-012264
  • Visual Studio 2019 (Version 16.2.0 Preview 4.0)
  • Blazor extension
  • Windows 10 1903

  • 절차



    preview3의 무렵은 약간 프로젝트의 작성이 귀찮아졌습니다만, preview6에서는 상당히 개선되고 있습니다.

    .NET Core SDK 설치



    최신판의 SDK(기사 작성 시점에서는 SDK 3.0.100-preview6-012264 )를 Microsoft의 사이트로부터 다운로드해, ​​인스톨 합니다.
    h tps : // t t t. 미 c 로소 ft. 이 m / 드 w 응 아 d / 드 t 네- 이것 / 3.0


    다운로드한 exe 프로그램을 실행하고 インストール 를 클릭하세요.


    자주 진행 바와 놀고 ...


    아무 일도 없으면 몇 분 안에 설치가 종료된다.


    제대로 설치되어 있는지 아래에서 확인을 한다.
    > dotnet --version
    3.0.100-preview6-012264
    

    템플릿 가져오기



    그런 다음 Blazor 프로젝트 템플릿을 가져옵니다.
    > dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview6.19307.2
    

    템플릿이 설치되었는지 확인합니다. Blazor의 템플릿 목록이 나오면 괜찮습니다.
    > dotnet new --list | findstr Blazor
    Blazor (server-side)                              blazorserverside      [C#]              Web/Blazor                    
    Blazor (ASP.NET Core hosted)                      blazorhosted          [C#]              Web/Blazor/Hosted             
    Blazor Library                                    blazorlib             [C#]              Web/Blazor/Library            
    Blazor (Server-side in ASP.NET Core)              blazorserverside      [C#]              Web/Blazor/ServerSide         
    Blazor (client-side)                              blazor                [C#]              Web/Blazor/Standalone 
    

    Visual Studio 2019 Preview 버전 설치



    미리보기 버전을 설치하려면 다음 URL에서 exe를 다운로드합니다.
    h tps://ゔぃすあ lsつぢ오. 이 m/vs/p레ゔぃえw

    다운로드한 exe를 실행합니다.

    ASP.NET と Web 開発 를 체크하고 설치 처리를 진행합니다.


    다운로드 크기가 크기 때문에 조금 시간이 걸립니다. 진행 막대와 놀자.


    Blazor extension 설치



    계속해서 Blazor extension을 설치합니다.
    아래 URL에서 Download를 클릭하여 vsix를 다운로드하십시오.
    ぁtps://마르케 tp.ゔぃすあ lsつぢお。 이 m/있어 ms? 그리고 m 핥기 = 아 sp 네. b ぁぞ r

    다운로드 한 vsix를 실행하고 다시 진행 막대와 놀고 있습니다.


    여기까지 종료하면 아래 준비는 종료입니다.

    프로젝트 만들기



    Visual Studio를 시작하고 새 프로젝트 만들기를 클릭합니다.
    프로젝트 템플릿은 ASP.NET Core Web アプリケーション를 선택합니다.


    프로젝트 구성은 임의의 이름이어야 합니다. 뭐든지 OK입니다.


    템플릿은 .Net Core ASP.NET Core 3.0Blazor WebAsembly アプリ 를 선택합니다. 덧붙여서 2개 있습니다만, 아래를 선택하고 작성을 클릭해 주세요.


    빌드 및 실행



    템플릿 로드가 끝나고 Visual Studio가 시작되면 디버그를 실행합니다.
    웹 브라우저는 Chrome을 선택해 둡시다. (IE는 비대응)


    빌드에 실패하지 않으면 Chrome이 MS를 시작하면 좋은 느낌의 화면이 표시됩니다.


    제대로 WebAssembly답게 DLL이 로드되어 브라우저에서 실행되고 있습니다.


    이상, 종료입니다.
    나중에 템플릿을 끓여서 굽고 고리 녹음합시다.

    주의사항


  • IE는 WebAssembly와 호환되지 않으므로 Loading ... 화면에서 전환하지 않습니다
  • 내 환경에서 왜 템플릿에 Blazor WebAssembly 앱이 두 개 표시되었습니다.
  • 그건 그렇고, 서로 다른 내용의 프로젝트 만들기
  • 이름도 설명문도 함께 때문에 혼동스럽다 (아래가 정답이었다)

  • 아직 미리보기 버전으로 인해 향후 절차가 변경 될 수 있습니다

  • 참고문헌


  • h tps : // t t t. 미 c 로소 ft. 코 m / 아 ps / 아 sp 네 t / ぇ b 아 ps / c ぃ 엔 t
  • htps : // / cs. 미 c 로소 ft. 이 m / 그럼 jp / 아 sp 네 t / 이것 / b ぁ r / 게 ts r d?ゔ ぃ w = 아 sp t 이것 3.0 & bs = ぃ
  • ぁtps://마르케 tp.ゔぃすあ lsつぢお。 이 m/있어 ms? 있어 m 핥기 = 아 sp네 t. b ぁぞ r
  • 좋은 웹페이지 즐겨찾기