X
22Dec

Microsoft Azure : Mobile Services - iOS with JavaScript

We will add cloud-based backend service to an iOS app using Azure Mobile Services.

We will create both new mobile service and simple To do list app that stores app data in new mobile service. Mobile service that we will create uses JavaScript for server-side business logic. 

 


Pre-requisite


We need a Microsoft Azure Account.

 


Create new mobile service


Follow these steps to create a new mobile service.

1)    Sign into http://manage.windowsazure.com. At bottom of navigation pane, click +NEW. Expand Compute and Mobile Service, then click Create.

This displays Create a Mobile Service dialog.

 

1

 

2

 

2)    In Create a Mobile Service dialog, select Create a new SQL Database instance, select JavaScript runtime, then type a subdomain name for new mobile service in URL textbox. Click right arrow button to go to next page.

This displays Specify database settings page.

 

3

 

NOTE: We will create new SQL Database instance and server. We can reuse this new database and administer it as we would any other SQL Database instance. If we already have database in same region as new mobile service, we can instead choose Use existing Database and select that database. Use of a database in different region is not recommended because of additional bandwidth costs and higher latencies.

 

3)    In Name, type name of the new database, then type Login name, which is administrator login name for new SQL Database server, type and confirm the password and click check button to complete process. 

 

4

 

5

 

You have now created new mobile service that can be used by your mobile apps.

 


Create a new iOS app


We can follow an easy Quick Start in Azure classic portal to create new app connected to your mobile service:

1)    In http://manage.windowsazure.com, click Mobile Services and then click mobile service that we just created.

 

6

 

2)    In Quick Start tab, click iOS under Choose a platform and expand Create a new iOS app. This displays steps to create an iOS app connected to our mobile service.

 

6

 

3)    Click Create TodoItem table to create table to store app data.

 

7

 

4)    Under Download and run your app, click Download. This downloads project for sample To do list application that is connected to our mobile service, along with Mobile Services iOS SDK. Save compressed project file to our local computer and make a note of where we saved it.

 


Run your new iOS app


Final stage is to build and run our new app.

1)    Browse to location where we saved compressed project files, expand files on our computer and open project file using Xcode.

2)    Press Run button to build project and start app in iPhone emulator.

3)    In app, type meaningful text and then click plus icon.

 

8

 

This sends POST request to new mobile service hosted in Azure. Data from request is inserted into TodoItem table. Items stored in table are returned by mobile service and data is displayed in list.

 

4)    Back in the http://manage.windowsazure.com, click DATA tab and then click TodoItem table. This lets us browse data inserted by app into table.

 

Related

Azure Blob Storage: The PowerShell Way!

Hi folks!Great to see you again.This blog post is purely based on Azure Blob Storage: The PowerShell...

Read More >

Create a Windows Server 2012 R2 VM using ARM in Azure PowerShell

Hi Folks,In this Blog Post we will learn how to create an Azure ARM Virtual Machine using Azure Powe...

Read More >

Continuous Integration/ Continuous Deployment VSTS

Following the below steps you can build and deploy your ASP.NET  app to Azure from either Visua...

Read More >

How to Sync On-premise AD with Windows Azure AD using Azure AD Connect tool

 Azure AD is a service that provides identity and access management capabilities in the cloud. ...

Read More >

Creating a Point-to-Site Connectivity using Azure Resource Manager

Configure a Point-to-Site connectivity to a VNet using PowerShell (ARM Mode)Task 1: Create a Self-Si...

Read More >

How to Create an Azure Virtual Network by using a Deployment Template

Hello Folks!In this Blog post, we will try to learn how to create an Azure V-Net using an ARM templa...

Read More >

Locking VMs and Resources Groups with Azure Resource Manager using Azure PowerShell

Hello Folks!In this blog post we will be talking about locking down your Azure Resources with Azure ...

Read More >

Microsoft Azure: Implementing Internet Facing Load Balancers using Azure Resource Manager

Howdy Folks!I was exploring Network Load Balancer in Azure Resource Manager and found out that you c...

Read More >

Microsoft Azure Stack : Power of Azure in our datacentre

Why Azure Stack?Microsoft Azure Stack is a new hybrid cloud platform product that enables our organi...

Read More >

Microsoft Azure : Mobile Services - Xamarian.Android with .Net

NOTE: Microsoft Azure recommends Azure App Service Mobile Apps for all new mobile backend deployment...

Read More >

Share

Try DevOpSmartBoard Ultimate complete Azure DevOps End-to end reporting tool

Sign Up

  • Recent
  • Popular
  • Tag
Monthly Archive
Subscribe
Name

Text/HTML
Text/HTML
Contact Us
  • *
  • *