iOS uygulaması oluşturma

  • Makale
  • Okumak için 4 dakika

Genel Bakış

Bu öğreticide, bir iOS uygulamasına bulut tabanlı arka uç hizmeti olan Azure App Service Mobile Apps’i nasıl ekleyeceğiniz gösterilmiştir. Birinci adım, Azure'da yeni bir mobil arka uç oluşturmaktır. Ardından Azure'da veri depolayan basit bir Todo list iOS örnek uygulaması indirin.

Bu öğreticiyi tamamlamak için bir Mac bilgisayar ve Azure hesabınızın olması gerekir

Yeni bir Azure mobil uygulama arka ucu oluşturma

  1. Azure Portal oturum açın.

  2. Kaynak Oluştur'utıklatın.

  3. Arama kutusuna Web Uygulamasıyazın.

  4. Sonuç listesinde, Market'ten Web Uygulaması'nı seçin.

  5. Abonelik ve Kaynak Grubunuzu seçin (varolan bir kaynak grubu seçin veya yeni bir tane oluşturun (uygulamanızla aynı adı kullanarak)).

  6. Web uygulamanızın benzersiz bir adı seçin.

  7. Varsayılan Kodolarak Yayımla seçeneğini seçin.

  8. Runtime yığınında, ASP.NET veya Düğümaltında bir sürüm seçmeniz gerekir. Bir .NET arka uç oluşturuyorsanız, ASP.NET altında bir sürüm seçin. Aksi takdirde Düğüm tabanlı bir uygulamayı hedefliyorsanız, Düğüm'den sürümden birini seçin.

  9. Linux veya Windows gibi doğru İşletim Sisteminiseçin.

  10. Bu uygulamanın dağıtılmasını istediğiniz Bölgeyi seçin.

  11. Uygun Uygulama Hizmet Planı'nı seçin ve Gözden Geçir'e vurun ve oluşturun.

  12. Kaynak Grubualtında, varolan bir kaynak grubu seçin veya yeni bir tane oluşturun (uygulamanızla aynı adı kullanarak).

  13. Oluştur'utıklatın. Devam etmeden önce hizmetin sorunsuz dağıtılması için birkaç dakika bekleyin. Durum güncelleştirmeleri için portal üst bilgisindeki Bildirimler (zil) simgesini izleyin.

  14. Dağıtım tamamlandıktan sonra, Dağıtım ayrıntıları bölümüne tıklayın ve ardından Microsoft.Web/sitetürü kaynağına tıklayın. Sizi az önce oluşturduğunuz App Service Web App'e yönlendirecektir.

  15. Ayarlar'ın altındaki Yapılandırma bıçağına ve Uygulama ayarlarında Yeni uygulama ayar düğmesine tıklayın.

  16. Ekle/Yap uygulama ayar sayfasında, Ad'ı MobileAppsManagement_EXTENSION_VERSION olarak ve Değer'i en son olarak girin ve Tamam'a basın. Name

Bu yeni oluşturulan App Service Web uygulamasını Mobil uygulama olarak kullanmaya hazırsınız.

