DZone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
Refcards Trend Reports Events Over 2 million developers have joined DZone. Join Today! Thanks for visiting DZone today,
Edit Profile Manage Email Subscriptions Moderation Admin Console How to Post to DZone Article Submission Guidelines
View Profile
Sign Out
Refcards
Trend Reports
Events
Zones
Culture and Methodologies Agile Career Development Methodologies Team Management
Data Engineering AI/ML Big Data Data Databases IoT
Software Design and Architecture Cloud Architecture Containers Integration Microservices Performance Security
Coding Frameworks Java JavaScript Languages Tools
Testing, Deployment, and Maintenance Deployment DevOps and CI/CD Maintenance Monitoring and Observability Testing, Tools, and Frameworks
Culture and Methodologies
Agile Career Development Methodologies Team Management
Data Engineering
AI/ML Big Data Data Databases IoT
Software Design and Architecture
Cloud Architecture Containers Integration Microservices Performance Security
Coding
Frameworks Java JavaScript Languages Tools
Testing, Deployment, and Maintenance
Deployment DevOps and CI/CD Maintenance Monitoring and Observability Testing, Tools, and Frameworks
  1. DZone
  2. Software Design and Architecture
  3. Cloud Architecture
  4. Getting Started With Azure App Service: Mobile Apps

Getting Started With Azure App Service: Mobile Apps

The cloud can be your salvation for mobile app development. Take a look at how Azure Mobile App Service can get your backend running no matter what platform you choose.

Kasam Shaikh user avatar by
Kasam Shaikh
·
Dec. 08, 16 · Tutorial
Like (5)
Save
Tweet
Share
115.38K Views

Join the DZone community and get the full member experience.

Join For Free

earlier, apps were transforming into the mobile realm, but now, they are going forward into the cloud. now think, what would happen if this transformation leveraged 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 backend 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 bring a rich set of capabilities to web, mobile, and integration scenarios."

mobile apps in azure app service have at their disposal a highly scalable and globally available mobile application development platform for enterprise developers and system integrators. its capabilities for building 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. that makes azure mobile app great 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 the back-end process, all we need is microsoft azure account. if not, create your free account by clicking here .

once an app is created, further development tools depend on the platform we go with. we'll go through all the available platforms and tools in this article.

let’s start

go to the microsoft azure portal and login with your azure account credentials.

click ‘+’ sign => web + mobile => mobile app.
azure

a 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/services created on azure portal. you can select an existing resource group or create a new one.
  • app service plan : you can select an existing app service plan or create a new one.
    azure

for this article, i have entered the details below.

once you're done entering all the required details, click "create."

azure

as seen in the above image, we have pinned this to our dashboard. you can easily track the deployment process through the dashboard.

azure

once you're done with deployment, you'll also get a notification.

azure

so now, it’s shown as running. click it for diving in for details.

azure

an overview of the created mobile app can be seen here with all the essential details.

azure

click on the quickstart option under appdeployment. the options available are listed as seen.
azure

to explore more, click any one of the listed options.

you can see that three steps need 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# and node.js can be used as backend language.
  3. configuring client application:
    • create a new app - the application here is pre-configured to work with a mobile backend. instructions related to the tools required are also provided. this configuration and the tool details change with change depending on the platform selected.
    • connect an existing app - steps to configure your backend are provided here.
      azure

step 1: connect to database

this will give you an option to use a sql database or use a data connection as storage. you can select from your existing database and storage account, or you can create a new one.

to learn more about azure sql database creation, i would recommend you 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, completing the step.

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 the backend language — c# and node.js.

for this article, let’s select node.js as our backend language. check the acknowledge statement and click "createtodoitemtable".

azure

step 3: configuration

selecting ‘connect an existing app’ as an option will instruct you with all details needed for configuration, as seen in the below image. this instruction changes with the platform options being selected.

azure

now, selecting "create a new app" as an option will display details of development tools required for your pre-configured app to work with the mobile backend.

again, this changes with the platform selected, as shown below.

for ios

for ios (objective-c) and ios (swift) on a mac, you'll need xcode.

azure

for android

on a mac or windows pc, you'll need android studio.

azure

for windows c#: universal windows platform

on a windows pc, you'll need visual studio 2015.
azure

for windows 8.1: c#

again, you're looking at visual studio 2015.

azure

for xamarin.android, xamarin.ios, and xamarin.forms

on a windows pc, as stated, you'll need visual studio 2015, and on a mac or windows pc, you night also need xamarin for windows.

azure

for cordova

click on download and follow the instructions to get it installed and working.

azure

now, click on another option under the app deployment section, i.e. deployment options.

you can select any options listed in the source blade as a source of files to be deployed for a mobile app.

azure

for this article, we'll be selecting github as a source.

i'd recommend you go through how to deploy files to an app using github . click ok, and you are done!

azure

for a quick glance at your app status, url, its mode, ip addresses, and ftp-related details along with diagnostics logs, go to properties, as seen below.

azure

conclusion

azure mobile app is simply awesome to work with to make 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 your application.

we'll be learning more about mobile apps in upcoming articles. stay tuned!

i hope you enjoyed this tutorial. if you have any questions or any interesting use cases or suggestion, please comment below.

knowledge grows by sharing! don't forget to share this article. if it has helped you, it will also help others!

thank you! happy azure coding!

azure mobile app Web Service

Published at DZone with permission of Kasam Shaikh. See the original article here.

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • How Observability Is Redefining Developer Roles
  • Taming Cloud Costs With Infracost
  • Upgrade Guide To Spring Data Elasticsearch 5.0
  • Hackerman [Comic]

Comments

Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends: