Create Azure Mobile Apps Service

Introduction

Azure mobile app service is an easy-to-rapidly-build engaging cross-platform and native apps service for iOS, Android, and Windows. We can implement  the following mobile features, using Azure, and create back-end logic in C# or Node.JS

1. Store data in Azure Cloud Storage.
2. Store image using Blob storage.
3. Azure AD Authentication.
4. Send Push notification.
5. Access on-premises resource.

This article will be a step-by-step guide on how to create mobile apps service, using Azure.

Prerequisites

1. If you do not have an Azure account, you can click for a free trial azure subscription.
2. If you want to start with Azure app Service before signing up to an Azure account, try app Service.
   
   
   

Create Mobile App Service

Step 1

Sign -in into Azure portal

Step 2

In the upper left corner of Azure portal, click on + New and type mobile apps in search box, as shown below.

Step 3

Select Mobile apps and click on Create.



Step 4

Create Mobile App

Provide the app name, Resource Group name and click on create.



Step 5

 

After successfully creating mobile app Service

After clicking on Create is done, wait a few minutes for the Service to be deployed successfully before proceeding.



Step 6

 

Mobile Service Settings

Click on Menu>Select App Services >Select newly created App Service(DevEnvDemo) >Click on (…)>Select Settings.



Step 7

 

Select Client Application platform

Search “QuickStart” >Select client Application platform (Xamarin,Windows, native App)> select Database ( Click on Connect a database).



Step 8

 

Create Data Connection

Click on + Add button.



Step 9

 

Select or Create Database

Select database connection type as SQL Database>Select SQL Database configure Setting>Create New Database or Select database >if New Database – provide new Database name> Select Server or create New Server > if new server – provide Server details and click on Select> Click OK.



Step 10

 

Data Connection Status

After clicking OK, wait for few minutes for the Data connection. Before proceeding, click Notification icon and check if the data connection is created or not.



Step 11

 

Download Client Application and Mobile Service

Select client Application > select back-end language (C# or node.js ) > Click on Download button for both client and Cloud project



Now, you can download Cloud and Client Application

Step 12

 

Publish and Debug Server Project

1. Download install language specific SDK https//azure.microsoft.com/en-us/downloads/
2. Open Visual Studio. Run as an admin and rebuild the project to restore NuGet packages.
3. In Solution Explorer, right-click the project and click Publish.
4. Click on Microsoft Azure App Service. Subsequently, sign in with your Azure credentials.
   
   
   
   
5. Select App Service.
   
   
   
   
6. Provide the Server details > click on validate connection and publish the Service.
   
   
   
   Wait for few minutes to deploy the Service. 
   
   
   
   

Step 12

Run and Debug Application 

Now, you can extract the client project, which you downloaded and then open it in Xamarin Studio or Visual Studio.



I believe this article will help you to create mobile app service in Azure. If you have any question or feedback, please share in the comment box.