Wednesday, September 15, 2021

Create a website hosted in Azure

 

Azure terminology and concepts

Before you get started, let's review and discuss some basic terms and concepts that you'll need to know when you create your website.

What is App Service?

App Service is an HTTP-based service that enables you to build and host many types of web-based solutions without managing infrastructure. For example, you can host web apps, mobile back ends, and RESTful APIs in several supported programming languages. Applications developed in .NET, .NET Core, Java, Ruby, Node.js, PHP, or Python can run in and scale with ease on both Windows- and Linux-based environments.

For this exercise, we want to create a website in less than the time it takes to eat lunch. So, we're not going to write any code. Instead, you'll deploy a predefined application from Azure Marketplace.

What is Azure Marketplace?

Azure Marketplace is an online store that hosts applications that are certified and optimized to run in Azure. Many types of applications are available, ranging from AI and machine learning to web applications. As you'll see in a couple of minutes, deployments from the store are done via the Azure portal by using a wizard-style user interface. This user interface makes evaluating different solutions easy.

We're going to use one of the WordPress application options from Azure Marketplace for our website.

Create resources in Azure

Typically, the first thing we'd do is to create a resource group to hold all the things that we need to create. The resource group allows us to administer all the services, disks, network interfaces, and other elements that potentially make up our solution as a unit. We can use the Azure portal to create and manage our solution's resource groups. Keep in mind that you can also manage resources via a command line by using the Azure CLI. The Azure CLI is a useful option if you need to automate the process in the future.

In the free Azure sandbox environment, you'll use the pre-created resource group [sandbox resource group name], and you don't need to do this step.

Choose a location

The free sandbox allows you to create resources in a subset of the Azure global regions. Select a region from this list when you create resources:

  • westus2

  • southeastasia

  • japaneast

  • brazilsouth

  • australiasoutheast

  • centralindia

  • southcentralus

  • centralus

  • eastus

  • westeurope

Create a WordPress website

  1. If you haven't done so already, verify that you've activated the sandbox. Activating the sandbox allocates the subscription and resource group you'll use in this exercise. This step is required for any Microsoft Learn exercises that use a sandbox.

  2. Sign in to the Azure portal  by using the same account you used to activate the sandbox.

  3. On the top of the Azure portal left pane, select Create a resource.

Azure dashboard with Create a resource button from left pane highlighted

This option takes you to Azure Marketplace.

Screenshot of the Azure portal showing Azure Marketplace categories in a left column and popular options in a right column

4. Azure Marketplace has many services, solutions, and resources available for you to use. We know that we want to install WordPress, so we can do a quick search for it. In the Search the Marketplace box with the listed application options, enter WordPress. Select the default WordPress option from the list of options available.

Search button with auto complete options for search term WordPress, search result WordPress highlighted

5. In the pane that appears, you'll typically find more information about the item you're about to install, such as the publisher, a brief description of the resource, and links to more information. Make sure to review this information. Select Create to begin the process to create a WordPress app.

Create WordPress dashboard with create button and WordPress application description

6. Several options to configure your deployment appear. Enter the following information:

Property

Value

App name

Choose a unique value for the app name. It will form part of a fully qualified domain name (FQDN).

Subscription

Make sure Concierge Subscription is selected.

Resource Group

Select the Use existing option, and then select the [sandbox resource group name] resource group from the dropdown.

Database Provider

From the dropdown, select MySQL in App.

App Service plan/Location

You'll change the App Service plan in the next step.

Application Insights

Leave at the default configuration.

Your configuration should look like this example:

Screenshot of the Azure portal showing the new WordPress app service configured as instructed

7. Now let's configure the App Service plan to use a specific pricing tier. The App Service plan specifies the compute resources and location for the web app. Select App Service plan/Location.

Screenshot of the Azure portal showing WordPress App Service creation with App Service plan/Location button highlighted

8. In the App Service plan pane, select Create new.

App Service plan with Create new button highlighted

9. In the New App Service plan pane, enter a name for the new service plan.

10. For Location, select Central US to make sure we choose a region that allows the service plan you'll choose. Normally, you'll select the region that's closest to your customers while offering the services you need.

11. Select Pricing tier to see the performance and feature options of the various types of service plans.

New App service plan configuration with Pricing tier option highlighted

12. The Spec Picker allows us to select a new pricing tier for our application. This screen opens to the Production tab, with the S1 pricing tier selected. We'll select a new pricing tier from the Dev / Test tab for our website.

Select the Dev / Test tab, then select the F1 pricing tier, and then select Apply.

Screenshot of the Azure portal showing the App Service plan Spec Picker pane with the Dev /

13. Back on the New App Service plan pane, select OK to create the new plan, and close the pane.

14. Finally, select the Create button to start the deployment of your new site.

Verify your website is running

The deployment of the new website can take a few minutes to complete. You're welcome to explore the portal further on your own.

We can track the progress of the deployment at any time.

  1. Select the Notifications bell icon at the top of the portal. If your browser window width is smaller, it might be shown when you select the ellipsis (...) icon in the upper-right corner.

Azure dashboard displaying the more actions dropdown with Notifications highlighted

2. Select Deployment in progress to see the details about all the resources that are created.

Notification popup for Deployment resource group showing Deployment in progress

Notice how resources are listed as they're created and the status changes to a green check mark as each component in the deployment completes.

Screenshot of the Azure portal showing details of the deployment notification stating, "Your deployment is underway.

3. After the deployment status message changes to Your deployment is complete, you'll notice the status in the Notifications dialog box changes to Deployment succeeded. Select Go to resource to go to the App Service overview.

Deployment succeeded notification popup message for WordPress instance deployment

4. Find the URL in the Overview section.

BlogFor dashboard with website URL address in right pane highlighted

5. Copy the URL information by selecting the Copy to clipboard icon at the end of URL.

6. Open a new tab in your browser, paste this URL, and press Enter to browse to your new WordPress site. You can now configure your WordPress site, and add content.

Screenshot showing preconfigured WordPress website waiting on language/location selection

No comments:

Post a Comment