การเปิดใช้งาน Google reCAPTCHA ใน OpenCart ตอนที่ 5

31 May 2016 เขียนเมื่อ 7 ปีก่อน โดย Ninenik Narkdee

recaptcha opencart captcha

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ recaptcha opencart captcha

สำหรับเนื้อหาในตอนนี้จะเป็นแนวทางการเปิดใช้งาน Google reCAPTCHA

ใน OpenCart เป็นเนื้อหาต่อยอดจากตอนที่แล้ว ซึ่งเป็นการใช้งาน Captcha เบื้องต้น

การเปิดใช้งาน captcha สำหรับ page ใหม่ใน OpenCart ตอนที่ 4

http://www.ninenik.com/content.php?arti_id=715 via @ninenik

เริ่มต้นให้ไปที่ส่วนของผู้ดูแลระบบ แล้วไปที่เมนู

ส่วนขยายเสริม > Captcha

แล้วกดติดตั้ง Google reCAPTCHA ดังรูป

จากนั้นกด แก้ไข

จะแสดงหน้าให้เรากรอก Site key และ Secret Key ซึ่งทั้งสองค่านี้เราต้องทำการลงทะเบียน

ก่อนถึงจะสามารถนำค่าทั้งสองมาใส่ได้ (ปกติจะใช้กรณีใช้งานจริง เช่นมีเว็บไซต์ หรือ โดเมนแล้ว

แต่ในที่นี้เราจะแนะนำเป็นตัวอย่าง) ให้เราคลิกไปตามลิ้งค์ ในรูป

ก็จะเข้าสู่หน้าสำหรับขอใช้งานบริการ reCAPTCHA ของ Goolge

https://www.google.com/recaptcha/intro/index.html

ให้เรากดไปที่ปุ่ม Get reCAPTCHA หรือหาปุ่มที่แสดงถึงการขอใช้งาน reCAPTCHA

กรณีหน้าเพจของ google เปลี่ยนแปลง

หากยังไม่ได้ล็อกอิน ต้องทำการล็อกอินด้วยบัญชีของ google ก่อน

เมื่อเข้าสู่หน้า https://www.google.com/recaptcha/admin#list ให้เราทำการลงทะเบียน

เว็บไซต์ กรอกข้อมูล Label ป้ายกำกับชื่อในเราสามารถกรอกเป็น โดนเมนได้เลย

และส่วนของ Domains เป็นโดนเมนของเรา สามารถกรอกได้หลายโดนเมนโดยกรอก

บรรทัดละโดนเมนตามจำนวนที่ต้องการ

จากนั้นกดปุ่ม register หรือลงทะเบียน

เราจะได้ Site key และ Secret key ตามรูป (ในรูปจะปิดไว้)

ตอนนี้เราสามารถนำค่า ที่ได้ไปใช้งานในส่วนการเปิดใช้งาน Google reCAPTCHA ได้แล้ว

กรอกข้อมูล Site key และ Secret key และเลือกเปิดใช้งาน ในหน้าจัดการ Captcha ดังรูป

จากนั้นกดบันทึก เราจะได้ Google reCAPTCHA พร้อมนำไปใช้แล้ว

จะเห็นว่าเรามีการเปิดใช้งาน ระบบป้องกัน Captcha สองอัน ดังนั้น

เราควรเข้าไป แก้ไขในส่วนของการตั้งค่า ให้เรียกใช้งาน Captcha ที่เราต้องการ

ซึงในที่นี้เราต้องการใช้งาน Google reCAPTCHA ให้เราเข้าไป แก้ไขดังนี้

ในหน้าผู้ดูแลระบบ ไปที่เมนู

ระบบ > การตั้งค่า

เราจะพบหน้ารายการ ร้าน store ที่เรากำลังใช้งานอยู่ ปกติเป็น store เริ่มต้นที่เราติดตั้ง

ให้กดแก้ไข รายการ การตั้งค่าตามรูป

จากนั้นให้เราเลือกที่แท็บ ออปชั่น

เลื่อนมาด้านล่างสุด จนถึงส่วนของ รหัส Captcha ให้เราเลือกรูปแบบรหัส Captcha เป็น

Google reCAPTCHA ดังรูป แล้วเลื่อนขึ้นไปด้านบน แล้วกดบันทึก

เป็นอันเสร็จขั้นตอนการติดตั้ง เปิดใช้ และเรียกใช้งาน Google reCAPTCHA ใน OpenCart

ทดสอบดูหน้าเพจที่เราสร้างขึ้นและมีการกำหนดให้ใช้งาน captcha ของ Google reCAPTCHA

ที่หน้า

http://localhost/store/index.php?route=extra/mypage

จะได้ผลลัพธ์รูปแบบ reCAPTCAH ดังรูป (สังเกตว่ามีการแจ้งเตือนสีแดงตรง captcha เพราะตัว

อย่างนี้รันบน localhost ซึ่งจะไม่ทำงาน แต่จะทำงานเมื่อผ่าน server ตามโดเมนที่เรากำหนด)

เพิ่มเติมเนื้อหา ครั้งที่ 1 วันที่ 27-06-2017

