다음을 통해 공유

Entity Framework 6에 Web API 2 사용

  • 아티클

완료된 프로젝트 다운로드

이 자습서에서는 ASP.NET Web API 백 엔드를 사용하여 웹 애플리케이션을 만드는 기본 사항을 설명합니다. 이 자습서에서는 데이터 계층에 Entity Framework 6을 사용하고 클라이언트 쪽 JavaScript 애플리케이션에 Knockout.js. 이 자습서에서는 Azure App Service Web Apps 앱을 배포하는 방법도 보여 있습니다.

자습서에서 사용되는 소프트웨어 버전

  • Web API 2.1
  • Visual Studio 2017( 여기에서 Visual Studio 2017 다운로드)
  • Entity Framework 6
  • .NET 4.7
  • Knockout.js 3.1

이 자습서에서는 Entity Framework 6에서 ASP.NET Web API 2를 사용하여 백 엔드 데이터베이스를 조작하는 웹 애플리케이션을 만듭니다. 만들 애플리케이션의 스크린샷은 다음과 같습니다.

책, 세부 정보 및 책 추가 창을 보여 주는 만든 애플리케이션 창인 Book Service의 스크린샷.

앱은 SPA(단일 페이지 애플리케이션) 디자인을 사용합니다. "단일 페이지 애플리케이션"은 단일 HTML 페이지를 로드한 다음 새 페이지를 로드하는 대신 동적으로 페이지를 업데이트하는 웹 애플리케이션의 일반적인 용어입니다. 초기 페이지 로드 후 앱은 AJAX 요청을 통해 서버와 협상합니다. AJAX 요청은 앱이 UI를 업데이트하는 데 사용하는 JSON 데이터를 반환합니다.

AJAX는 새로운 것이 아니지만, 오늘날에는 정교한 대규모 SPA 애플리케이션을 더 쉽게 빌드하고 유지 관리할 수 있는 JavaScript 프레임워크가 있습니다. 이 자습서에서는 Knockout.js를 사용하지만 모든 JavaScript 클라이언트 프레임워크를 사용할 수 있습니다.

이 앱의 기본 구성 요소는 다음과 같습니다.

  • ASP.NET MVC는 HTML 페이지를 만듭니다.
  • ASP.NET Web API AJAX 요청을 처리하고 JSON 데이터를 반환합니다.
  • Knockout.js HTML 요소를 JSON 데이터에 바인딩합니다.
  • Entity Framework는 데이터베이스에 대해 설명합니다.

Azure에서 실행되는 이 앱을 참조하세요.

완성된 사이트가 라이브 웹앱으로 실행되는 것을 보시겠습니까? 다음 단추를 선택하여 전체 버전의 앱을 Azure 계정에 배포할 수 있습니다.

이 솔루션을 Azure에 배포하려면 Azure 계정이 필요합니다. 계정이 아직 없는 경우 다음과 같은 옵션이 있습니다.

  • Azure 계정을 무료로 열기 - 유료 Azure 서비스를 사용해 볼 수 있는 크레딧을 받을 수 있으며, 사용한 후에도 계정을 유지하고 무료 Azure 서비스를 사용할 수 있습니다.
  • MSDN 구독자 혜택 활성화 - MSDN 구독은 유료 Azure 서비스에 사용할 수 있는 크레딧을 매달 제공합니다.

프로젝트 만들기

Visual Studio를 엽니다. 파일 메뉴에서 새로 만들기를 선택한 다음 프로젝트를 선택합니다. (또는 시작 페이지에서 새 프로젝트를 선택합니다.)

새 프로젝트 대화 상자의 왼쪽 창에서 웹을 선택하고 가운데 창에서 웹 애플리케이션(.NET Framework)을 ASP.NET. 프로젝트 이름을 BookService 로 지정하고 확인을 선택합니다.

왼쪽 창에 웹 옵션이 있고 가운데 창에 SP dot Net Web Application이 강조 표시된 새 프로젝트 대화 상자의 스크린샷

새 ASP.NET 프로젝트 대화 상자에서 Web API 템플릿을 선택합니다.

파란색으로 강조 표시된 Web API 템플릿을 보여 주는 새 ASP 점 Net 프로젝트 대화 상자의 스크린샷

확인을 선택하여 프로젝트를 만듭니다.

Azure 설정 구성(선택 사항)

프로젝트를 만든 후 언제든지 Azure App Service Web Apps 배포하도록 선택할 수 있습니다.

  1. 솔루션 탐색기 프로젝트를 마우스 오른쪽 단추로 클릭하고 게시를 선택합니다.

  2. 표시되는 창에서 시작을 선택합니다. 게시 대상 선택 대화 상자가 나타납니다.

    왼쪽 창에 App Service 옵션이 있고 가운데 창에서 새로 만들기 옵션이 선택된 게시 대상 선택 대화 상자의 스크린샷

  3. 프로필 만들기를 선택합니다. App Service 만들기 대화 상자가 나타납니다.

    앱 이름, 구독, 리소스 그룹, 호스팅 계획 및 인사이트 필드에 값이 입력된 App Service 만들기 대화 상자의 스크린샷

    기본값을 적용하거나 애플리케이션 이름, 리소스 그룹, 호스팅 계획, Azure 구독 및 지리적 지역에 대해 다른 값을 입력합니다.

  4. SQL 데이터베이스 만들기를 선택합니다. SQL Server 구성 대화 상자가 나타납니다.

    서버 이름, 위치, 관리자 이름 및 관리자 암호 필드에 값이 입력된 S QL 서버 구성 대화 상자의 스크린샷

    기본값을 적용하거나 다른 값을 입력합니다. 새 데이터베이스에 대한 관리자 사용자 이름 및 관리자 암호를 입력합니다. 준비가 되면 확인을 선택합니다. App Service 만들기 페이지가 다시 나타납니다.

  5. 만들기를 선택하여 프로필을 만듭니다. 배포가 진행 중임을 나타내는 메시지가 오른쪽 아래 모서리에 나타납니다. 잠시 후 게시 창이 다시 나타납니다.

    새로 만든 프로필, 프로필 세부 정보 및 관리 옵션을 보여 주는 게시 창의 스크린샷

    이제 앱을 배포하기 위해 만든 프로필을 사용할 수 있습니다.

다음