Skip to content

Commit 84027d3

Browse files
authored
Merge a169ea6 into c5aa9de
2 parents c5aa9de + a169ea6 commit 84027d3

1 file changed

Lines changed: 65 additions & 0 deletions

File tree

instructions/6_SetupFunctionApp.md

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
# Step 6: Setup the Function App and and Develop
2+
3+
Costa Rica
4+
5+
[![GitHub](https://img.shields.io/badge/--181717?logo=github&logoColor=ffffff)](https://github.com/)
6+
[brown9804](https://github.com/brown9804)
7+
8+
Last updated: 2025-03-18
9+
10+
------------------------------------------
11+
12+
<div align="center">
13+
<img src="https://github.com/user-attachments/assets/60371d79-6266-4dd3-884e-22ec5c90f4be" alt="Centered Image" style="border: 2px solid #4CAF50; border-radius: 5px; padding: 5px; width: 400px;"/>
14+
</div>
15+
16+
## Creating a Function App via the Azure portal
17+
18+
1. **Sign in to Azure Portal**: Go to the Azure portal and sign in with your Azure account.
19+
2. **Create a Function App**:
20+
- From the Azure portal menu or the Home page, select `Create a resource`.
21+
- In the `New` page, search for `Function App`.
22+
23+
<img width="550" alt="image" src="https://github.com/user-attachments/assets/0cafbbfb-dcce-454b-90a0-198a44642bd4" />
24+
25+
3. **Select Hosting Plan**: Under `Hosting`, choose the `Consumption (Serverless)` plan for a pay-per-execution model, or select a different plan based on your needs.
26+
27+
<img width="550" alt="image" src="https://github.com/user-attachments/assets/7e69e7f2-7aea-474a-b7ee-334fac2b8244">
28+
29+
4. **Configure the Function App**:
30+
- On the `Basics` tab, fill in the required fields:
31+
- **Subscription**: Select your Azure subscription.
32+
- **Resource Group**: Create a new resource group or select an existing one.
33+
- **Function App name**: Enter a globally unique name for your Function App.
34+
- **Region**: Choose the region closest to you or your users.
35+
- **Runtime stack**: Select the runtime stack (e.g., .NET, Node.js, Python) you want to use.
36+
- **Version**: Choose the version of the runtime stack.
37+
38+
<img width="550" alt="image" src="https://github.com/user-attachments/assets/55c46c0d-cb02-42cc-bb25-62615869c534" />
39+
40+
5. **Configure Storage and Networking**:
41+
- **Storage Account**: Create a new storage account or use an existing one.
42+
- **Operating System**: Choose between Windows or Linux.
43+
- **Plan Type**: Select the appropriate plan type for your Function App.
44+
6. **Monitoring**: Enable `Application Insights` to monitor your Function App, which helps in tracking performance and diagnosing issues.
45+
7. **Review and Create**:
46+
- Review all the configurations you have made.
47+
- Click `Create` to deploy your Function App.
48+
49+
50+
https://github.com/user-attachments/assets/a1ab969e-35f0-440d-b977-ce349cb69e99
51+
52+
53+
54+
## Create a Function
55+
56+
- Once the Function App is created, navigate to it in the Azure portal.
57+
- Select `Functions` from the left-hand menu, then click `+ Add` to create a new function.
58+
- Choose a template (e.g., HTTP trigger) and configure the function settings.
59+
60+
61+
62+
<div align="center">
63+
<h3 style="color: #4CAF50;">Total Visitors</h3>
64+
<img src="https://profile-counter.glitch.me/brown9804/count.svg" alt="Visitor Count" style="border: 2px solid #4CAF50; border-radius: 5px; padding: 5px;"/>
65+
</div>

0 commit comments

Comments
 (0)