Cách bật SSL cho Localhost bằng MAMP

Cài đặt SSL (Lớp bảo mật ổ cắm) là một cách để bảo mật trang web của bạn. Về cơ bản, SSL sẽ mã hóa các giao dịch dữ liệu giữa trình duyệt và máy chủ. Do đó, có lẽ bạn sẽ muốn kiểm tra trang web của mình trong môi trường SSL sớm nhất là trong giai đoạn phát triển.

URL và các tài sản trang web khác như CSS và JavaScript được trỏ chính xác thông qua https giao thức. Vậy, làm thế nào để chúng tôi kích hoạt SSL trong localhost của chúng tôi? Nó sẽ yêu cầu một số dòng lệnh, sửa đổi tập tin, cấu hình và một vài bước rườm rà hơn. Nhưng thay vào đó hãy bỏ qua tất cả và sử dụng MAMP Pro.

Kích hoạt SSL

Khởi chạy MAMP và tạo Virtualhost với một miền tùy chỉnh; tên miền này có thể được đặt trong một phần mở rộng như .nhà phát triển hoặc là .địa phương. Trong trường hợp này, tôi đã tạo www.hongkiat.dev được sử dụng để lưu trữ www.hongkiat.com phát triển.

Mỗi Virtualhost mà bạn tạo trong MAMP sẽ có các tùy chọn riêng mà bạn có thể thực hiện một số cấu hình.

Để bật SSL cho Virtualhost, hãy chuyển đến tab SSL và đánh dấu tùy chọn SSL. Sau đó, bạn sẽ cần xác định vị trí các tệp chứng chỉ SSL. Nếu bạn đã có, xác định vị trí và chỉ định các tập tin. Nếu không, hãy nhấp vào nút Tạo chứng chỉ tự ký để MAMP tạo chứng chỉ cho bạn.

Để tạo một, MAMP sẽ yêu cầu bạn một số thông tin như Mã quốc gia và Nhà nước để gán trong chứng chỉ, như vậy:

Lưu tệp trong một thư mục thích hợp và SSL được đặt.

Làm cho Chrome tin tưởng trang web của bạn

Khi SSL được đặt, bây giờ bạn có thể xem trang web của mình thông qua https giao thức. Nhưng hãy chờ, thay vào đó, bạn thấy một lỗi (như bên dưới) vì chứng chỉ SSL không được trình duyệt nhận ra trong trường hợp này, Chrome. chú thích rằng nếu bạn chạy các trang web dựa trên WordPress, bạn sẽ cần phải sửa đổi trang web và nhà nhập từ wp_options bảng trong cơ sở dữ liệu.

Trừ khi bạn có vấn đề về niềm tin với chính mình, bạn chỉ có thể đi đến Nâng cao tùy chọn và nhấp Tiếp tục với tên trang web của bạn để xem trang web của bạn.

Nếu bạn thấy khó chịu với chữ thập đỏ được hiển thị trong Chrome, bạn sẽ cần phải lực lượng Chrome tin tưởng chứng chỉ được tạo của bạn:

Đầu tiên, bấm vào biểu tượng ổ khóa gạch chéo đó, rồi bấm vào biểu tượng Thông tin chứng chỉ liên kết. Chrome sẽ hiển thị cho bạn một cửa sổ bật lên với tất cả thông tin của chứng chỉ SSL được chỉ định trong trang web. Kéo và thả biểu tượng Chứng chỉ vào Màn hình của bạn.

Nếu bạn đang chạy OS X, mở tệp chứng chỉ này sẽ đưa bạn đến ứng dụng Keychain Access.

Và, như bạn có thể mong đợi, bạn nên chọn Luôn tin tưởng. Chọn chứng chỉ trang web của bạn, sau đó nhấp vào [tôi] nút để tiết lộ các chi tiết của chứng chỉ Lòng tin cấp độ. Trong Lòng tin tab, bạn sẽ thấy tùy chọn 'Khi sử dụng chứng chỉ này'. Giá trị mặc định được đặt thành 'Sử dụng Cài đặt tùy chỉnh' ở giai đoạn này. Làm cho chứng chỉ của bạn được tin cậy, bằng cách đặt tùy chọn này thành 'Luôn tin tưởng'; bạn sẽ được nhắc nhập mật khẩu một lần để cập nhật cài đặt này.

Tất cả chúng ta đều được sắp xếp. Mở lại trang web trên Chrome và bây giờ bạn sẽ thấy ổ khóa màu xanh lá cây. Xin chúc mừng, chứng chỉ SSL của bạn hiện đã được tin cậy.