Uploading a Website

Osmond Bullen 1 Reputation point
2023-07-25T15:56:05.69+00:00

Can I get instructions on uploading a website to Azure?

Azure
Azure
A cloud computing platform and infrastructure for building, deploying and managing applications and services through a worldwide network of Microsoft-managed datacenters.
1,055 questions
{count} votes

4 answers

Sort by: Most helpful
  1. Monalla-MSFT 12,771 Reputation points
    2023-07-25T19:39:48.4733333+00:00

    @Osmond Bullen - Welcome to Microsoft Q&A and thanks for reaching out to us.

    If you have a dynamic website that requires server-side processing, you can use Azure app Service or Azure Virtual Machines to host.

    For hosting using Azure App Service:

    1. Create an App Service plan in Azure portal.
    2. Create a web app in the App Service plan.
    3. Deploy your website files to the web app using one of the following methods:
      • Use Azure DevOps or GitHub to deploy your code automatically.
        • Use FTP or FTPS to upload your code manually.
          • Use Azure CLI or Azure PowerShell to deploy your code programmatically.
    4. Test your website by visiting the URL of the web app.

    Follow this link for more information: https://video2.skills-academy.com/en-us/azure/app-service/deploy-local-git?tabs=cli

    And if you like to host a static website, you can do so using Azure Blob Storage.

    For hosting using Blob Storage, you can follow below:

    1. Create a storage account in Azure portal.
    2. Enable static website hosting for the storage account.
    3. Upload your website files to the $web container of the storage account.
    4. Test your website by visiting the endpoint URL of the storage account.

    Hope this helps. and please feel free to reach out if you have any further questions.


    If the above response was helpful, please feel free to "Accept as Answer" and click "Yes" so it can be beneficial to the community.

    0 comments No comments

  2. Deleted

    This answer has been deleted due to a violation of our Code of Conduct. The answer was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.


    Comments have been turned off. Learn more

  3. Chidiebere Ugwu 5 Reputation points
    2024-07-05T23:21:56.8966667+00:00

    Follow the simple steps below to deploy your web app to Azure without using FTP or CI/CD pipeline:

     

    Step 1 : Create a Web App

     

    • Log in to the Azure portal
    • Click on “Create a resource” in the top left corner of the screen
    • Search for “Web App” in the search bar.
    • Click on “Web App” and then click “Create.”
    • Fill in the required information, such as the name of your Web App, the subscription, resource group, and operating system.
    • Click “Create” to create the Web App.

    Screenshot 2024-07-06 at 12.16.43 AM

    Step 2: Publish Your Website to Azure

     

    There are several ways to publish your web app, but I will focus on publishing through Visual Studio Code. Follow these steps to publish your website to Azure:

    • You will need Visual Studio Code, which you can download for free from the official Visual Studio Code website.
    • Open Visual Studio Code and navigate to the folder where your website files are located.
    • Click on the “Extensions” icon in the left-hand menu and search for “Azure App Service”. Install the extension if you haven’t already.

     Screenshot 2024-07-06 at 12.03.33 AM 

    • Click on the “Azure” icon in the left-hand menu and select “Sign in to Azure…”. Sign in using your Azure account.
    • Screenshot 2024-07-06 at 12.04.54 AM

    Click on the “Azure” icon again and select “Create New Web App or select the web app you have created in the previous step…”. Fill in the required fields, including the subscription, resource group, and name. Make sure to select the correct runtime stack for your website (Example, .NET).

     Screenshot 2024-07-06 at 12.11.57 AM

    • Once you have filled in all the required fields, click on “Create New Web App”.
    • Visual Studio Code will now create a new publish profile for your website.
    • To publish your website to Azure, click on the “Azure” icon and select “Deploy to Web App”.
    • Select the publish profile that you just created and click on “Deploy”.
    • Visual Studio Code will now deploy your website to Azure.

     

    You can monitor the progress of the deployment in the Visual Studio Code output window.

     

    Step 3: Configure Custom Domains and SSL

     

    The final step in deploying your website to Azure is to configure custom domains and SSL. This will allow you to use your own domain name for your website and provide a secure connection to your users. To configure custom domains and SSL, follow these steps:

     

    • Go to the “Custom domains” section of your Web App in the Azure portal.
    • Add your custom domain name and follow the steps to verify ownership.
    • Once your domain is verified, configure SSL by selecting “SSL/TLS settings” in the “Custom domains” section.
    • Follow the steps to configure SSL and enable HTTPS for your website.
    0 comments No comments

  4. Chidiebere Ugwu 5 Reputation points
    2024-07-05T23:28:53.61+00:00

    Follow the simple steps below to deploy your web app to Azure without using FTP or CI/CD pipeline:

     

    Step 1 : Create a Web App

     

    • Log in to the Azure Portal

    Click on “Create a resource” in the top left corner of the screen

    Search for “Web App” in the search bar.

    Click on “Web App” and then click “Create.”

    Fill in the required information, such as the name of your Web App, the subscription, resource group, and operating system.

    Click “Create” to create the Web App.

    Screenshot 2024-07-06 at 12.16.43 AM

    Step 2: Publish Your Website to Azure

     

    There are several ways to publish your web app, but I will focus on publishing through Visual Studio Code. Follow these steps to publish your website to Azure:

    • You will need Visual Studio Code, which you can download for free from the official Visual Studio Code website.
    • Open Visual Studio Code and navigate to the folder where your website files are located.
    • Click on the “Extensions” icon in the left-hand menu and search for “Azure App Service”. Install the extension if you haven’t already.

    Screenshot 2024-07-06 at 12.03.33 AM

    Click on the “Azure” icon in the left-hand menu and select “Sign in to Azure…”. Sign in using your Azure account.

     Screenshot 2024-07-06 at 12.04.54 AM  

    Click on the “Azure” icon again and select “Create New Web App or select the web app you have created in the previous step…”. Fill in the required fields, including the subscription, resource group, and name. Make sure to select the correct runtime stack for your website (Example, .NET).

    Screenshot 2024-07-06 at 12.11.57 AM

    •  Once you have filled in all the required fields, click on “Create New Web App”.

    Visual Studio Code will now create a new publish profile for your website.

    To publish your website to Azure, click on the “Azure” icon and select “Deploy to Web App”.

    Select the publish profile that you just created and click on “Deploy”.

    Visual Studio Code will now deploy your website to Azure.

     

    You can monitor the progress of the deployment in the Visual Studio Code output window.

     

    Step 3: Configure Custom Domains and SSL

     

    The final step in deploying your website to Azure is to configure custom domains and SSL. This will allow you to use your own domain name for your website and provide a secure connection to your users. To configure custom domains and SSL, follow these steps:

     

    Go to the “Custom domains” section of your Web App in the Azure portal.

    Add your custom domain name and follow the steps to verify ownership.

    Once your domain is verified, configure SSL by selecting “SSL/TLS settings” in the “Custom domains” section.

    Follow the steps to configure SSL and enable HTTPS for your website.

    0 comments No comments