Criar uma aplicação iOS

Descrição geral

Este tutorial mostra como adicionar Aplicações Móveis do Serviço de Aplicações do Azure, um serviço de back-end na cloud, a uma aplicação iOS. O primeiro passo é criar um novo back-end móvel no Azure. Em seguida, transfira uma aplicação de exemplo iOS da Lista de tarefas que armazena dados no Azure.

Para concluir este tutorial, precisa de um Mac e de uma conta do Azure

Criar um novo back-end da aplicação móvel do Azure

  1. Inicie sessão no portal do Azure.

  2. Clique em Criar um recurso.

  3. Na caixa de pesquisa, digite web app.

  4. Na lista de resultados, selecione Web App do Marketplace.

  5. Selecione o seu Grupo de Subscrição e Recursos (selecione um grupo de recursos existente ou crie um novo (usando o mesmo nome que a sua app)).

  6. Escolha um nome único da sua aplicação web.

  7. Escolha a opção de publicação padrão como Código.

  8. Na pilha Runtime, é necessário selecionar uma versão em ASP.NET ou . Se estiver a construir um backend .NET, selecione uma versão em ASP.NET. Caso contrário, se estiver a visar uma aplicação baseada no Nó, selecione uma versão do Nó.

  9. Selecione o sistema operativocerto, quer o Linux quer o Windows.

  10. Selecione a Região onde gostaria que esta aplicação fosse implementada.

  11. Selecione o plano de serviço de aplicações apropriado e bata em Review e crie.

  12. No Grupo de Recursos, selecione um grupo de recursos existente ou crie um novo (utilize o mesmo nome da sua aplicação).

  13. Clique em Criar. Antes de prosseguir, aguarde alguns minutos até o serviço ser implementado com êxito. Observe o ícone de Notificações (sino) no cabeçalho de portal para ver se há atualizações de estado.

  14. Assim que a implementação estiver concluída, clique na secção de detalhes de implementação e clique no Recurso do Tipo Microsoft.Web/sites. Irá navegar para a App Service Web App que acabou de criar.

  15. Clique na lâmina de configuração em Definições e nas definições de Aplicação, clique no botão de definição de nova aplicação.

  16. Na página de definição de aplicações Adicionar/Editar, introduza nome como MobileAppsManagement_EXTENSION_VERSION e Valor como mais recente e atinja OK.

Estão prontos para usar esta aplicação Web de serviço de aplicação recém-criada como uma aplicação Mobile.

