Automating Azure Web App updates with Bitbucket repository

Question

Pulumi · Accepted Answer

To automate Azure Web App updates with a Bitbucket repository, we'll use a combination of Pulumi resources that configure both the Azure Web App itself and its source control integration. The primary resources involved are WebApp to create and configure the Web App, and WebAppSourceControl to set up continuous deployment from your Bitbucket repository.

First, we'll define the WebApp resource, which represents an Azure Web App in Pulumi. Within its configuration, we can specify various settings, such as the runtime stack, application settings, and connection strings.

Next, we'll use the WebAppSourceControl resource to enable continuous deployment from a Bitbucket repository to the Azure Web App. You'll need to provide the URL to your Bitbucket repository and the branch you want to deploy. Make sure that your Azure Web App has access to your Bitbucket repository either through OAuth or by setting up deployment credentials.

Here is a Pulumi program written in TypeScript that demonstrates how to set this up. The program assumes you've got your Azure credentials set up for Pulumi and have the required information for your Bitbucket repository.

import * as pulumi from "@pulumi/pulumi";
import * as azure from "@pulumi/azure-native";

// Define the resource group in which to create the resources
const resourceGroup = new azure.resources.ResourceGroup("myResourceGroup");

// Create an Azure App Service Plan (required to host a Web App)
const appServicePlan = new azure.web.AppServicePlan("myAppServicePlan", {
    resourceGroupName: resourceGroup.name,
    kind: "Linux",
    reserved: true, // Required for Linux plan
    sku: {
        name: "B1",
        tier: "Basic"
    }
});

// Create an Azure Web App
const webApp = new azure.web.WebApp("myWebApp", {
    resourceGroupName: resourceGroup.name,
    serverFarmId: appServicePlan.id, // Links this web app to the App Service Plan
    siteConfig: {
        // Define configuration specific to your application requirements here
        linuxFxVersion: "NODE|12-lts", // For Node.js 12 LTS
        appSettings: [
            // Environment variables can be set here
            { name: "WEBSITE_RUN_FROM_PACKAGE", value: "1" }
        ]
    }
});

// Setup continuous deployment from Bitbucket repository to the Web App
const sourceControl = new azure.web.WebAppSourceControl("myWebAppSourceControl", {
    name: webApp.name,
    resourceGroupName: resourceGroup.name,
    isManualIntegration: false,
    repoUrl: "https://<your-bitbucket-repository-url>", // Replace with your Bitbucket repo URL
    branch: "main", // Replace with your repository branch to deploy
    isGitHubAction: false,
    // For Bitbucket OAuth - ensure correct permissions are set up
    // You may need additional configuration depending on your setup
});

// Output the Web App URL
export const webAppUrl = webApp.defaultHostName.apply(hostName => `https://${hostName}`);

To use the above Pulumi program, replace the placeholder <your-bitbucket-repository-url> with your actual Bitbucket repository URL, and update any other configuration details specific to your application. The linuxFxVersion setting is specific to Node.js 12 LTS in this example; adjust this value according to the runtime stack you are using.

This program creates an Azure App Service Plan, an Azure Web App, and sets up the continuous deployment from a specified Bitbucket branch to the Web App. The result of this program will be an Azure Web App, which updates automatically whenever a change is pushed to the designated branch on the connected Bitbucket repository.

Once deployed, you can visit the exported webAppUrl to see your running web application. Any changes committed to the Bitbucket repository should trigger an automatic deployment to your Azure Web App, enabling a robust CI/CD pipeline.