如何一步步构建 Azure App Service

Source: Dev.to – “How to build Azure App Service step by step”

关键优势

• 自动扩展 – 根据需求调整资源。
• 内置安全 – HTTPS、身份验证以及与 Azure AD 的集成。
• 简化 CI/CD – 原生支持 GitHub、Azure DevOps 和其他流水线。
• 多语言支持 – .NET、Java、Python、Node.js、PHP、容器等。
• 高可用性 – 99.95 % SLA，内置负载均衡。
• 全球覆盖 – 部署到任何 Azure 区域。
• 无缝 Azure 集成 – 连接 Azure SQL、存储、Key Vault、Azure Monitor 等服务。

什么是简明解释

Azure App Service 让您上传网页应用，而 Microsoft 负责服务器、安全、扩展、更新和正常运行时间。
您只需专注于编写代码；Azure 来运行它。

您可以在 Azure App Service 上托管的内容

• 网站和 Web 应用程序
• 移动或前端应用的后端 API
• REST API
• 业务和企业应用程序

## 支持的语言和框架

- .NET / .NET Core
- Java
- Node.js
- Python
- PHP
- Ruby

---

## 部署选项

- **GitHub**  
- **Azure DevOps**  
- **ZIP 上传**  
- **Docker 容器**  
- **FTP**

## 关键特性

- 无需服务器管理  
- 根据流量自动扩展  
- 内置 HTTPS 和身份验证的安全性  
- 高可用性（99.95 % SLA）  
- 自定义域名和 SSL 证书  
- 与 Azure SQL、存储、密钥保管库和 Azure Active Directory 的轻松集成

## 常见的真实世界使用案例  

- 托管公司网站（电子商务平台，例如 **Amazon**、**Alibaba**）  
- 运行 SaaS 应用程序  
- 为移动应用托管 API  
- 内部业务门户

## 逐步部署指南  

以下是创建和测试 Azure Web 应用的步骤演示。

### 步骤 1 – 登录 Azure 门户  

[https://portal.azure.com/#home](https://portal.azure.com/#home)  

在搜索栏中输入 **App Service**。

![Azure portal – App Service search](https://media2.dev.to/dynamic/image/width=800,height=&fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs584p5og9vsxb7gvyzhi.png)

### 步骤 2 – 创建新的 Web 应用  

点击 **+ Create** 并选择 **Web App**。

![Create Web App button](https://media2.dev.to/dynamic/image/width=800,height=&fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz4w8jsm7v03dgt4v7n8p.png)

### 步骤 3 – 配置基础信息  

| 字段               | 值                         |
|---------------------|------------------------------|
| **Subscription**    | *(your subscription)*        |
| **Resource group**  | **Create new** → `webapp01‑RG` |
| **Instance name**   | `webapp01`                    |
| **Publish**         | **Code**                      |
| **Runtime stack**   | **.NET 10 LTS**               |
| **Region**          | **加拿大中部**                |

点击 **Review + create**。

![Web App configuration screen](https://media2.dev.to/dynamic/image/width=800,height=&fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0wsfjs2iety2h6wti0av.png)

### 步骤 4 – 部署进行中  

![Deployment progress](https://media2.dev.to/dynamic/image/width=800,height=&fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4qzuronict3ynskkshdi.png)

### 步骤 5 – 部署完成  

1. 点击 **Go to resource**。  
2. 选择新创建的 **webapp01**。

![Web App resource page](https://media2.dev.to/dynamic/image/width=800,height=&fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpqrtuwhyrr7obqgmhut6.png)  
![Web App overview](https://media2.dev.to/dynamic/image/width=800,height=&fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe60541vyhr5a6jwh39cx.png)

### 步骤 6 – 测试 Web 应用  

复制概览页上显示的 **URL** 并粘贴到浏览器中。

![Copy URL to test](https://media2.dev.to/dynamic/image/width=800,height=&fit=scale-down,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdckcs0ju7wyo8jpy9885.png)

如果一切设置正确，您应该会看到默认的 Azure Web 应用登录页面。

## 🎉 完成了！

您现在拥有一个功能完整的 Azure App Service 实例，已准备好进行进一步开发、CI/CD 集成，或随着流量增长进行扩展。祝编码愉快！ 🚀

## 步骤‑步指南  

### 步骤 7 – 打开根文件  

1. 在 **Azure portal** 中，选择 **WebApp01**。  
2. 在概览上方的搜索栏中，输入 **Advanced Tools** 并点击搜索结果。  
3. 点击 **Go** 启动 Kudu 控制台。  

![Advanced Tools search](/assets/advanced-tools-search.png)

### 步骤 8 – 打开 PowerShell  

1. 在 Kudu 控制台中，选择 **Debug console** 选项卡。  
2. 选择 **PowerShell**。  

![PowerShell console](/assets/kudu-powershell.png)

### 步骤 9 – 导航到 Web 应用文件  

1. 展开 **site** ► **wwwroot**。  

![Site folder](/assets/site-folder.png)  
![wwwroot folder](/assets/wwwroot-folder.png)

### 步骤 10 – 编辑文件  

1. 打开所需文件（例如 `index.html` 或脚本），并添加儿童数学和填字游戏的代码。  
2. **保存** 文件。  

![Editing file](/assets/edit-file.png)

### 步骤 11 – 验证应用程序  

1. 应用程序现已构建并运行。  
2. 您的孩子可以直接在 Web 应用中练习计算和减法。  

![Running application](/assets/running-app.png)

## 标签  

- `AzureAppService`  
- `CloudComputing`  
- `DevCommunity`  
- `DevOps`  
- `Hyper-V`  
- `ITInfrastructure`  
- `Innovation`  
- `LinkedInTechCommunity`  
- `SSLAB`  
- `Skill.Sch`  
- `TechnologyTrend`  
- `VirtualMachine`  
- `Virtualization`  
- `WebApp`  
- `VMware`  
- `CoachRaphaelGab-Momoh`