วันนี้เราอยู่บน Product Hunt! แสดงความคิดเห็น

Authenticator 1.15.2 มาแล้ว ดูสิ่งที่เปลี่ยนแปลง

แอปยืนยันตัวตน Webflow

การยืนยันตัวตนแบบสองขั้นตอนของ Webflow ใช้ได้กับแอปยืนยันตัวตนทุกแอป Webflow แนะนำ Google Authenticator และแอปในเบราว์เซอร์ก็ทำงานได้เหมือนกัน เปิด Account settings → Security คลิก “Enable two-factor authentication” แล้วสแกนคิวอาร์โค้ดจากหน้าจอด้วยส่วนขยาย Authenticator

บัญชี Webflow เปิดได้ทุกเว็บไซต์ใน workspace ของคุณ ทั้ง Designer, CMS, ข้อมูลที่ส่งผ่านฟอร์ม โฮสติ้ง โดเมนที่กำหนดเอง และการเรียกเก็บเงินเบื้องหลัง ใครที่ลงชื่อเข้าใช้ด้วยรหัสผ่านของคุณจะแก้ไขเว็บไซต์ที่ใช้งานจริงหรือทำให้เว็บล่มได้ เมื่อเปิด 2FA แล้ว Webflow จะขอรหัส 6 หลักจากแอปยืนยันตัวตนทุกครั้งที่คุณลงชื่อเข้าใช้

เปิดการยืนยันตัวตนแบบสองขั้นตอนใน Webflow

  1. ลงชื่อเข้าใช้ Webflow ใน Chrome บนคอมพิวเตอร์
  2. คลิกเมนูดรอปดาวน์ Account ในแถบนำทาง แล้วเปิด “Account settings” (การตั้งค่าบัญชี) → “Security” (ความปลอดภัย)
  3. คลิก “Enable two-factor authentication” (เปิดการยืนยันตัวตนแบบสองขั้นตอน)
  4. Webflow จะแสดงคิวอาร์โค้ด ให้เปิดค้างไว้บนหน้าจอ เพิ่มลงในส่วนขยายตามวิธีด้านล่าง แล้วป้อนรหัสจากส่วนขยายเพื่อยืนยัน
คำแนะนำอย่างเป็นทางการจาก Webflow

เพิ่ม Webflow ใน Authenticator

  1. ติดตั้ง 2FA Authenticator จาก Chrome Web Store แล้วปักหมุดไว้ที่แถบเครื่องมือ เพื่อให้เปิดไอคอนได้ในคลิกเดียว
  2. เปิดหน้า Webflow ที่แสดงคิวอาร์โค้ดค้างไว้ คลิกไอคอน Authenticator แล้วเลือก “เพิ่มบัญชี” → “รหัส QR” → “สแกน QR จากหน้าจอ”
  3. บัญชีจะปรากฏในรายการพร้อมรหัส 6 หลักที่เปลี่ยนทุก 30 วินาที จะเปลี่ยนชื่อก็ได้ ชื่อนี้มีไว้ให้คุณดูเท่านั้น
  4. กลับไปที่ Webflow แล้วพิมพ์รหัสปัจจุบันลงในช่องยืนยัน ถ้ารหัสใกล้หมดอายุ ให้รอรหัสถัดไป
  5. Webflow จะยืนยันว่าเปิดการยืนยันตัวตนแบบสองขั้นตอนแล้ว ต่อจากนี้จะมีการขอรหัสทุกครั้งที่ลงชื่อเข้าใช้ ให้คลิกไอคอนส่วนขยายแล้วคัดลอกรหัส

ไม่มีคิวอาร์โค้ด หรือสแกนไม่ได้? ให้หาตัวเลือกป้อนคีย์ด้วยตนเองในหน้าตั้งค่าของ Webflow คัดลอกคีย์ แล้วเพิ่มในส่วนขยายผ่าน “เพิ่มบัญชี” → “ป้อนเอง” → “รหัสลับ”