Criar uma ligação à base de dados e configurar o projeto cliente e servidor

  1. Descarregue os quickstarts sdK do cliente para as seguintes plataformas:

    iOS (Objectivo-C)
    iOS (Swift)
    Android (Java)
    Xamarin.iOS
    Xamarin.Android
    Xamarin.Forms
    Cordova
    Janelas (C#)

    Nota

    Se utilizar o projeto iOS, precisa de descarregar "azuresdk-iOS-*.zip" a partir do mais recente lançamento do GitHub. Desaperte MicrosoftAzureMobile.framework e adicione o ficheiro à raiz do projeto.

  2. Terá de adicionar uma ligação à base de dados ou ligar-se a uma ligação existente. Primeiro, determine se vai criar uma loja de dados ou usar uma existente.

    • Criar uma nova lojade dados : Se vai criar uma loja de dados, utilize o seguinte arranque rápido:

      Quickstart: Começar com bases de dados únicas na Base de Dados Azure SQL

    • Fonte de dados existente: Siga as instruções abaixo se pretender utilizar uma ligação de base de dados existente

      1. Formato de string de ligação à base de dados SQL -Data Source=tcp:{your_SQLServer},{port};Initial Catalog={your_catalogue};User ID={your_username};Password={your_password}

        {your_SQLServer} Nome do servidor, este pode ser encontrado na página geral da sua base de dados e é geralmente na forma de "server_name.database.windows.net". {porta} normalmente 1433. {your_catalogue} Nome da base de dados. {your_username} Nome do utilizador para aceder à sua base de dados. {your_password} Senha para aceder à sua base de dados.

        Saiba mais sobre o formato SQL Connection String

      2. Adicione a cadeia de ligação à sua aplicação móvel No Serviço de Aplicações, pode gerir as cordas de ligação para a sua aplicação utilizando a opção Configuração no menu.

        Para adicionar uma cadeia de ligação:

        1. Clique no separador de definições de Aplicação.

        2. Clique em [+] Nova cadeiade ligação .

        3. Terá de fornecer Nome, Valor e Tipo para a sua cadeia de ligação.

        4. Tipo nome comoMS_TableConnectionString

        5. O valor deve ser a corda de ligação que formou no passo anterior.

        6. Se estiver a adicionar uma cadeia de ligação a uma base de dados SQL Azure, escolha o SQLAzure sob o tipo.

  3. As Aplicações Móveis Azure têm SDKs para backends .NET e Node.js.

    • Node.js backend

      Se vai utilizar a aplicação Node.js quickstart, siga as instruções abaixo.

      1. No portal Azure, vá a Easy Tables, verá este ecrã.

        Mesas fáceis do nó

      2. Certifique-se de que a cadeia de ligação SQL já está adicionada no separador Configuração. Em seguida, verifique a caixa de i reconheço que isto irá sobrepor todos os conteúdos do site e clicar no botão de tabela Create TodoItem.

        Configuração de tabelas fáceis do nó

      3. Em TabelasFáceis, clique no botão + Adicionar.

        Node tabelas fáceis adicionar botão

      4. Crie TodoItem uma mesa com acesso anónimo.

        Mesas fáceis do nó adicionar tabela

    • .NET backend

      Se vai utilizar a aplicação .NET quickstart, siga as instruções abaixo.

      1. Descarregue o projeto de servidor azure mobile Apps .NET a partir do repositório azure-mobile-apps-quickstarts.

      2. Construa o projeto de servidor .NET localmente no Estúdio Visual.

      3. No Estúdio Visual, abra o Solution ZUMOAPPNAMEService Explorer, clique à direita Publish to App Service no projeto, clique em Publicar, verá uma janela. Se estiver a trabalhar no Mac, confira outras formas de implementar a aplicação aqui.

        Publicação de estúdio visual

      4. Selecione o Serviço de Aplicações como alvo de publicação e, em seguida, clique em Selecionar Existindoe, em seguida, clique no botão Publicar na parte inferior da janela.

      5. Terá de entrar no Visual Studio com a sua assinatura Azure primeiro. Selecione o Subscription, e, em seguida, Resource Groupselecione o nome da sua aplicação. Quando estiver pronto, clique em OK, isto irá implementar o projeto de servidor .NET que tem localmente no backend do Serviço de Aplicações. Quando a implementação terminar, será http://{zumoappname}.azurewebsites.net/ redirecionado para o navegador.

Executar a aplicação iOS

  1. Abra o projeto de cliente descarregado usando xcode.

  2. Vá ao portal Azure e navegue para a aplicação móvel que criou. Na Overview lâmina, procure o URL que é o ponto final público da sua aplicação móvel. Exemplo - o nome de site para o meu https://test123.azurewebsites.netnome de aplicação "test123" será .

  3. Para o projeto Swift, abra o ficheiro ToDoTableViewController.swift nesta pasta - ZUMOAPPNAME/ZUMOAPPNAME/ToDoTableViewController.swift. O nome ZUMOAPPNAMEda aplicação é .

  4. No viewDidLoad() método, ZUMOAPPURL substitua o parâmetro por ponto final público acima.

    let client = MSClient(applicationURLString: "ZUMOAPPURL")

    torna-se

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

  5. Para o projeto Objective-C, abra o ficheiro QSTodoService.m nesta pasta - ZUMOAPPNAME/ZUMOAPPNAME. O nome ZUMOAPPNAMEda aplicação é .

  6. No init método, ZUMOAPPURL substitua o parâmetro por ponto final público acima.

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

    torna-se

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

  7. Prima o botão Executar para criar o projeto e iniciar a aplicação no simulador do iOS.

  8. Na aplicação, clique**+** no ícone plus ( ) escreva texto significativo, como completar o tutorial, e, em seguida, clique no botão de guardar. Esta ação envia um pedido POST ao back-end do Azure que implementou anteriormente. Os dados de inserções de back-end do pedido encontram-se na tabela TodoItem SQL e devolve informações sobre os itens recentemente armazenados na aplicação móvel. A aplicação móvel apresenta estes dados na lista.

    Aplicação de início rápido em execução no iOS