วิธีเปิดใช้งาน SSL สำหรับ Localhost โดยใช้ MAMP

การติดตั้ง SSL (Socket Secure Layer) เป็นวิธีหนึ่งในการรักษาความปลอดภัยเว็บไซต์ของคุณ โดยทั่วไป SSL จะเข้ารหัสธุรกรรมข้อมูลระหว่างเบราว์เซอร์และเซิร์ฟเวอร์ ดังนั้นคุณอาจต้องการทดสอบเว็บไซต์ของคุณในสภาพแวดล้อม SSL เร็วเท่าในระหว่างขั้นตอนการพัฒนา.

URL และเนื้อหาเว็บไซต์อื่น ๆ เช่น CSS และ JavaScript นั้นมีการชี้อย่างถูกต้องผ่าน https โปรโตคอล. ดังนั้นเราจะเปิดใช้งาน SSL ใน localhost ของเราได้อย่างไร มันจะต้องมีบรรทัดคำสั่งการปรับเปลี่ยนไฟล์การกำหนดค่าและขั้นตอนยุ่งยากอีกไม่กี่ขั้นตอน แต่ ขอข้ามสิ่งนั้นและใช้ MAMP Pro แทน.

เปิดใช้งาน SSL

เรียกใช้ MAMP และสร้าง VirtualHost ด้วยโดเมนที่กำหนดเอง โดเมนนี้สามารถตั้งค่าในส่วนขยายที่ชอบ .dev หรือ .ในประเทศ. ในกรณีนี้ฉันได้สร้าง www.hongkiat.dev ซึ่งใช้ในการโฮสต์ www.hongkiat.com พัฒนาการ.

VirtualHost แต่ละตัวที่คุณสร้างใน MAMP จะมีตัวเลือกเฉพาะซึ่งคุณสามารถกำหนดค่าได้บ้าง.

หากต้องการเปิดใช้งาน SSL สำหรับ VirtualHost ให้ไปที่แท็บ SSL และ เลือกตัวเลือก SSL. หลังจากนั้นคุณจะต้องค้นหาไฟล์ใบรับรอง SSL หากคุณมีหนึ่งให้ค้นหาและกำหนดไฟล์ หากไม่มีให้คลิกปุ่มสร้างใบรับรองที่ลงนามเองเพื่อให้ MAMP สร้างใบรับรองให้คุณ.

หากต้องการสร้างบัญชี MAMP จะขอข้อมูลบางอย่างเช่นรหัสประเทศและรัฐให้กับคุณในใบรับรองเช่น:

บันทึกไฟล์ในโฟลเดอร์ที่เหมาะสมและตั้งค่า SSL.

ทำให้ Chrome เชื่อถือเว็บไซต์ของคุณ

เมื่อตั้งค่า SSL แล้วคุณควรจะสามารถดูเว็บไซต์ของคุณผ่านทาง https โปรโตคอล. แต่คุณจะเห็นข้อผิดพลาด (เช่นด้านล่าง) แทนเนื่องจากเบราว์เซอร์ Chrome ไม่รู้จักใบรับรอง SSL ในกรณีนี้. บันทึก หากคุณใช้งานเว็บไซต์ที่ใช้ WordPress คุณจะต้องแก้ไข siteurl และ บ้าน รายการจาก wp_options ตารางในฐานข้อมูล.

หากคุณไม่มีปัญหาความน่าเชื่อถือกับตัวคุณเองคุณก็สามารถไปที่ สูง ตัวเลือกและคลิก ดำเนินการต่อเพื่อ ชื่อเว็บไซต์ของคุณ เพื่อดูเว็บไซต์ของคุณ.

หากคุณรำคาญกับกากบาทสีแดงที่แสดงใน Chrome คุณจะต้อง บังคับ Chrome เพื่อเชื่อถือใบรับรองที่คุณสร้าง:

ก่อนอื่นให้คลิกไอคอนรูปกุญแจที่ขีดฆ่าแล้วคลิกที่ ข้อมูลใบรับรอง ลิงค์ Chrome จะแสดงป๊อปอัปพร้อมข้อมูลทั้งหมดของใบรับรอง SSL ที่กำหนดในเว็บไซต์ ลากและวางไอคอนใบรับรองลงบนเดสก์ท็อปของคุณ.

หากคุณใช้ OS X การเปิดไฟล์ใบรับรองนี้จะนำคุณไปยังแอป Keychain Access.

และตามที่คุณอาจคาดหวังคุณควรเลือกไว้วางใจเสมอ เลือกใบรับรองเว็บไซต์ของคุณจากนั้นคลิก [ผม] ปุ่มเพื่อแสดงรายละเอียดของใบรับรอง วางใจ ชั้น ภายใน วางใจ แท็บคุณจะเห็นตัวเลือกที่ระบุว่า 'เมื่อใช้ใบรับรองนี้' ค่าเริ่มต้นถูกตั้งค่าเป็น 'ใช้การตั้งค่าแบบกำหนดเอง' ในขั้นตอนนี้ ทำให้ใบรับรองของคุณเชื่อถือได้โดยการตั้งค่าตัวเลือกนี้เป็น 'เชื่อถือเสมอ'; คุณจะได้รับแจ้งให้ใส่รหัสผ่านของคุณหนึ่งครั้งเพื่ออัปเดตการตั้งค่านี้.

พวกเราทุกคนพร้อมแล้ว เปิดเว็บไซต์อีกครั้งบน Chrome และคุณควรเห็นกุญแจสีเขียว ขอแสดงความยินดีใบรับรอง SSL ของคุณเชื่อถือได้ในขณะนี้.