ภาษาไทยสำหรับ OpenCart อัพเดทล่าสุด ดาวน์โหลดได้ที่นี่

ดาวน์โหลด ภาษาไทยสำหรับ OpenCart และวิธีการติดตั้ง

http://www.ninenik.com/content.php?arti_id=707 via @ninenik

กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ

อ่านต่อที่บทความ

27 May
2017

แนวทางการอัพเกรด opencart เวอร์ชั่น 2.2.0 เป็น 2.3.0.2 อ่าน 4,089
เนื้อหาต่อไปนี้เป็นแนวทางสำหรับอัพเกรด opencart เวอร์ชั่น 2.2.0 ซึ่งเป็นเวอร์

เนื้อหาที่เกี่ยวข้อง

11 May
2016

แนะนำ OpenCart สร้างร้านค้าออนไลน์ ได้อย่างง่าย อ่าน 6,032
OpenCart ระบบตะกร้าสินค้า สำหรับร้านค้าออนไลน์ ที่ให้เราสามารถนำมาปรับใช้ได้ฟ
12 May
2016

การติดตั้ง vQmod สำหรับ OpenCart เพื่อรองรับการเพิ่มโมดูลและส่วนขยาย อ่าน 4,601
ข้อดีของการติดตั้ง vQmod นั่นคือจะช่วยให้การเพิ่มโมดูลให้กับ OpenCart ได้ง่าย
13 May
2016

ดาวน์โหลด ภาษาไทยสำหรับ OpenCart และวิธีการติดตั้ง อ่าน 9,219
ชุดภาษาไทยสำหรับ OpenCart ตัวนี้แปลประมาณปลายปี 2558 . . . .. . . . . ครอบ
14 May
2016

วิธีการและแนวทางการเพิ่มสกุลเงินไทย ใน OpenCart อ่าน 7,000
เนื้อหาในส่วนอื่นๆ ต่อไปจะอ้างอิงเมนูเป็นภาษาไทย สำหรับใครที่ใช้เมนูภาษาอังกฤ
16 May
2016

ติดตั้ง ระบบจัดการ VQMod scripts ใน OpenCart สำหรับผู้ดูแลระบบ อ่าน 4,836
จากเนื้อหาในตอนก่อนหน้าเกี่ยวกับการติดตั้ง vQmod การติดต
17 May
2016

สร้าง vQmod script เปลียนชื่อจังหวัดเป็นภาษาไทยใน OpenCart อ่าน 5,077
จากเนื้อหาตอนที่แล้ว ที่เราได้รู้จักกับเครื่องมือจัดการ vQmod script ไฟล์
22 May
2016

การปรับแต่งภาษาไทยใน OpenCart รองรับการใช้งาน เพิ่มเติม อ่าน 3,770
จากที่ได้แนะนำการกำหนดภาษาไทย การเพิ่มสกุลเงินบาทไทย และการ เปลี่ยนชื่อจั
23 May
2016

การสร้างหน้า page ใหม่แบบกำหนดเองใน OpenCart ตอนที่ 1 อ่าน 5,455
เนื้อหาต่อไปนี้ เราจะมาดูแนวทางการสร้าง page ใหม่แบบกำหนดเอง ใน OpenCart
24 May
2016

การกำหนด language สำหรับหน้า page ใหม่ใน OpenCart ตอนที่ 2 อ่าน 4,147
จากเนื้อหาตอนที่แล้ว เราสร้างหน้า page ใหม่แบบกำหนดเองขึ้นมาอย่างง่าย ต่อ
25 May
2016

การส่งค่าฟอร์ม และตรวจสอบ error หน้า page ใหม่ใน OpenCart ตอนที่ 3 อ่าน 6,191
จากตอนที่ 1 และตอนที่ 2 ที่ผ่านมา เราได้รู้จักวิธีการสร้างหน้าเพจใหม่ แบบกำหน
30 May
2016

การเปิดใช้งาน captcha สำหรับ page ใหม่ใน OpenCart ตอนที่ 4 อ่าน 5,469
เนื้อหาตอนนี้ เราจะมาดูวิธีการติดตั้ง เปิดใช้งาน และเรียกใช้งานระบบป้องกัน ca
กำลังอ่านเนื้อหานี้อยู่

31 May
2016

การเปิดใช้งาน Google reCAPTCHA ใน OpenCart ตอนที่ 5 อ่าน 5,346
สำหรับเนื้อหาในตอนนี้จะเป็นแนวทางการเปิดใช้งาน Google reCAPTCHA ใน
27 May
2017

แนวทางการอัพเกรด opencart เวอร์ชั่น 2.2.0 เป็น 2.3.0.2 อ่าน 4,089
เนื้อหาต่อไปนี้เป็นแนวทางสำหรับอัพเกรด opencart เวอร์ชั่น 2.2.0 ซึ่งเป็นเวอร์
13 Jun
2017

แจกฟรีภาษาไทยสำหรับ OpenCart 2.3.x.x และวิธีการติดตั้ง อ่าน 6,676
ชุดภาษาไทยสำหรับ OpenCart เวอร์ชั่น 2.3.x.x ตัวนี้ปรับปรุงจากชุดภาษา ไทยท

URL สำหรับอ้างอิง

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน