다음을 통해 공유

iOS 앱 만들기

개요

이 자습서에서는 클라우드 백 엔드 서비스인 Azure App Service Mobile Apps를 iOS 앱에 추가하는 방법을 보여 줍니다. 첫 번째 단계는 Azure에서 새 모바일 백 엔드를 만드는 것입니다. 그런 다음 Azure에 데이터를 저장하는 간단한 Todo 목록 iOS 샘플 앱을 다운로드합니다.

이 자습서를 완료하려면 Mac 및 Azure 계정이 필요합니다.

새 Azure 모바일 앱 백 엔드 만들기

  1. Azure Portal에 로그인합니다.

  2. 리소스 만들기를 클릭합니다.

  3. 검색 상자에 Web App입력합니다.

  4. 결과 목록에서 Marketplace에서 Web App 선택합니다.

  5. 구독을 선택하고, 리소스 그룹을 선택하세요 (기존 리소스 그룹 을 선택하거나 앱과 같은 이름으로 새 리소스 그룹을 만드세요).

  6. 웹앱의 고유한 이름 선택합니다.

  7. 기본 게시 옵션을 코드로 선택합니다.

  8. 실행 스택에서 ASP.NET 또는 Node버전을 선택해야 합니다. .NET 백 엔드를 빌드하는 경우 ASP.NET 버전을 선택합니다. 그렇지 않으면 노드 기반 애플리케이션을 대상으로 하는 경우 노드에서 버전 중 하나를 선택합니다.

  9. 오른쪽 운영 체제(Linux 또는 Windows)를 선택합니다.

  10. 이 앱을 배포할 지역 선택합니다.

  11. 적절한 App Service 계획을 선택한 후, 검토 및 생성을 누르세요.

  12. 리소스 그룹아래에서 기존 리소스 그룹 을 선택하거나, 앱과 동일한 이름을 사용하여 새로 리소스 그룹을 만드십시오.

  13. 만들기를 클릭합니다. 계속하기 전에 서비스가 성공적으로 배포될 때까지 몇 분 정도 기다립니다. 상태 업데이트를 위해 포털 헤더의 알림(종) 아이콘을 주시하세요.

  14. 배포가 완료되면 배포 세부 정보 섹션을 클릭한 다음 Microsoft.Web/sites 유형의 리소스를 클릭합니다. 방금 만든 App Service 웹앱으로 이동합니다.

  15. 설정에서 구성 블레이드를 클릭하고, 애플리케이션 설정에서 새 애플리케이션 설정 버튼을 클릭합니다.

  16. 애플리케이션 추가/편집 설정 페이지에서 이름을 MobileAppsManagement_EXTENSION_VERSION로 입력하고, 값을 최신으로 입력한 후 확인을 누릅니다.

이 새로 만든 App Service 웹앱을 모바일 앱으로 사용하도록 설정됩니다.

