azure serverless contact

แบบฟอร์มติดต่อ Azure Serverless

แอปพลิเคชันไร้เซิร์ฟเวอร์อย่างง่ายที่ส่งอีเมลโดยใช้ฟังก์ชัน Azure และ SendGrid

แอปพลิเคชันสาธิตนี้มีหน้าติดต่อ HTML แบบคงที่และฟังก์ชันที่ใช้ JavaScript ที่ใช้ Azure Functions Runtime 2.0 หน้า HTML สามารถให้บริการได้จาก Azure Storage เมื่อผู้ใช้กรอกและส่งแบบฟอร์ม ระบบจะเรียกใช้ฟังก์ชันและส่งรายละเอียดแบบฟอร์มทางอีเมลโดยใช้ SendGrid

ขั้นตอนการปรับใช้

ในที่สุด ฉันจะรวมคำแนะนำการปรับใช้อัตโนมัติสำหรับโปรเจ็กต์นี้ด้วย ในตอนนี้ คุณสามารถทำตามขั้นตอนระดับสูงเหล่านี้เพื่อปรับใช้แอปพลิเคชันนี้กับ Azure ด้วยตนเอง

1. สร้างแอปฟังก์ชัน Azure โดยใช้ขั้นตอนที่อธิบายไว้ในคู่มือนี้
2. สร้างบัญชี Azure Storage และเปิดใช้งานการโฮสต์เว็บไซต์แบบคงที่
3. สร้างบัญชี SendGrid ในพอร์ทัล Azure และสร้างคีย์ SendGrid API ในคอนโซล SendGrid
4. สร้างรายการการตั้งค่าแอปในแอปฟังก์ชันของคุณชื่อ SendGrid ซึ่งมีคีย์ SendGrid API ของคุณ
5. ปรับใช้ ContactFormAPI ใน repo นี้ไปยัง Function App ของคุณ คุณสามารถทำสิ่งนี้ได้อย่างง่ายดายด้วยโค้ด Visual Studio (VS) โดยใช้ขั้นตอนที่อธิบายไว้ใน Deploy to Azure โดยใช้ฟังก์ชัน Azure ตรวจสอบให้แน่ใจว่าคุณ อัปเดตบรรทัดที่ 23 ในไฟล์ function.json เพื่อรวมที่อยู่อีเมลปลายทางที่คุณต้องการก่อนที่จะปรับใช้
6. อัปโหลดไฟล์ index.html จากโฟลเดอร์ www ของ repo นี้ลงในคอนเทนเนอร์ $www ในบัญชีพื้นที่เก็บข้อมูลที่เปิดใช้งานเว็บไซต์แบบคงที่ของคุณ คุณต้อง อัปเดตบรรทัด 67 ในไฟล์ index.html ด้วย URL ฟังก์ชันของคุณก่อนจึงจะอัปโหลด

ดูตัวอย่างแอป

ข้อมูลแอพ

ผู้เขียน

ไมค์ ไฟเฟอร์

เวอร์ชัน

1.0.0

ใบอนุญาต

โครงการนี้ได้รับอนุญาตภายใต้ Apache License 2.0