Securing your Azure HTML5 Web App

In this article we will look at the simple procedure for enabling authentication on your static HTML5 website.

Introduction 

In the previous article we looked at how to set up an HTML5 website in Azure. This left the files open to anonymous access. In this article we will look at the simple steps within the azure portal to secure the site with your O365 credentials.

Azure portal admin

From our azure portal homepage (https://portal.azure.com/) select Web Apps

q1

Clicking on the Web App bring up multiple options and setting

q2

Under settings select Authentication / Authorization

q3

And then turn it on

q4

Save – and that’s it – your site is now secured to the Active Directory users provided by your O365 and Azure cloud.

Accessing the home page now brings up the login screen

q5

Conclusion

We have seen how to secure the open Azure site to external users. In the case of the Outlook Add-ins we are trying to create this will leave them accessible to authenticated users.

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s