iOS uygulaması oluşturmaCreate an iOS app

Not

Visual Studio App Center, mobil uygulama geliştirme merkezi hizmetlerinde yeni ve tümleşik yatırım yapıyor.Visual Studio App Center is investing in new and integrated services central to mobile app development. Geliştiriciler derleme, Test ve Dağıt hizmetlerinin sürekli tümleştirme ve teslim işlem hattı ayarlayın.Developers can use Build, Test and Distribute services to set up Continuous Integration and Delivery pipeline. Uygulama dağıtıldığında, geliştiriciler kendi uygulamasını kullanarak kullanımı ve durumu izleyebilirsiniz Analytics ve tanılama kullanarak kullanıcılarla etkileşim kurun ve hizmetlerini anında iletme hizmeti.Once the app is deployed, developers can monitor the status and usage of their app using the Analytics and Diagnostics services, and engage with users using the Push service. Geliştiriciler de yararlanabilir Auth , kullanıcıların kimliğini doğrulamak ve veri kalıcı hale getirmek ve uygulama verilerini bulutta eşitleme hizmeti.Developers can also leverage Auth to authenticate their users and Data service to persist and sync app data in the cloud. Kullanıma App Center bugün.Check out App Center today.

Genel BakışOverview

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.This tutorial shows how to add Azure App Service Mobile Apps, a cloud backend service, to an iOS app. Birinci adım, Azure'da yeni bir mobil arka uç oluşturmaktır.The first step is to create a new mobile backend on Azure. Ardından Azure'da veri depolayan basit bir Todo list iOS örnek uygulaması indirin.Then, download a simple Todo list iOS sample app that stores data in Azure.

Bu öğreticiyi tamamlamak için bir Mac bilgisayar ve Azure hesabınızın olması gerekirTo complete this tutorial, you need a Mac and an Azure account

Yeni bir Azure mobil uygulama arka ucu oluşturmaCreate a new Azure mobile app backend

  1. Azure Portal oturum açın.Sign in to the Azure portal.

  2. Kaynak oluştur’a tıklayın.Click Create a resource.

  3. Arama kutusuna Web uygulaması.In the search box, type Web App.

  4. Sonuç listesinden Web uygulaması marketten.In the results list, select Web App from the Marketplace.

  5. Seçin, abonelik ve kaynak grubu (mevcut bir kaynak grubunu seçin veya (uygulamanızla aynı adı kullanarak) yeni bir tane oluşturun).Select your Subscription and Resource Group (select an existing resource group or create a new one (using the same name as your app)).

  6. Benzersiz bir seçin adı web uygulamanızın.Choose a unique Name of your web app.

  7. Varsayılan seçin Yayımla olarak seçeneğini kod.Choose the default Publish option as Code.

  8. İçinde çalışma zamanı yığını, altında bir sürüm seçmek gereken ASP.NET veya düğüm.In the Runtime stack, you need to select a version under ASP.NET or Node. Bir .NET arka ucu oluşturuyorsanız ASP.NET altında bir sürüm seçin.If you are building a .NET backend, select a version under ASP.NET. Aksi takdirde göre düğüm uygulama hedefliyorsanız, sürüm birini düğümünü seçin.Otherwise if you are targeting a Node based application, select one of the version from Node.

  9. Sağa seçin işletim sistemi, Linux veya Windows.Select the right Operating System, either Linux or Windows.

  10. Seçin bölge dağıtılması için bu uygulamanın istediğiniz.Select the Region where you would like this app to be deployed.

  11. Uygun seçin App Service planı ve isabet gözden geçir ve Oluştur.Select the appropriate App Service Plan and hit Review and create.

  12. Kaynak Grubu altında mevcut bir kaynak grubunu seçin ya da yeni bir tane oluşturun (uygulamanızla aynı adı kullanarak).Under Resource Group, select an existing resource group or create a new one (using the same name as your app).

  13. Oluştur’a tıklayın.Click Create. Devam etmeden önce hizmetin sorunsuz dağıtılması için birkaç dakika bekleyin.Wait a few minutes for the service to be deployed successfully before proceeding. Durum güncelleştirmeleri için portal üst bilgisindeki Bildirimler (zil) simgesini izleyin.Watch the Notifications (bell) icon in the portal header for status updates.

  14. Dağıtım tamamlandıktan sonra tıklayarak dağıtım ayrıntıları kaynak türünde,'a tıklayın ve bölüm Microsoft.Web/sites.Once the deployment is completed, click on the Deployment details section and then click on the Resource of Type Microsoft.Web/sites. Bu App Service Web oluşturduğunuz uygulamasına gider.It will navigate you to the App Service Web App that you just created.

  15. Tıklayarak yapılandırma altındaki dikey penceresinde ayarları ve uygulama ayarları, tıklayarak yeni uygulama ayarı düğmesi.Click on the Configuration blade under Settings and in the Application settings, click on the New application setting button.

  16. İçinde Ekle/Düzenle uygulama ayarı want adı olarak MobileAppsManagement_EXTENSION_VERSION olarak değer son ve Tamam'a tıklıyorum.In the Add/Edit application setting page, enter Name as MobileAppsManagement_EXTENSION_VERSION and Value as latest and hit OK.

