5/2/2020 Michael Washington

Installing Blazor-Blogs on Microsoft Azure (Manual Method)


Also see: Installing Blazor-Blogs on Microsoft Azure (Deploy To Azure Button Method)

Requirements:


Set Up Azure SQL Database

Log into the Microsoft Azure portal at: https://portal.azure.com

image

Click Create a resource.


image

Enter SQL Database and press the Enter key to initiate a search.


image

Click the Create button.


image

Fill in the required fields.

If you have an existing Azure SQL Server to host the database you can select it.

Otherwise click the Create new link next to Server.

Note: You will need to note the Database name to use in the Installation Wizard in the later steps.


image

Fill in the information and click the OK button.

Note: You will need to note the server name (including the .database.windows.net part), the username and the password to use in the Installation Wizard in the later steps.


image

This will return you to the main SQL Server blade.

Click the Configure database button.


image

Select the Standard section (Blazor-Blogs does not require a powerful database for the average sized web traffic).


image

Select the size, ensure you note the estimated monthly cost, and click Apply.


image

Click the Review + create button.


image

Finally click the Create button.


image

You will need to open up the firewall on the database to allow the Azure web app (created in the later steps), to access it.

When the server is created, in the Azure portal, open the Server configuration (not the Database) and click Show firewall settings.


image

Enable: Allow Azure services and resources to access this server

Click the Save button.


Set Up The Azure Website

image

Select Create a resource.


image

Enter Web App and press the Enter key to initiate a search.


image

Click the Create button.


image

Fill in the required fields and click the Review + create button.


image

On the Review + create tab, click the Create button.


image

It may take some time for Azure to create and deploy the Web App.


image

When it is ready, it will display in the App Services section in the Azure Portal.

Click on it to select it.

image

image

Enable Web Sockets in Configuration.


Deploy The Code

image

In the Development Tools section, select Advanced Tools, then select Go.


image

When the Kudu window opens, from the Debug console menu, select CMD.


image

Select site.


image

Then select wwwroot.


image

In the wwwroot folder, click the delete button to delete any files already there.


image

Download the installation _InstallPackage.zip file from the Blazor-Blogs Releases page (https://github.com/ADefWebserver/Blazor-Blogs/releases).


image

Drag that file onto the web browser window until you see the box that says: Drag here to upload and unzip.

Release your finger on your mouse to drop the .zip file in that box.


image

The file will be uploaded and unzipped.


image

When the process is complete the pages will display.

Note: If you have any issues, you can also deploy the files to the wwwroot directory using other methods such as FTP.


Install Wizard

image

Return to the main Azure Portal window.

Select the Web App, then Overview, then click the URL link to navigate to the website.


image

You will see the Installation Wizard.

(it may take a long time to load)

Enter the values you noted from the earlier steps, and click the Set Connection button.

Note:


image

The scripts will run to create the database objects.

When they are complete, click the Click Here To Continue button.


image

Enter the information for an Administrator account.

Note: Ensure the Password entered is a strong password (8 characters with an upper and lower case character and a non alphanumeric character).

Click the Create Administrator button.


image

When the account is created, click the Click Here To Continue button.


image

The site will show.

Click the Log in button.


image

Log in with the Administrator account.


image

Navigate to the Settings page.

Set up options such as Allow Registration and Verified Registration.

If you have Verified Registration, you must set up the email (SMTP) settings.

To test the email settings, click Send Test Email.

For instructions on Enabling Disqus Comments (to allow users to comment on your blog posts) see: Enabling Disqus Comments In Blazor Blogs.

When complete, click the Save button to save all the settings.


Links

Installing Blazor-Blogs on Microsoft Azure (Deploy To Azure Button Method)

An error has occurred. This application may no longer respond until reloaded. Reload 🗙