มาแสดงให้คุณเห็นว่าทำอย่างไรให้การปรับใช้ UI ที่คุณปรับแต่งเองไปยัง Logto Cloud ในกระบวนการ DevOps ของคุณด้วย GitHub Actions Workflow เป็นอัตโนมัติ
Logto เป็นตัวเลือกที่ดีกว่าของคุณสำหรับโซลูชันการจัดการตัวตนและการเข้าถึงของลูกค้า (CIAM) เมื่อไม่นานมานี้ เราได้เปิดตัวฟีเจอร์ "นำ UI ของคุณมาเอง" บน Logto Cloud ทำให้นักพัฒนาสามารถปรับแต่ง UI การลงชื่อเข้าใช้ได้อย่างเต็มที่
ใน บล็อกโพสต์ก่อนหน้านี้ เราได้ให้คำแนะนำทีละขั้นตอนในการสร้าง UI การลงชื่อเข้าใช้ของคุณเอง ซึ่งรวมถึง:
@logto/tunnel CLI สำหรับดีบักในท้องถิ่นอย่างไรก็ตาม ในฐานะนักพัฒนาซอฟต์แวร์ที่มีแนวคิด DevOps คุณอาจพบว่ากระบวนการนี้น่าเบื่อเมื่อต้องเปลี่ยนแปลงหน้าลงชื่อเข้าใช้ที่คุณปรับแต่งเอง มีวิธีใดที่ทำให้กระบวนการทั้งหมดเป็นอัตโนมัติหรือไม่?
เราได้ฟังข้อเสนอแนะของคุณ และยินดีที่จะแนะนำคำสั่งใหม่ deploy ใน @logto/tunnel คำสั่งนี้ช่วยให้คุณสามารถทำให้กระบวนการปรับใช้เป็นอัตโนมัติโดยการดำเนินการคำสั่งในเทอร์มินัล หรือผสานรวมมันเข้ากับ GitHub Actions Workflow ซึ่งมีประโยชน์อย่างยิ่งสำหรับการสร้าง CI/CD Pipeline ของคุณ มาดำดิ่งกันเถอะ!
ก่อนที่เราจะดำดิ่งสู่การตั้งค่า ให้แน่ใจว่าคุณมีสิ่งต่อไปนี้:
@logto/tunnel เป็นการขึ้นต่อการพัฒนาในโครงการของคุณในเก็บของ GitHub ของคุณ สร้างไฟล์ Workflow ใหม่ คุณสามารถทำได้โดยไปที่ .github/workflows/ และสร้างไฟล์ชื่อ deploy.yml.
dist ในไดเรกทอรีหลัก./dist ไปยังสมาชิก Logto Cloud ของคุณ. ใช้ตัวแปรสิ่งแวดล้อมสำหรับข้อมูลที่ละเอียดอ่อนสำหรับข้อมูลเพิ่มเติมเกี่ยวกับ GitHub Actions ดูที่ เอกสาร GitHub Actions.
เพื่อความปลอดภัยของข้อมูลรับรองของคุณ คุณควรเก็บมันไว้เป็นความลับในที่เก็บของ GitHub ของคุณ:
<m2m-app-id>:<m2m-app-secret>.เมื่อคุณตั้งค่า Workflow และกำหนดค่าความลับแล้ว คุณสามารถทดสอบได้โดยการรวม PR เข้ากับสาขาหลัก Workflow ของ GitHub Actions จะถูกทริกเกอร์โดยอัตโนมัติ และ UI การลงชื่อเข้าใช้ที่คุณปรับแต่งเองจะถูกปรับใช้ไปยัง Logto Cloud
ด้วยการผนวกคำสั่ง CLI @logto/tunnel เข้ากับ Workflow ของ GitHub Actions ของคุณ คุณสามารถทำให้การปรับใช้งาน UI การลงชื่อเข้าใช้ที่คุณปรับแต่งเองไปยัง Logto Cloud รวดเร็วขึ้นได้ การทำให้กระบวนการเป็นอัตโนมัติช่วยให้คุณมุ่งเน้นไปที่การพัฒนา ในขณะที่มั่นใจว่าการเปลี่ยนแปลงของคุณได้รับการทดสอบอย่างต่อเนื่องในสภาพแวดล้อมจริง
เขียนโค้ดให้สนุกนะ!