데이터베이스 연결 만들기 및 클라이언트 및 서버 프로젝트 구성

  1. 다음 플랫폼에 대한 클라이언트 SDK 빠른 시작을 다운로드합니다.

    iOS(Objective-C)
    iOS(Swift)
    Android(Java)
    Xamarin.iOS
    Xamarin.Android
    Xamarin.Forms
    코르도바
    Windows(C#)

    비고

    iOS 프로젝트를 사용하는 경우 최신 GitHub 릴리스 "azuresdk-iOS-*.zip"를 다운로드해야 합니다. 압축을 풀고 프로젝트의 루트에 MicrosoftAzureMobile.framework 파일을 추가합니다.

  2. 데이터베이스 연결을 추가하거나 기존 연결에 연결해야 합니다. 먼저 데이터 저장소를 만들 것인지 아니면 기존 저장소를 사용할지 결정합니다.

    • 새 데이터 저장소만들기: 데이터 저장소를 만들려면 다음 빠른 시작을 사용합니다.

      빠른 시작 가이드: Azure SQL Database 단일 데이터베이스 시작하기

    • 기존 데이터 원본: 기존 데이터베이스 연결을 사용하려는 경우 아래 지침을 따릅니다.

      1. SQL Database 연결 문자열 형식 - Data Source=tcp:{your_SQLServer},{port};Initial Catalog={your_catalogue};User ID={your_username};Password={your_password}

        {your_SQLServer}서버 이름을 데이터베이스의 개요 페이지에서 찾을 수 있으며 일반적으로 "server_name.database.windows.net" 형식입니다. {port} 일반적으로 1433입니다. 데이터베이스의 {your_catalogue} 이름을. 데이터베이스에 액세스하려면 {your_username}사용자 이름을. {your_password} 데이터베이스에 액세스하는 암호입니다.

        SQL 연결 문자열 형식 대해 자세히 알아보기

      2. App Service에서 모바일 앱 연결 문자열을 추가하면 메뉴의 구성 옵션을 사용하여 애플리케이션에 대한 연결 문자열을 관리할 수 있습니다.

        연결 문자열을 추가하려면 다음을 수행합니다.

        1. 애플리케이션 설정 탭을 클릭합니다.

        2. [+] 새 연결 문자열을 클릭합니다.

        3. 연결 문자열에 대한 이름, 값 및 형식 제공해야 합니다.

        4. 을(를)의 이름으로 MS_TableConnectionString에 입력하십시오

        5. 값은 이전 단계에서 구성한 연결 문자열이어야 합니다.

        6. SQL Azure 데이터베이스에 연결 문자열을 추가하는 경우 형식SQLAzure 선택합니다.

  3. Azure Mobile Apps에는 .NET 및 Node.js 백 엔드용 SDK가 있습니다.

    • 백 엔드Node.js

      Node.js 빠른 시작 앱을 사용하려는 경우 아래 지침을 따르세요.

      1. Azure Portal에서 쉬운 테이블이동하면 이 화면이 표시됩니다.

        노드 간편 테이블

      2. SQL 연결 문자열이 구성 탭에 이미 추가되어 있는지 확인합니다. 그런 다음 이로 인해 모든 사이트 콘텐츠가 덮어쓰여질 것을 확인하였음을 승인합니다 체크박스를 선택하고 TodoItem 테이블 만들기 버튼을 클릭합니다.

        노드 Easy Tables 구성

      3. 쉬운 테이블에서 + 추가 단추를 클릭합니다.

        간편한 테이블 추가 단추

      4. 익명 액세스 권한이 있는 TodoItem 테이블을 만듭니다.

        간편한 테이블 추가

    • .NET 백 엔드

      .NET 빠른 시작 앱을 사용하려는 경우 아래 지침을 따르세요.

      1. azure-mobile-apps-quickstarts 리포지토리에서 Azure Mobile Apps .NET 서버 프로젝트를 다운로드합니다.

      2. Visual Studio에서 로컬로 .NET 서버 프로젝트를 빌드합니다.

      3. Visual Studio에서 솔루션 탐색기를 열고 ZUMOAPPNAMEService 프로젝트를 마우스 오른쪽 단추로 클릭하고 게시클릭하면 Publish to App Service 창이 표시됩니다. Mac에서 작업하는 경우 여기에서앱을 배포하는 다른 방법을 확인하세요.

        Visual Studio 게시하기

      4. App Service를 게시 대상으로 선택한 다음, 기존을 선택하고, 창 아래쪽의 게시 버튼을 클릭합니다.

      5. 먼저 Azure 구독을 사용하여 Visual Studio에 로그인해야 합니다. Subscription, Resource Group선택한 다음 앱의 이름을 선택합니다. 준비가 되면 확인클릭합니다. 그러면 로컬로 있는 .NET 서버 프로젝트가 App Service 백 엔드에 배포됩니다. 배포가 완료되면 브라우저에서 http://{zumoappname}.azurewebsites.net/으로 리디렉션됩니다.

iOS 앱 실행

  1. Xcode를 사용하여 다운로드한 클라이언트 프로젝트를 엽니다.

  2. Azure portal로 이동하여 생성한 모바일 앱을 찾습니다. Overview 블레이드에서 모바일 앱의 퍼블릭 엔드포인트인 URL을 찾습니다. 예제 - 내 앱 이름 "test123"의 사이트 이름이 https://test123.azurewebsites.net.

  3. Swift 프로젝트의 경우 ZUMOAPPNAME/ZUMOAPPNAME/ToDoTableViewController.swift 폴더에서 파일을 ToDoTableViewController.swift 엽니다. 애플리케이션 이름이 ZUMOAPPNAME.

  4. 메서드에서 viewDidLoad() 매개 변수를 위의 퍼블릭 엔드포인트로 대체 ZUMOAPPURL 합니다.

    let client = MSClient(applicationURLString: "ZUMOAPPURL")

    변합니다.

    let client = MSClient(applicationURLString: "https://test123.azurewebsites.net")

  5. Objective-C 프로젝트의 경우 이 폴더인 ZUMOAPPNAME/ZUMOAPPNAME에서 파일을 QSTodoService.m 엽니다. 애플리케이션 이름이 ZUMOAPPNAME.

  6. 메서드에서 init 매개 변수를 위의 퍼블릭 엔드포인트로 대체 ZUMOAPPURL 합니다.

    self.client = [MSClient clientWithApplicationURLString:@"ZUMOAPPURL"];

    변합니다.

    self.client = [MSClient clientWithApplicationURLString:@"https://test123.azurewebsites.net"];

  7. 실행 단추를 눌러 프로젝트를 빌드하고 iOS 시뮬레이터에서 앱을 시작합니다.

  8. 앱에서 더하기(+) 아이콘을 클릭하고 자습서 완료와 같은 의미 있는 텍스트를 입력한 다음 저장 단추를 클릭합니다. 이렇게 하면 이전에 배포한 Azure 백 엔드에 POST 요청이 전송됩니다. 백 엔드는 요청의 데이터를 TodoItem SQL 테이블에 삽입하고 새로 저장된 항목에 대한 정보를 모바일 앱에 다시 반환합니다. 모바일 앱은 이 데이터를 목록에 표시합니다.

    iOS에서 실행되는 빠른 시작 앱

  • Last updated on