ติดตั้ง 2FA Authenticator บน Chrome — ฟรี

บันทึกรหัสสำรอง 8 รหัสของ Webflow

ระหว่างตั้งค่า Webflow จะแสดงรหัสสำรอง 8 รหัส และแสดงเฉพาะตอนนั้นเท่านั้น จึงต้องคัดลอกไว้ก่อนไปขั้นต่อไป แต่ละรหัสใช้แทนรหัสจากแอปได้ครั้งเดียว หากต้องการชุดใหม่ ให้ปิดการยืนยันตัวตนแบบสองขั้นตอนแล้วเปิดใหม่ หากรหัสหมดหรือหายไปพร้อมกับแอปยืนยันตัวตน มีเพียงฝ่ายบริการลูกค้าของ Webflow ที่ปิด 2FA ให้ได้

รหัสใช้ไม่ได้?

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

พิมพ์คีย์เองใช่ไหม? ให้วางคีย์ลงใน ตัวสร้างรหัส TOTP แล้วเทียบรหัสกับรหัสในส่วนขยาย ถ้าไม่ตรงกัน แสดงว่าคัดลอกคีย์ผิด ให้เพิ่มบัญชีใหม่อีกครั้ง

คำถามที่พบบ่อย

ใช้ 2FA ของ Webflow โดยไม่มีมือถือได้ไหม
ได้ Webflow แนะนำ Google Authenticator บนมือถือ แต่สิ่งที่ตรวจสอบมีเพียงรหัส และแอปยืนยันตัวตนมาตรฐานใดก็สร้างได้ ส่วนขยาย Authenticator อ่านคิวอาร์โค้ดจากหน้าการตั้งค่าของ Webflow ได้โดยตรงและสร้างรหัสใน Chrome
ปิด 2FA ของ Webflow อย่างไร
ใน Account settings → Security คลิก “Want to disable it?” (ต้องการปิดใช้ไหม) แล้วป้อนรหัสปัจจุบันจากแอปยืนยันตัวตนเพื่อยืนยัน หากเปิดใหม่ภายหลัง คุณจะได้คิวอาร์โค้ดใหม่และรหัสสำรองชุดใหม่
ถ้าแอปยืนยันตัวตนหายจะทำอย่างไร
ลงชื่อเข้าใช้ด้วยรหัสสำรองรหัสใดรหัสหนึ่ง แล้วปิด 2FA และตั้งค่าใหม่ หากไม่เหลือรหัสสำรองเลย ให้ติดต่อฝ่ายบริการลูกค้าของ Webflow ซึ่งปิดการยืนยันตัวตนแบบสองขั้นตอนให้ได้
ทำไม Webflow จึงบอกว่ารหัสไม่ถูกต้อง
ส่วนใหญ่เป็นเพราะคิวอาร์โค้ดเปลี่ยนไป หากเปิดการตั้งค่าขึ้นมาอีกครั้ง Webflow จะสร้างคิวอาร์โค้ดใหม่ และบัญชีที่คุณเพิ่มไว้ก่อนจะไม่ตรงกันอีก ให้เพิ่มคิวอาร์โค้ดที่อยู่บนหน้าจอตอนนี้แล้วพิมพ์รหัสทันที หากมีสองรายการสำหรับ Webflow ให้ใช้รายการที่ใหม่ที่สุด

รหัสของคุณ ห่างจากหน้าเข้าสู่ระบบแค่คลิกเดียว

Authenticator เก็บรหัส 2FA ไว้ในเบราว์เซอร์ บนอุปกรณ์ของคุณเท่านั้น ใช้งานได้ฟรี โอเพนซอร์ส ไม่ต้องสมัครบัญชีและไม่ต้องใช้มือถือ มีการสำรองข้อมูลในเครื่องและการป้องกันด้วยรหัสผ่าน (เลือกเปิดได้) มาให้ในตัว

ติดตั้ง 2FA Authenticator บน Chrome — ฟรี