|
| 1 | +# Step 6: Setup the Function App and and Develop |
| 2 | + |
| 3 | +Costa Rica |
| 4 | + |
| 5 | +[](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