Veritabanı bağlantısı oluşturun ve istemci ve sunucu projesini yapılandırma

  1. Aşağıdaki platformlar için istemci SDK quickstarts indirin:

    iOS (Amaç-C)
    iOS (Swift)
    Android (Java)
    Xamarin.iOS
    Xamarin.Android
    Xamarin.Forms
    Cordova
    Pencereler (C#)

    Not

    iOS projesini kullanıyorsanız, en son GitHub sürümünden*"azuresdk-iOS- .zip" indirmeniz gerekir. Zip'i açın MicrosoftAzureMobile.framework ve dosyayı projenin köküne ekleyin.

  2. Bir veritabanı bağlantısı eklemeniz veya varolan bir bağlantıya bağlanmanız gerekir. İlk olarak, bir veri deposu oluşturup oluşturmayacağınızı veya varolan bir tane kullanıp kullanmayacağınıbelirleyin.

    • Yeni bir veri deposu oluşturun: Bir veri deposu oluşturacaksanız, aşağıdaki hızlı başlatmayı kullanın:

      Quickstart: Azure SQL Veritabanı'nda tek veritabanları yla başlarken

    • Varolan veri kaynağı: Varolan bir veritabanı bağlantısını kullanmak istiyorsanız aşağıdaki yönergeleri izleyin

      1. SQL Veritabanı Bağlantı String formatı -Data Source=tcp:{your_SQLServer},{port};Initial Catalog={your_catalogue};User ID={your_username};Password={your_password}

        {your_SQLServer} Sunucunun adı, bu veritabanınız için genel bakış sayfasında bulunabilir ve genellikle "server_name.database.windows.net" şeklindedir. {port} genellikle 1433. {your_catalogue} Veritabanının adı. {your_username} Veritabanınıza erişmek için kullanıcı adı. {your_password} Veritabanınıza erişmek için parola.

        SQL Connection String formatı hakkında daha fazla bilgi edinin

      2. Mobil uygulamanıza bağlantı dizesini ekleyin Uygulama Hizmeti'nde, menüdeki Yapılandırma seçeneğini kullanarak uygulamanızın bağlantı dizelerini yönetebilirsiniz.

        Bağlantı dizesi eklemek için:

        1. Uygulama ayarları sekmesine tıklayın.

        2. [+] Yeni bağlantı dizesitıklayın.

        3. Bağlantı dizeniz için Ad, Değer ve Tür sağlamanız gerekir.

        4. Tür Adı olarakMS_TableConnectionString

        5. Değer, daha önce adımda oluşturduğunuz bağlantı dizesi olmalıdır.

        6. SQL Azure veritabanına bağlantı dizesi ekliyorsanız, SQLAzure'u yazınaltında seçin. SQLAzure

  3. Azure Mobile Apps'ta .NET ve Node.js arka uçları için SDK'lar vardır.

    • Düğüm.js arka uç

      Node.js quickstart uygulamasını kullanacaksanız, aşağıdaki talimatları uygulayın.

      1. Azure portalında Kolay Tablolar'agidin, bu ekranı göreceksiniz.

        Düğüm Kolay Tablolar

      2. SQL bağlantı dizesinin Yapılandırma sekmesine zaten eklenmiştir. Daha sonra bunun tüm site içeriğinin üzerine yazacağını kabul ettiğim kutusunu işaretleyin ve TodoItem tablo oluştur düğmesini tıklatın.

        Düğüm Kolay Tablolar Yapılandırması

      3. Kolay Tablolar'da + Ekle düğmesini tıklatın.

        Düğüm Kolay Tablolar Ekle Düğmesi

      4. Anonim TodoItem erişimi olan bir tablo oluşturun.

        Düğüm Kolay Tablolar Tablo Ekle

    • .NET arka ucu

      .NET quickstart uygulamasını kullanacaksanız, aşağıdaki talimatları uygulayın.

      1. Azure Mobil Uygulamalar .NET sunucu projesini azure-mobile-apps-quickstarts deposundanindirin.

      2. .NET sunucu projesini Visual Studio'da yerel olarak oluşturun.

      3. Visual Studio'da Çözüm Gezgini'ni ZUMOAPPNAMEService açın, projeye sağ tıklayın, Yayımla'yıtıklatın, bir Publish to App Service pencere göreceksiniz. Mac üzerinde çalışıyorsanız, uygulamayı buradadağıtmanın diğer yollarına göz atın.

        Görsel stüdyo yayıncılığı

      4. Hedef olarak Uygulama Hizmetini seçin, ardından Varolan'ı Seç'itıklatın ve pencerenin altındaki Yayımla düğmesini tıklatın.

      5. Önce Azure aboneliğinizle Visual Studio'ya giriş yapmanız gerekir. 'yi Subscription Resource Groupve uygulamanızın adını seçin. Hazır olduğunuzda, Tamam'ıtıklatın, bu uygulama hizmeti arka ucuna yerel olarak sahip olduğunuz .NET sunucu projesini dağıtacaktır. Dağıtım bittiğinde, tarayıcıya http://{zumoappname}.azurewebsites.net/ yönlendirilirsiniz.

iOS uygulamasını çalıştırın

  1. Xcode kullanarak indirilen istemci projesini açın.

  2. Azure portalına gidin ve oluşturduğunuz mobil uygulamaya gidin. Bıçakta, Overview mobil uygulamanızın genel bitiş noktası olan URL'ye bakın. Örnek - uygulama adım "test123" için https://test123.azurewebsites.netsite adı olacaktır.

  3. Swift projesi için bu ToDoTableViewController.swift klasördeki dosyayı açın - ZUMOAPPNAME/ZUMOAPPNAME/ToDoTableViewController.swift. Uygulama ZUMOAPPNAMEadı.

  4. Yöntemde, viewDidLoad() ZUMOAPPURL parametreyi yukarıdaki ortak bitiş noktasıyla değiştirin.

    let client = MSClient(applicationURLString: "ZUMOAPPURL")

    Olur

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

  5. Objective-C projesi için bu QSTodoService.m klasördeki dosyayı açın - ZUMOAPPNAME/ZUMOAPPNAME. Uygulama ZUMOAPPNAMEadı.

  6. Yöntemde, init ZUMOAPPURL parametreyi yukarıdaki ortak bitiş noktasıyla değiştirin.

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

    Olur

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

  7. Projeyi oluşturmak için Çalıştır düğmesine basın ve uygulamayı iOS benzeticisinde başlatın.

  8. Uygulamada artı (+) simgesine tıklayın, öğreticiyi tamamlagibi anlamlı metin yazın ve ardından kaydet düğmesini tıklatın. Böylece, daha önce dağıttığınız Azure arka ucuna bir POST isteği gönderilir. Arka uç, verileri istekten TodoItem SQL tablosuna ekler ve yeni depolanan öğeler hakkındaki bilgileri mobil uygulamaya döndürür. Mobil uygulama bu verileri listede görüntüler.

    iOS’ta çalışan hızlı başlangıç uygulaması