Tworzenie aplikacji systemu iOS

Omówienie

W tym samouczku przedstawiono sposób dodawania aplikacji mobilnych usługi Azure Mobile Apps (usługi zaplecza w chmurze) do aplikacji systemu iOS. Pierwszym krokiem jest utworzenie nowego zaplecza aplikacji mobilnej na platformie Azure. Następnie należy pobrać prostą przykładową aplikację systemu iOS Lista zadań do wykonania, która służy do przechowywania danych na platformie Azure.

Aby można było ukończyć ten samouczek, potrzebny jest komputer Mac i konto platformy Azure

Tworzenie zaplecza nowej aplikacji mobilnej Azure

  1. Zaloguj się w witrynie Azure Portal.

  2. Kliknij pozycję Utwórz zasób.

  3. W polu wyszukiwania wpisz polecenie Aplikacja Sieci Web.

  4. Na liście wyników wybierz aplikację sieci Web z portalu Marketplace.

  5. Wybierz subskrypcję i grupę zasobów (wybierz istniejącą grupę zasobów lub utwórz nową (o tej samej nazwie co aplikacja)).

  6. Wybierz unikatową nazwę aplikacji internetowej.

  7. Wybierz domyślną opcję Publikuj jako Kod.

  8. W stosie Runtimenależy wybrać wersję w obszarze ASP.NET lub Node. Jeśli budujesz zaplecze platformy .NET, wybierz wersję w obszarze ASP.NET. W przeciwnym razie, jeśli są przeznaczone dla aplikacji opartej na węźle, wybierz jedną z wersji z węzła.

  9. Wybierz odpowiedni system operacyjny, Linux lub Windows.

  10. Wybierz region, w którym chcesz wdrożyć tę aplikację.

  11. Wybierz odpowiedni plan usługi aplikacji i naciśnij przycisk Przejrzyj i utwórz.

  12. W obszarze Grupa zasobów wybierz istniejącą grupę zasobów lub utwórz nową (używając tej samej nazwy, co aplikacja).

  13. Kliknij przycisk Utwórz. Zanim przejdziesz do kolejnych kroków, odczekaj kilka minut, aby usługa została wdrożona pomyślnie. Obserwuj ikonę powiadomień (dzwonek) w nagłówku portalu, pokazującą aktualizacje stanu.

  14. Po zakończeniu wdrażania kliknij sekcję Szczegóły wdrożenia, a następnie kliknij zasób typu Microsoft.web/sites. Spowoduje to przejście do aplikacji sieci Web usługi aplikacji, która została właśnie utworzona.

  15. Kliknij na ostrze Konfiguracja w obszarze Ustawienia i w ustawieniach aplikacjikliknij przycisk Nowe ustawienie aplikacji.

  16. Na stronie ustawień Dodaj/Edytuj aplikację wprowadź pozycję Nazwa jako MobileAppsManagement_EXTENSION_VERSION i Wartość jako najnowsza i naciśnij przycisk OK.

Wszystko jest ustawione do korzystania z tej nowo utworzonej aplikacji sieci Web usługi app service jako aplikacji mobilnej.

