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.

    azure

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.

azure

Step 4

Create Mobile App

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

azure

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.

azure

Step 6
 
Mobile Service Settings

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

azure

Step 7
 
Select Client Application platform

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

azure

Step 8
 
Create Data Connection

Click on + Add button.

azure

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.

azure

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.

azure

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

azure

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.

    azure

  5. Select App Service.

    azure

  6. Provide the Server details > click on validate connection and publish the Service.

    azure

    Wait for few minutes to deploy the Service. 

    azure

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.

azure

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.

Up Next
    Ebook Download
    View all
    Learn
    View all