Entity Framework 6에 Web API 2 사용Using Web API 2 with Entity Framework 6

완료 된 프로젝트 다운로드Download Completed Project

이 자습서에서는 ASP.NET Web API 백 엔드를 사용 하 여 웹 응용 프로그램을 만드는 기본 사항을 설명 합니다.This tutorial teaches you the basics of creating a web application with an ASP.NET Web API back end. 이 자습서에서는 데이터 계층에 대해 Entity Framework 6을 사용 하 고 클라이언트 쪽 JavaScript 응용 프로그램에 대해 node.js를 사용 합니다.The tutorial uses Entity Framework 6 for the data layer, and Knockout.js for the client-side JavaScript application. 또한 Web Apps Azure App Service에 앱을 배포 하는 방법도 보여 줍니다.The tutorial also shows how to deploy the app to Azure App Service Web Apps.

자습서에서 사용 되는 소프트웨어 버전Software versions used in the tutorial

이 자습서에서는 Entity Framework 6과 함께 ASP.NET Web API 2를 사용 하 여 백 엔드 데이터베이스를 조작 하는 웹 응용 프로그램을 만듭니다.This tutorial uses ASP.NET Web API 2 with Entity Framework 6 to create a web application that manipulates a back-end database. 다음은 만들 응용 프로그램의 스크린샷입니다.Here is a screen shot of the application that you will create.

앱은 SPA (단일 페이지 응용 프로그램) 디자인을 사용 합니다.The app uses a single-page application (SPA) design. "단일 페이지 응용 프로그램"은 단일 HTML 페이지를 로드 한 다음 새 페이지를 로드 하는 대신 페이지를 동적으로 업데이트 하는 웹 응용 프로그램에 대 한 일반적인 용어입니다."Single-page application" is the general term for a web application that loads a single HTML page and then updates the page dynamically, instead of loading new pages. 초기 페이지 로드 후에 앱은 AJAX 요청을 통해 서버와 통신 합니다.After the initial page load, the app talks with the server through AJAX requests. AJAX 요청은 앱이 UI를 업데이트 하는 데 사용 하는 JSON 데이터를 반환 합니다.The AJAX requests return JSON data, which the app uses to update the UI.

AJAX는 새로운 것은 아니지만 오늘날에는 크고 정교한 SPA 응용 프로그램을 쉽게 빌드하고 유지 관리할 수 있는 JavaScript 프레임 워크가 있습니다.AJAX isn't new, but today there are JavaScript frameworks that make it easier to build and maintain a large sophisticated SPA application. 이 자습서에서는 node.js를 사용 하지만 모든 JavaScript 클라이언트 프레임 워크를 사용할 수 있습니다.This tutorial uses Knockout.js, but you can use any JavaScript client framework.

이 앱에 대 한 기본 구성 요소는 다음과 같습니다.Here are the main building blocks for this app:

  • ASP.NET MVC는 HTML 페이지를 만듭니다.ASP.NET MVC creates the HTML page.
  • ASP.NET Web API는 AJAX 요청을 처리 하 고 JSON 데이터를 반환 합니다.ASP.NET Web API handles the AJAX requests and returns JSON data.
  • .Js 데이터-HTML 요소를 JSON 데이터에 바인딩합니다.Knockout.js data-binds the HTML elements to the JSON data.
  • Entity Framework는 데이터베이스와 통신 합니다.Entity Framework talks to the database.

Azure에서 실행 되는이 앱 확인See this app running on Azure

완료 된 사이트가 라이브 웹 앱으로 실행 되 고 있는지 확인 하 시겠습니까?Would you like to see the finished site running as a live web app? 다음 단추를 선택 하 여 Azure 계정에 전체 버전의 앱을 배포할 수 있습니다.You can deploy a complete version of the app to your Azure account by selecting the following button.