Tworzenie połączenia z bazą danych i konfigurowanie projektu klienta i serwera

  1. Pobierz szybki start sdk klienta dla następujących platform:

    iOS (Objective-C)
    iOS (Swift)
    Android (Java)
    Xamarin.iOS
    Xamarin.Android
    Xamarin.Forms
    Cordova
    Windows (C#)

    Uwaga

    Jeśli korzystasz z projektu iOS, musisz pobrać "azuresdk-iOS-*.zip" z najnowszej wersji GitHub. Rozpaj i MicrosoftAzureMobile.framework dodaj plik do katalogu głównego projektu.

  2. Należy dodać połączenie z bazą danych lub połączyć się z istniejącym połączeniem. Najpierw określ, czy utworzysz magazyn danych, czy użyjesz istniejącego.

    • Tworzenie nowego magazynu danych: jeśli zamierzasz utworzyć magazyn danych, użyj następującego przewodnika Szybki start:

      Szybki start: wprowadzenie do pojedynczych baz danych w bazie danych SQL usługi Azure

    • Istniejące źródło danych: Postępuj zgodnie z poniższymi instrukcjami, jeśli chcesz użyć istniejącego połączenia z bazą danych

      1. Format ciągu połączenia bazy danych SQL -Data Source=tcp:{your_SQLServer},{port};Initial Catalog={your_catalogue};User ID={your_username};Password={your_password}

        {your_SQLServer} Nazwa serwera, można ją znaleźć na stronie przeglądu bazy danych i zwykle w postaci "server_name.database.windows.net". {port} zwykle 1433. {your_catalogue} Nazwa bazy danych. {your_username} Nazwa użytkownika, aby uzyskać dostęp do bazy danych. {your_password} Hasło dostępu do bazy danych.

        Dowiedz się więcej o formacie ciągu połączenia SQL

      2. Dodaj ciąg połączenia do aplikacji mobilnej W usłudze App Service możesz zarządzać ciągami połączeń dla aplikacji za pomocą opcji Konfiguracja w menu.

        Aby dodać parametry połączenia:

        1. Kliknij kartę Ustawienia aplikacji.

        2. Kliknij [+] Nowy ciąg połączenia.

        3. Należy podać nazwę, wartość i typ dla ciągu połączenia.

        4. Wpisz nazwę jakoMS_TableConnectionString

        5. Wartość powinna być ciągiem łączącym utworzonym w poprzednim kroku.

        6. Jeśli dodajesz parametry połączenia do bazy danych platformy SQL Azure, wybierz sqlazure w obszarze typu.

  3. Usługa Azure Mobile Apps ma zestawy SDK dla zaplecza platformy .NET i Node.js.

    • Zaplecze node.js

      Jeśli zamierzasz korzystać z aplikacji Szybki start Node.js, postępuj zgodnie z poniższymi instrukcjami.

      1. W witrynie Azure portal przejdź do funkcji Łatwe tabele, zobaczysz ten ekran.

        Tabele ułatwiają węzeł

      2. Upewnij się, że ciąg połączenia SQL jest już dodany na karcie Konfiguracja. Następnie zaznacz pole potwierdzam, że spowoduje to zastąpienie całej zawartości witryny i kliknij przycisk Utwórz tabelę TodoItem.

        Konfiguracja łatwych tabel węzłów

      3. W aplikacji Łatwe tabelekliknij przycisk + Dodaj.

        Przycisk dodawania tabel węzłów

      4. Utwórz TodoItem tabelę z dostępem anonimowym.

        Dodawanie tabeli w tabeli z łatwymi do węzłami

    • Zaplecze .NET

      Jeśli zamierzasz korzystać z aplikacji Szybki start .NET, postępuj zgodnie z poniższymi instrukcjami.

      1. Pobierz projekt serwera usługi Azure Mobile Apps .NET z repozytorium azure-mobile-apps-quickstarts.

      2. Tworzenie projektu serwera platformy .NET lokalnie w programie Visual Studio.

      3. W programie Visual Studio otwórz Eksploratora rozwiązań, kliknij prawym przyciskiem myszy ZUMOAPPNAMEService projekt, kliknij polecenie Publikuj Publish to App Service , zobaczysz okno. Jeśli pracujesz na komputerze Mac, zapoznaj się z innymi sposobami wdrożenia aplikacji tutaj.

        Publikowanie w programie Visual Studio

      4. Wybierz pozycję Usługa app service jako miejsce docelowe publikowania, a następnie kliknij pozycję Wybierz istniejący, a następnie kliknij przycisk Publikuj u dołu okna.

      5. Najpierw musisz zalogować się do programu Visual Studio za pomocą subskrypcji platformy Azure. Wybierz Subscriptionopcję Resource Group, a następnie wybierz nazwę aplikacji. Gdy będzie gotowy, kliknij przycisk OK, spowoduje to wdrożenie projektu serwera .NET, który masz lokalnie w wewnętrznej bazy danych usługi aplikacji. Po zakończeniu wdrażania zostaniesz przekierowany http://{zumoappname}.azurewebsites.net/ do przeglądarki.

Uruchamianie aplikacji na iOS

  1. Otwórz pobrany projekt klienta przy użyciu xcode.

  2. Przejdź do witryny Azure portal i przejdź do utworzonej aplikacji mobilnej. Na Overview bloku poszukaj adresu URL, który jest publicznym punktem końcowym aplikacji mobilnej. Przykład - nazwa witryny dla mojej nazwy aplikacji "test123" będzie https://test123.azurewebsites.net.

  3. W przypadku projektu Swift ToDoTableViewController.swift otwórz plik w tym folderze — ZUMOAPPNAME/ZUMOAPPNAME/ToDoTableViewController.swift. Nazwa aplikacji ZUMOAPPNAMEto .

  4. W viewDidLoad() metodzie ZUMOAPPURL zastąp parametr publicznym punktem końcowym powyżej.

    let client = MSClient(applicationURLString: "ZUMOAPPURL")

    Staje się

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

  5. W przypadku projektu Objective-C QSTodoService.m otwórz plik w tym folderze — ZUMOAPPNAME/ZUMOAPPNAME. Nazwa aplikacji ZUMOAPPNAMEto .

  6. W init metodzie ZUMOAPPURL zastąp parametr publicznym punktem końcowym powyżej.

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

    Staje się

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

  7. Naciśnij przycisk Uruchom, aby skompilować projekt i uruchomić aplikację w symulatorze systemu iOS.

  8. W aplikacji kliknij ikonę**+** plus ( ), wpisz sensowny tekst, na przykład Ukończ samouczek, a następnie kliknij przycisk zapisz. To spowoduje wysłanie żądania POST do wdrożonej wcześniej wewnętrznej bazy danych Azure. Wewnętrzna baza danych wstawia dane z żądania do tabeli SQL TodoItem i zwraca informacje na temat przechowywanych od niedawna elementów do aplikacji mobilnej. W aplikacji mobilnej dane te są wyświetlane na liście.

    Szybki start aplikacji uruchomionej w systemie iOS