Skip to content

Commit

Permalink
Merge pull request #21162 from abpframework/auto-merge/rel-8-2/3118
Browse files Browse the repository at this point in the history
Merge branch rel-8.3 with rel-8.2
  • Loading branch information
maliming authored Oct 23, 2024
2 parents d71b917 + 23f3a95 commit 5c732e7
Show file tree
Hide file tree
Showing 11 changed files with 4,246 additions and 1 deletion.
47 changes: 46 additions & 1 deletion docs/en/docs-nav.json
Original file line number Diff line number Diff line change
Expand Up @@ -1644,7 +1644,52 @@
},
{
"text": "Layered Solution",
"path": "solution-templates/layered-web-application"
"path": "solution-templates/layered-web-application",
"items": [
{
"text": "Deployment",
"path": "solution-templates/layered-web-application/deployment",
"items": [
{
"text": "Docker Deployment",
"path": "solution-templates/layered-web-application/deployment/deployment-docker-compose.md"
},
{
"text": "Azure Deployment",
"items": [
{
"text": "Deploy to Azure Web App Service",
"path": "solution-templates/layered-web-application/deployment/azure-deployment/azure-deployment.md"
},
{
"text": "Creating an Azure Web App Service Environment",
"path": "solution-templates/layered-web-application/deployment/azure-deployment/step1-create-azure-resources.md"
},
{
"text": "Customizing the Configuration of Your ABP Application",
"path": "solution-templates/layered-web-application/deployment/azure-deployment/step2-configuration-application.md"
},
{
"text": "Deploying Application With GitHub Actions",
"path": "solution-templates/layered-web-application/deployment/azure-deployment/step3-deployment-github-action.md"
}
]
},
{
"text": "IIS Deployment",
"path": "solution-templates/layered-web-application/deployment/deployment-iis.md"
},
{
"text": "IdentityServer Deployment",
"path": "solution-templates/layered-web-application/deployment/identityserver-deployment.md"
},
{
"text": "OpenIddict Deployment",
"path": "solution-templates/layered-web-application/deployment/openiddict-deployment.md"
}
]
}
]
},
{
"text": "Microservice Solution",
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
# Azure Deployment using Application Service

````json
//[doc-params]
{
"UI": ["MVC", "Blazor", "BlazorServer", "NG"],
"DB": ["EF", "Mongo"],
"Tiered": ["Yes", "No"]
}
````

> This document assumes that you prefer to use **{{ UI_Value }}** as the UI framework and **{{ DB_Value }}** as the database provider. For other options, please change the preference on top of this document.
## Prerequisites

- An active Azure account. If you don't have one, you can sign up for a [free account](https://azure.microsoft.com/en-us/free/)

- Your ABP **{{ UI_Value }}** project must be ready at a GitHub repository because we will use GitHub Actions to deploy the ABP application to the Azure Web App Service.

- **{{ DB_Value }}** database must be ready to use with your project. If you don't have a database, you can create a new Azure SQL database or Cosmos DB by following the instructions below:

- [Create a new Azure SQL Database](https://docs.microsoft.com/en-us/azure/azure-sql/database/single-database-create-quickstart?tabs=azure-portal)

- [Create a new Azure Cosmos DB](https://docs.microsoft.com/en-us/azure/cosmos-db/create-cosmosdb-resources-portal)


### Description of the process in three steps:

1. [Creating an Azure Web App Service Environment ](step1-create-azure-resources)
2. [Customizing the Configuration of Your ABP Application](step2-configuration-application)
3. [Deploying Your Application to Azure Web App Service](step3-deployment-github-action)


## What's next?

- [Creating an Azure Web App Service Environment](step1-create-azure-resources)
Original file line number Diff line number Diff line change
@@ -0,0 +1,174 @@
````json
//[doc-params]
{
"UI": ["MVC", "Blazor", "BlazorServer", "NG"],
"DB": ["EF", "Mongo"],
"Tiered": ["Yes", "No"]
}
````

## Step 1: Creating an Azure Web App Service Environment

To create a new Azure Web App Service, choose one of the following options:

- [Create a new Azure Web App Service using the Azure Portal](#create-a-new-azure-web-app-service-using-the-azure-portal) (Recommended)

- [Create a new Azure Web App Service using the Terraform Template](terraform-web-app-service.md) (If you have experience with Terraform)

{{ if UI == "MVC" && Tiered == "No" }}

### Create a new Azure Web App service using the Azure Portal

1. Log in to the [Azure Portal](https://portal.azure.com/).

2. Click the **Create a resource** button.

3. Search for **Web App** and select **Web App** from the results.

![Create a resource](../../../../images/azure-deploy-create-a-resource.png)

4. Click the **Create** button.

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

6. Click the **Create** button.

![Create Web App](../../../../images/azure-deploy-create-web-app-2.png)

7. Wait for the deployment to complete.

![Create Web App](../../../../images/azure-deploy-create-web-app-3.png)

{{else}}

{{ if UI == "BlazorServer" || UI == "MVC" }}

### Create a new Azure Web App service using the Azure Portal

1. Log in to the [Azure Portal](https://portal.azure.com/).

2. Click the **Create a resource** button.

3. Search for **Web App** and select **Web App** from the results.

![Create a resource](../../../../images/azure-deploy-create-a-resource.png)

4. Click the **Create** button.

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

6. Click the **Create** button.

![Create Web App](../../../../images/azure-deploy-create-web-app-2.png)

7. Wait for the deployment to complete.

![Create Web App](../../../../images/azure-deploy-create-web-app-3.png)

{{ else if UI == 'NG' }}

### Create a new Azure Static Web App for Angular using the Azure Portal

1. Log in to the [Azure Portal](https://portal.azure.com/).

2. Click the **Create a resource** button.

3. Search for **Static Web App** and select **Static Web App** from the results.

![Create a resource angular](../../../../images/azure-deploy-create-a-resource-angular.png)

4. Click the **Create** button.

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

6. Click the **Create** button.

![Create Web App](../../../../images/azure-deploy-create-web-app-4.png)

7. Wait for the deployment to complete.

![Create Web App](../../../../images/azure-deploy-create-web-app-5.png)

{{else}}

### Create a new Azure Static Web App for Blazor using the Azure Portal

1. Log in to the [Azure Portal](https://portal.azure.com/).

2. Click the **Create a resource** button.

3. Search for **Static Web App** and select **Static Web App** from the results.

![Create a resource blazor](../../../../images/azure-deploy-create-a-resource-angular.png)

4. Click the **Create** button.

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

6. Click the **Create** button.

![Create Web App](../../../../images/azure-deploy-create-web-app-7.png)

7. Wait for the deployment to complete.

![Create Web App](../../../../images/azure-deploy-create-web-app-8.png)

{{end}}

### Create a new Azure Web App Service for API application

1. You can create a new Azure Web App Service for an API application in the same resource group.

2. Click the **Create** button on the top of the resource group page.

3. Search for **Web App** and select **Web App** from the results.

![Create a resource](../../../../images/azure-deploy-create-a-resource.png)

4. Click the **Create** button.

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

6. Click the **Create** button.

![Create Web App](../../../../images/azure-deploy-create-web-app-6.png)

7. Wait for the deployment to complete.

![Create Web App](../../../../images/azure-deploy-create-web-app-3.png)

{{ if Tiered == "Yes" && (UI == "MVC" || UI == "BlazorServer")}}

### Create a new Azure Web App Service for AuthServer application

Similar to the API application, you can create a new Azure Web App Service for an AuthServer application in the same resource group.

Same as above, but you only need to modify the name of the web app service to **authserver-yourapp** in step 5.

### Create Azure Cache for Redis

1. Click the **Create** button on the top of the resource group page.

2. Search for **Redis Cache** and select **Redis Cache** from the results.

![Create a resource](../../../../images/azure-deploy-create-redis.png)

3. Click the **Create** button.

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

5. Click the **Create** button.

![Create Redis](../../../../images/azure-deploy-create-redis-2.png)

6. Wait for the deployment to complete.

![Create Redis](../../../../images/azure-deploy-create-redis-3.png)

{{ end }}

{{ end }}

## What's next?

- [Customizing the Azure Web App Service](step2-configuration-application.md)
Loading

0 comments on commit 5c732e7

Please sign in to comment.