Azure에이 솔루션을 배포 하려면 Azure 계정이 필요 합니다.You need an Azure account to deploy this solution to Azure. 계정이 아직 없는 경우 다음과 같은 옵션을 사용할 수 있습니다.If you do not already have an account, you have the following options:

  • 무료로 azure 계정 열기 -유료 azure 서비스를 사용 하는 데 사용할 수 있는 크레딧을 확보 하 고, 사용한 후에도 계정을 유지 하 고 무료 Azure 서비스를 사용할 수 있습니다.Open an Azure account for free - You get credits you can use to try out paid Azure services, and even after they're used up you can keep the account and use free Azure services.
  • Msdn 구독자 혜택 활성화 -msdn 구독은 유료 Azure 서비스에 사용할 수 있는 크레딧을 매달 제공 합니다.Activate MSDN subscriber benefits - Your MSDN subscription gives you credits every month that you can use for paid Azure services.

프로젝트 만들기Create the project

Visual Studio를 엽니다.Open Visual Studio. 파일 메뉴에서 새로 만들기를 선택한 다음 프로젝트를 선택 합니다.From the File menu, select New, then select Project. 또는 시작 페이지에서 새 프로젝트 를 선택 합니다.(Or select New Project on the Start page.)

새 프로젝트 대화 상자의 왼쪽 창에서 을 선택 하 고 가운데 창에서 ASP.NET 웹 응용 프로그램 (.NET Framework) 을 선택 합니다.In the New Project dialog, select Web in the left pane and ASP.NET Web Application (.NET Framework) in the middle pane. 프로젝트 이름을 Bookservice 로 하 고 확인을 선택 합니다.Name the project BookService and select OK.

새 ASP.NET 프로젝트 대화 상자에서 Web API 템플릿을 선택 합니다.In the New ASP.NET Project dialog, select the Web API template.

확인을 선택하여 프로젝트를 만듭니다.Select OK to create the project.

Azure 설정 구성 (선택 사항)Configure Azure settings (optional)

프로젝트를 만든 후 언제 든 지 Azure App Service Web Apps에 배포 하도록 선택할 수 있습니다.After you create the project, you can choose to deploy to Azure App Service Web Apps at any time.

  1. 솔루션 탐색기에서 프로젝트를 마우스 오른쪽 단추로 클릭 하 고 게시를 선택 합니다.In Solution Explorer, right-click on your project and select Publish.

  2. 표시 되는 창에서 시작을 선택 합니다.In the window that appears, select Start. 게시 대상 선택 대화 상자가 나타납니다.The Pick a publish target dialog box appears.

  3. 프로필 만들기를 선택합니다.Select Create Profile. App Service 만들기 대화 상자가 나타납니다.The Create App Service dialog box appears.

    기본값을 그대로 적용 하거나 응용 프로그램 이름, 리소스 그룹, 호스팅 계획, Azure 구독 및 지리적 지역에 대해 다른 값을 입력 합니다.Accept the defaults, or enter different values for the application name, resource group, hosting plan, Azure subscription, and geographical region.

  4. SQL 데이터베이스 만들기를선택 합니다.Select Create a SQL database. SQL Server 구성 대화 상자가 나타납니다.The Configure SQL Server dialog box appears.

    기본값을 그대로 적용 하거나 다른 값을 입력 합니다.Accept the defaults or enter different values. 새 데이터베이스에 대 한 관리자 사용자 이름관리자 암호 를 입력 합니다.Enter an Administrator Username and Administrator Password for your new database. 완료 되 면 확인을 선택 합니다.Select OK when you're done. App Service 만들기 페이지가 다시 나타납니다.The Create App Service page reappears.

  5. 만들기 를 선택 하 여 프로필을 만듭니다.Select Create to create your profile. 배포가 진행 중임을 나타내는 메시지가 오른쪽 아래 모퉁이에 표시 됩니다.A message appears in the lower-right corner indicating that deployment is in progress. 잠시 후에 게시 창이 다시 나타납니다.After a short while, the Publish window reappears.

    앱을 배포 하기 위해 만든 프로필을 이제 사용할 수 있습니다.The profile you created to deploy the app is now available.