Getting Started With Azure App Service

Introduction

Earlier, apps were transforming into Mobility. But now, they are going forward into the Cloud. Now think, what would happen if this transformation leverages the power of Microsoft's public cloud, Azure!

This article provides a quick and smart high-level overview of Microsoft Azure Mobile Apps service with a practical example of how to start with creating an app in Azure Mobile Services, along with performing back-end processes for different platforms.

For novice Cloud developers, aspiring Cloud architects, Pre-sales consultants, and all other IT professionals associated with the Cloud computing, especially with Microsoft Azure, this tutorial will explain the importance and capabilities of Microsoft Azure Mobile Apps.

Quick High-level Overview

As defined, “Azure App Service is a fully managed "Platform as a Service" (PaaS) offering for professional developers, that brings a rich set of capabilities to web, mobile, and integration scenarios.

Mobile apps in Azure App Service offer a highly scalable and globally available mobile application development platform for Enterprise Developers and System Integrators. Its capabilities, to build native and cross platform apps, seamlessly get connected to your enterprise systems, to build offline-ready apps with data sync, and super-quick push notifications to millions, make Azure Mobile App an accurate choice to go with.

It's MIT licensed, open-source, simple, and easy to integrate, Client SDKs cover native development (iOS, Android and Windows), cross-platform development (Xamarin for iOS and Android, Xamarin Forms) and hybrid application development (Apache Cordova), to make it the best choice for developers, across the platforms.

Prerequisites


For creating an app and setting up back-end process, all we need is Microsoft Azure Account. If not, create your free account by clicking here.

Once app is created, further development requirement tools depend on the platform we go with. Will go through all available platforms & tools in this article.

Let’s start

Go to Microsoft Azure portal, log-in with your Azure account credentials.

Click ‘+’ sign => Web + Mobile => Mobile App.

azure

Blade with following details will appear. 
  • App Name - Enter a Unique name for your Mobile App. This name is unique across Azure.
  • Subscription - Your subscription for Azure services
  • Resource Group - Group of related products / service created on Azure Portal. You can select existing resource group or create new.
  • App Service Plan - You can select an existing App Service Plan or create new.

    azure

For this article, I have entered the below details.

Once done with entering all required details, click "Create".

azure

As seen in the above image, we have pinned this to our Dashboard. You can very well track the deploying process over Dashboard.

azure

Once done with deployment, notification too would be received.

azure

So now, it’s shown as running. Click it for diving in for details.

azure

An Overview of created Mobile app can be seen here with all essential details.

azure

Click on Quickstart option under AppDeployment. Options available are listed as seen.

azure

To explore more, click any one of listed option.

You can see that three steps are needed to be performed.

  1. Connect to Database - Required to completed the process
  2. Create a table API -  It’s to store data in your backend. C# & Node.js can be used as backend language.
  3. Configuring Client Application,
    • Create a New App - Application here is pre-configured to work with mobile backend. Instructions related to tools required are also provided. This configuration and tools details changes with change in platforms selected.
    • Connect An Existing App - Step to configure backend are provided here.

      azure

Step 1 Connect to Database

This will give you option from SQL Database or Storage to add as data connection. You can select from your existing Database and storage account or can create new.

To learn more about Azure SQL database creation, would recommend to read, Azure SQL - Creation and Connection

http://www.c-sharpcorner.com/article/getting-started-with-azure-sql-creation-and-connection/

Here, I have selected my existing storage account, and hence this step gets completed.

Step 2 creating a table API

http://www.c-sharpcorner.com/article/getting-started-with-azure-sql-creation-and-connection/

Here, you have two options for languages to be selected as backend language, C# and Node.js

For this article, let’s select Node.js as back-end Language. Check the acknowledge statement.

And, click "CreateTodoItemtable".
Azure

Step 3

Selecting ‘ConnectAn Existing App’ as an option, would instruct with all details needed to configure, as seen in below image. This instruction changes with the platform options being selected.

Azure

Now, selecting "Create New App" as option will display details of development tool required for pre-configured app to work with mobile back-end.

Again, this changes with platform selected, as shown below.

For iOS (Objective-C) & iOS (Swift), on a Mac its needs to Xcode.

Azure
For Android

On a Mac or Windows PC, it needs Android Studio.

Azure

For Windows C# - Universal Windows Platform

On Windows PC, it needs Visual Studio 2015.

Azure

For Windows 8.1 C#

On Windows PC, it needs Visual Studio 2015.

Azure

For Xamarin.Android, Xamarin.iOS and Xamarin.Forms

On Windows PC, it needs Visual Studio 2015 and on a Mac or Windows PC, it needs Xamarin for Windows.

Azure

For Cordova

Click on Download and follow the instructions to get it installed and work.

Azure

Now, click on another option under App Deployment section, i.e. Deployment options.

You can select any options listed in Source blade, as a source of files to be deployed for Mobile app.

Azure

For this article, will be selecting GitHub as a source.

Would recommend to once go through, how to deploy files to app using GitHub. Click OK and you are done!

Azure

For a quick glance about app status, URL, its mode, IP addresses, and FTP related details along with diagnostics logs, go to Properties, as seen below.

Azure

Conclusion or Summary

Azure Mobile App is simply awesome to work with engaged enterprise applications. And, it’s really super easy to start working with it. So if it’s Android, UWP or Windows, you can seamlessly leverage features of Azure Mobile App in to your application.

Will be learning more about Mobile App in upcoming articles. Stay Tuned! In the mean time, you can through Mobile App learning path provided by Microsoft Azure team. 

Hope you enjoyed this tutorial. If you have any questions with respect to the same or any interesting use-case or suggestion, please do comment below.

Knowledge grows by sharing! Don't forget to share this article. If it has helped you, it will also help many others too!

Thank You! Happy Azure Coding!

Next Recommended Readings