ปรับใช้ไซต์แบบสถิตกับบัญชี Azure Static Web Apps ของคุณเอง

สิ่งที่การเชื่อมต่อนี้ช่วยให้คุณทำได้

การเชื่อมต่อบัญชี Azure Static Web Apps ของคุณเองช่วยให้คุณเผยแพร่เว็บไซต์แบบสถิตไปยังบัญชี Azure Static Web Apps ของคุณจากแดชบอร์ด Zinn® ของคุณ คุณเป็นเจ้าของโปรเจกต์และค่าใช้จ่าย; เราเป็นผู้จัดการการ ปรับใช้, โดเมนกำหนดเอง และระเบียน DNS

ก่อนที่คุณจะเริ่มต้น

การสมัครใช้งาน Azure, กลุ่มทรัพยากรสำหรับเว็บไซต์ และบัญชี GitHub, GitLab หรือ Bitbucket ที่เชื่อมต่ออยู่และเก็บโค้ดไว้ — Azure Static Web Apps จะสร้างขึ้นจาก ที่เก็บโค้ด แผนบริการฟรีของ Azure อนุญาตให้ใช้ในเชิงพาณิชย์และใช้โดเมนกำหนดเองได้สองโดเมนต่อแอปพลิเคชัน

1. สร้างคีย์ที่ Azure Static Web Apps

Azure เรียกว่า service principal ในศูนย์การจัดการ Microsoft Entra ให้เปิด Entra ID → App registrations → New registration, ตั้งชื่อและ Register บน หน้าภาพรวมของแอปพลิเคชัน ให้คัดลอก Application (client) ID และ Directory (tenant) ID จากนั้นเปิด Certificates & secrets → Client secrets → New client secret, เลือกะยะเวลาและ Add — คัดลอกค่าของคีย์ลับทันที Azure จะแสดงเพียงครั้งเดียว

ในพอร์ทัล Azure ให้เปิดกลุ่มทรัพยากรที่คุณต้องการให้เราใช้ จากนั้นไปที่ Access control (IAM) → Add → Add role assignment เลือกบทบาท Contributor, กำหนดให้กับ User, group, or service principal, ค้นหาแอปพลิเคชันด้วยชื่อ และ Review + assign จดชื่อกลุ่มทรัพยากร และ Subscription ID ที่อยู่ในกลุ่มนั้น (ค้นหา Subscriptions ในพอร์ทัล)

2. เชื่อมต่อที่นี่

เปิด Integrations ในแดชบอร์ดของคุณและเลือก Connect an account เลือก Static hosting (Netlify, Vercel) เป็นกลุ่ม และ Azure Static Web Apps เป็นบัญชี กรอก Client ID, Client secret, Tenant ID, Subscription ID และ Resource group, แล้วกด Connect account

เราทดสอบสิ่งที่คุณวางก่อนที่จะบันทึกสิ่งใดๆ คีย์ที่ใช้งานไม่ได้จะไม่ถูก จัดเก็บไว้ และคำตอบจะแจ้งว่ามีข้อผิดพลาดใดเกิดขึ้น คีย์ที่ใช้งานได้จะถูกเก็บไว้แบบเข้ารหัสในห้องนิรภัยความลับของเรา — ไม่ใช่ในฐานข้อมูลของเรา — และจะไม่แสดงขึ้นมาอีกเลย แม้กระทั่งกับคุณ

จะเกิดอะไรขึ้นต่อไป

• เมื่อคุณสร้างหรือย้ายเว็บไซต์แบบสถิต บัญชีนี้จะปรากฏเป็นเป้าหมาย

ในการปรับใช้ Azure Static Web Apps สร้างขึ้นจากที่เก็บโค้ด — ไม่มีวิธีรับบิลด์ที่อัปโหลด — ดังนั้นโค้ด ของเว็บไซต์จึงต้องมาจากที่เก็บโค้ด GitHub, GitLab หรือ Bitbucket ที่เชื่อมต่ออยู่ เชื่อมต่อ ที่เก็บโค้ดก่อนหากคุณยังไม่ได้เชื่อมต่อ

• เราสร้างบริการบนบัญชีของคุณ ชี้ไปยังที่เก็บโค้ด แนบโดเมนกำหนดเองของคุณ

และทริกเกอร์การปรับใช้ หน้าของโดเมนจะแสดงระเบียน DNS ใดๆ ที่ Azure Static Web Apps ต้องการ

• การใช้งานและการเรียกเก็บเงินจะอยู่บนบัญชีของคุณ ซึ่งสามารถดูได้ในแดชบอร์ดของผู้ให้บริการของคุณเอง
• โดเมนหลักจะได้รับการตรวจสอบโดยระเบียน TXT และโดเมนย่อยโดย CNAME ของโดเมนนั้น หน้าของโดเมนจะแสดง

ว่าโดเมนของคุณต้องใช้แบบใด

หากเชื่อมต่อไม่สำเร็จ

Azure ปฏิเสธ service principal ไม่ว่าคีย์ลับจะหมดอายุ — ซึ่ง จะหมดอายุตามระยะเวลาที่คุณเลือกเสมอ — หรือแอปพลิเคชันไม่มีสิทธิ์ Contributor บนกลุ่มทรัพยากร อีกต่อไป ข้อความทั้งสองมีลักษณะคล้ายกัน ดังนั้นโปรดตรวจสอบการกำหนดบทบาทก่อนสร้างคีย์ลับใหม่

ไม่พบสิ่งใด ตรวจสอบว่า Subscription ID และ Resource group เป็นกลุ่มที่คุณ กำหนดสิทธิ์ให้ และ Tenant ID เป็นไดเรกทอรีที่แอปพลิเคชันได้รับการลงทะเบียนไว้

ระบุว่าคีย์ถูกปฏิเสธ เกือบทุกครั้งเกิดจากหนึ่งในสามอย่างนี้: มีช่องว่างหรือ การขึ้นบรรทัดใหม่ถูกคัดลอกมาด้วย, คีย์หมดอายุแล้ว, หรือคีย์ถูกเพิกถอนหรือสร้างใหม่ หลังจากที่คุณคีย์คัดลอกมา สร้างคีย์ใหม่และวางอีกครั้ง

หากเชื่อมต่อได้ แต่มีข้อผิดพลาดเกิดขึ้นภายหลัง

คีย์ได้รับการตรวจสอบความถูกต้องแล้วแต่ขาดสิทธิ์ที่ การดำเนินการนั้นต้องการ สร้างคีย์ใหม่ที่มีสิทธิ์ตามรายการข้างต้น จากนั้นยกเลิกการเชื่อมต่อเดิม และเชื่อมต่อด้วยคีย์ใหม่

การยกเลิกการเชื่อมต่อ

เปิด Integrations, ค้นหาบัญชีและกด Disconnect การดำเนินการนั้นจะลบ คีย์ที่จัดเก็บไว้ทันที สิ่งใดก็ตามที่เคยใช้คีย์นั้นจะหยุดทำงานเมื่อถึงการดำเนินการถัดไป และหน้าจอ ที่ต้องพึ่งพาคีย์นั้นจะแจ้งเตือนแทนที่จะล้มเหลวไปเงียบๆ

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