시놀로지에 Blazor Server 올리기
Blazor는 .NET Core를 활용한 Web UI Framework이다. 아직은 도입하기에 무리가 있겠지만 C#으로 풀스택 웹 개발이 가능하기 때문에 프로젝트를 진행해 보려고 한다. Blazor 앱 프로젝트를 생성하고, 도커를 활용하여 시놀로지 저장소에 게시하는 과정을 기록한다.
준비물
먼저 Blazor란 무엇인지 살펴보자.
ASP.NET Core Blazor 소개
ASP.NET Core 앱에서 .NET을 사용하여 대화형 클라이언트 쪽 웹 UI를 빌드하는 방법인 ASP.NET Core Blazor를 살펴봅니다.
docs.microsoft.com
Blazor 프로젝트를 진행할 Visual Studio 2017 또는 2019가 설치되어 있어야 하며, 인스톨러 워크로드에 ASP.NET 및 웹 개발이 추가되어 있어야 한다.
Visual Studio IDE, 코드 편집기, Azure DevOps 및 App Center - Visual Studio
Visual Studio 개발자 도구 및 서비스로 모든 플랫폼에서 어떤 언어로든 앱 개발을 쉽게 할 수 있습니다. Mac 및 Windows 코드 편집기, IDE 또는 Azure DevOps를 체험해 보세요.
visualstudio.microsoft.com
도커 이미지를 Push할 Docker Hub 계정이 필요하다. 무료로 사용할 수 있는 Public 저장소를 활용할 것이다.
Docker Hub
Build and Ship any Application Anywhere Docker Hub is the world's easiest way to create, manage, and deliver your teams' container applications.
hub.docker.com
마지막으로, 컨테이너를 실행할 Docker가 시놀로지 NAS에 설치되어 있으면 된다.
Docker | Synology Inc.
DSM이 제공하는 더 많은 가능성 Docker는 전 세계의 개발자들이 DSM에서 만든 수천개의 컨테이너를 실행할 수 있는 능력을 제공하는 경량형 가상화 응용 프로그램입니다. 인기있는 거대한 내장 이
www.synology.com
새 프로젝트 만들기
Visual Studio를 시작하여 새 프로젝트 만들기 선택
새 프로젝트 만들기에서 Blazor 앱을 선택한다.
새 프로젝트 구성 항목을 설정한다.
새 Blazor 앱 만들기에서 Blazor 서버 앱과 .NET 5.0를, Docker 지원 사용에 Linux를 선택한다.
프로젝트 실행
프로젝트가 생성되었다면 IIS Express로 빌드하여 실행해보자.
자동 생성된 웹페이지가 실행될 것이다.
Docker Desktop 설치
Docker Desktop for Mac and Windows | Docker
Learn why Docker Desktop is the preferred choice for millions of developers building containerized applications. Download for Mac or Windows.
www.docker.com
Docker Desktop 설치 과정은 다음 블로그를 참고하자.
2020/12/14 - [분류 전체보기] - Docker Desktop 설치하기
프로젝트를 도커 허브에 게시
프로젝트 속성에서 게시를 선택하여 시작 버튼을 클릭한다.
게시 대상으로 Docker 컨테이너 레지스트리를 선택한다.
특정 대상으로 Docker Hub를 선택한다.
도커 허브 계정 정보를 입력하고 완료한다.
게시 버튼을 클릭하여 도커 이미지를 업로드 한다.
도커 허브로 이미지가 업로드 된다.
도커 허브에 접속해보면 저장소에 이미지가 PUBLIC으로 업로드 된 것을 확인할 수 있다.
어느정도 시간이 지나면 시놀로지 도커에서 업로드 한 이미지를 검색할 수 있다.
이미지를 다운받아 컨테이너를 생성해보자. 원하는 포트만 지정해주면 된다.
컨테이너를 실행한 후 브라우저에서 설정된 주소와 포트로 접속해보자.