Bu yeni App Service Web uygulaması bir mobil uygulama olarak oluşturulan kullanmaya hazırsınız.You are all set to use this newly created App Service Web app as a Mobile app.

Veritabanı bağlantısı oluşturma ve istemci ve sunucu projesi yapılandırmaCreate a database connection and configure the client and server project

  1. Aşağıdaki platformlar için SDK hızlı başlangıçları istemciyi indirin:Download the client SDK quickstarts for the following platforms:

    iOS (Objective-C)iOS (Objective-C)
    iOS (Swift)iOS (Swift)
    Android (Java)Android (Java)
    Xamarin.iOSXamarin.iOS
    Xamarin.AndroidXamarin.Android
    Xamarin.FormsXamarin.Forms
    CordovaCordova
    Windows (C#)Windows (C#)

    Not

    İOS projesi kullanıyorsanız indirmeniz gerekir "azuresdk-iOS -*.zip" den son GitHub sürüm.If you use the iOS project you need to download "azuresdk-iOS-*.zip" from latest GitHub release. Sıkıştırmasını açın ve eklemek MicrosoftAzureMobile.framework projenin kök dosya.Unzip and add the MicrosoftAzureMobile.framework file to the project's root.

  2. Veritabanı bağlantısı eklemek veya mevcut bir bağlantısı gerekir.You will have to add a database connection or connect to an existing connection. İlk olarak, bir veri deposu oluşturmak veya mevcut bir belirler.First, determine whether you’ll create a data store or use an existing one.

    • Yeni veri deposu Oluştur: Bir veri deposu oluşturmak için kullanacaksanız, şu hızlı başlangıcı kullanın:Create a new data store: If you’re going to create a data store, use the following quickstart:

      Hızlı Başlangıç: Azure SQL veritabanı'nda tek veritabanları ile çalışmaya başlamaQuickstart: Getting started with single databases in Azure SQL Database

    • Varolan bir veri kaynağına: Varolan bir veritabanı bağlantısı kullanmak istiyorsanız aşağıdaki yönergeleri izleyin.Existing data source: Follow the instructions below if you want to use an existing database connection

      1. SQL veritabanı bağlantı dizesi biçimi- Data Source=tcp:{your_SQLServer},{port};Initial Catalog={your_catalogue};User ID={your_username};Password={your_password}SQL Database Connection String format - Data Source=tcp:{your_SQLServer},{port};Initial Catalog={your_catalogue};User ID={your_username};Password={your_password}

        {your_SQLServer} Ad sunucusunun bu veritabanınıza ilişkin genel bakış sayfasında bulunabilir ve genellikle "server_name.database.windows.net" biçiminde.{your_SQLServer} Name of the server, this can be found in the overview page for your database and is usually in the form of “server_name.database.windows.net”. {port} genellikle 1433.{port} usually 1433. {your_catalogue} Veritabanının adı.{your_catalogue} Name of the database. {your_username} Veritabanınıza erişmek için kullanıcı adı.{your_username} User name to access your database. {your_password} Veritabanınıza erişmek için parola.{your_password} Password to access your database.

        SQL bağlantı dizesi biçimi hakkında daha fazla bilgi edininLearn more about SQL Connection String format

      2. Bağlantı dizesi ekleyin, mobil uygulama App Service'de yönetebileceğiniz bağlantı dizelerini uygulamanızın kullanarak yapılandırma menüsündeki seçeneği.Add the connection string to your mobile app In App Service, you can manage connection strings for your application by using the Configuration option in the menu.

        Bir bağlantı dizesi eklemek için:To add a connection string:

        1. Tıklayarak uygulama ayarları sekmesi.Click on the Application settings tab.

        2. Tıklayarak [+] yeni bağlantı dizesi.Click on [+] New connection string.

        3. Sağlamanız gerekir adı, değer ve türü , bağlantı dizesi.You will need to provide Name, Value and Type for your connection string.

        4. Tür adı olarak MS_TableConnectionStringType Name as MS_TableConnectionString

        5. Değer, önce adımda oluşturulmuş bağlantı dizesi olmalıdır.Value should be the connecting string you formed in the step before.

        6. Bir SQL Azure veritabanına bir bağlantı dizesi ekliyorsanız seçin SQLAzure altında türü.If you are adding a connection string to a SQL Azure database choose SQLAzure under type.

  3. Azure Mobile Apps SDK'ları için .NET ve Node.js Arka Uçlara sahiptir.Azure Mobile Apps has SDKs for .NET and Node.js backends.

    • Node.js arka ucuNode.js backend

      Node.js hızlı başlangıç uygulamasını kullanacaksanız, aşağıdaki yönergeleri izleyin.If you’re going to use Node.js quickstart app, follow the instructions below.

      1. Azure portalında Git kolay tablolar, bu ekranı görürsünüz.In the Azure portal, go to Easy Tables, you will see this screen.

        Düğüm kolay tablolar

      2. Emin SQL bağlantı dizesi zaten eklenir yapılandırma sekmesi. Sonra da kutuyu işaretleyin bu tüm site içeriğinin üzerine yazacağını kabul ediyorum tıklatıp Todoıtem tablosu oluştur düğmesi.Make sure the SQL connection string is already added in the Configuration tab. Then check the box of I acknowledge that this will overwrite all site contents and click the Create TodoItem table button.

        Düğüm kolay tablolar yapılandırma

      3. İçinde kolay tablolar, tıklayın + Ekle düğmesi.In Easy Tables, click the + Add button.

        Kolay tablolar düğümü Ekle düğmesi

      4. Oluşturma bir TodoItem anonim erişimi olan tablo.Create a TodoItem table with anonymous access.

        Düğüm kolay tablolar tablo ekleme

    • .NET arka ucu.NET backend

      .NET hızlı başlangıç uygulaması kullanacaksanız, aşağıdaki yönergeleri izleyin.If you’re going to use .NET quickstart app, follow the instructions below.

      1. Azure Mobile Apps .NET sunucu projesinden indirmeniz azure mobile apps quickstarts depo.Download the Azure Mobile Apps .NET server project from the azure-mobile-apps-quickstarts repository.

      2. Visual Studio'da yerel olarak .NET sunucu projesi oluşturun.Build the .NET server project locally in Visual Studio.

      3. Visual Studio'da Çözüm Gezgini'ni açın, sağ ZUMOAPPNAMEService proje, tıklayın Yayımla, görürsünüz bir Publish to App Service penceresi.In Visual Studio, open Solution Explorer, right-click on ZUMOAPPNAMEService project, click Publish, you will see a Publish to App Service window. Mac üzerinde çalışıyorsanız, uygulamayı dağıtmak için diğer yöntemlere göz atın burada.If you are working on Mac, check out other ways to deploy the app here.

        Visual studio yayımlama

      4. Seçin App Service hedef yayımlama gibi ardından var olanı Seç, ardından Yayımla pencerenin alt kısmındaki düğmesi.Select App Service as publish target, then click Select Existing, then click the Publish button at the bottom of the window.

      5. Visual Studio ile ilk Azure aboneliğinizle oturum gerekecektir.You will need to log into Visual Studio with your Azure subscription first. Seçin Subscription, Resource Groupve ardından uygulamanızın adını seçin.Select the Subscription, Resource Group, and then select the name of your app. Hazır olduğunuzda tıklayın Tamam, bu olan .NET sunucu projesini App Service arka uca yerel olarak dağıtır.When you are ready, click OK, this will deploy the .NET server project that you have locally into the App Service backend. Dağıtım tamamlandığında, yönlendirilecek http://{zumoappname}.azurewebsites.net/ tarayıcıda.When deployment finishes, you will be redirected to http://{zumoappname}.azurewebsites.net/ in the browser.

İOS uygulamasını çalıştırmaRun the iOS app

  1. Yüklenen istemci projeyi Xcode kullanarak açın.Open the downloaded client project using Xcode.

  2. Git Azure portalında ve oluşturduğunuz mobil uygulamaya gidin.Go to the Azure portal and navigate to the mobile app that you created. Üzerinde Overview dikey penceresinde mobil uygulamanız için genel bir uç nokta URL'sini arayın.On the Overview blade, look for the URL which is the public endpoint for your mobile app. Örnek - sitename my app name "test123" için olacak https://test123.azurewebsites.net.Example - the sitename for my app name "test123" will be https://test123.azurewebsites.net.

  3. SWIFT projesi için dosyayı açmak ToDoTableViewController.swift bu klasördeki - ZUMOAPPNAME/ZUMOAPPNAME/ToDoTableViewController.swift.For Swift project, open the file ToDoTableViewController.swift in this folder - ZUMOAPPNAME/ZUMOAPPNAME/ToDoTableViewController.swift. Uygulama adı ZUMOAPPNAME.The application name is ZUMOAPPNAME.

  4. İçinde viewDidLoad() yöntemi Değiştir ZUMOAPPURL yukarıdaki genel uç nokta parametresi.In viewDidLoad() method, replace ZUMOAPPURL parameter with public endpoint above.

    let client = MSClient(applicationURLString: "ZUMOAPPURL")

    olurbecomes

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

  5. Objective-C projesi için dosyayı açmak QSTodoService.m bu klasördeki - ZUMOAPPNAME/ZUMOAPPNAME.For Objective-C project, open the file QSTodoService.m in this folder - ZUMOAPPNAME/ZUMOAPPNAME. Uygulama adı ZUMOAPPNAME.The application name is ZUMOAPPNAME.

  6. İçinde init yöntemi Değiştir ZUMOAPPURL yukarıdaki genel uç nokta parametresi.In init method, replace ZUMOAPPURL parameter with public endpoint above.

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

    olurbecomes

    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.Press the Run button to build the project and start the app in the iOS simulator.

  8. Uygulamada, artı işaretine tıklayın ( + ) simgesi gibi anlamlı bir metin yazın öğreticiyeve sonra Kaydet'e tıklayın düğmesi.In the app, click the plus (+) icon, type meaningful text, such as Complete the tutorial, and then click the save button. Böylece, daha önce dağıttığınız Azure arka ucuna bir POST isteği gönderilir.This sends a POST request to the Azure backend you deployed earlier. Arka uç, verileri istekten TodoItem SQL tablosuna ekler ve yeni depolanan öğeler hakkındaki bilgileri mobil uygulamaya döndürür.The backend inserts data from the request into the TodoItem SQL table, and returns information about the newly stored items back to the mobile app. Mobil uygulama bu verileri listede görüntüler.The mobile app displays this data in the list.

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