mkcert giải cứu vấn đề HTTPS ở môi trường localhost

"Với một vài dự án hoặc tác vụ, Chúng ta cần dùng https ở local để test hoặc kết nối với bên thứ 3. mkcert là một giải pháp nhanh gọn và hiệu quả"

Mọi hướng dẫn cụ thể đều có thể được tìm thấy trên github chính thức của mkcert

Tại đây

Mình đã thực hiện trên UBUNTU thành công. Nên nếu bạn cũng dùng Ubuntu thì hãy xem tiếp các hướng dẫn dưới đây nhé:

Bước 1: cài đặt mkcert

sudo apt install libnss3-tools
curl -JLO "https://dl.filippo.io/mkcert/latest?for=linux/amd64"
chmod +x mkcert-v*-linux-amd64
sudo cp mkcert-v*-linux-amd64 /usr/local/bin/mkcert

Bước 2: Cài đặt local trust cho browser

mkcert -install

Image TUI-editor

Bước 3: Tạo ssl certificate cho localhost hoặc bất kỳ domain nào

mình

mkcert localhost 
// Hoặc domain test
mkcert example.local "*.example.local"

Bước 4: Sử dụng Certificate cho Apache

Trong file /etc/apache2/sites-enabled/default-ssl.conf Enable SSL bằng cách sửa các giá trị của thuộc tính sau:

SSLEngine on

SSLCertificateFile 'Đường dẫn đến file certificate vừa tạo'

SSLCertificateKeyFile 'Đường dẫn đến file certificate key vừa tạo'

<IfModule mod_ssl.c>
	<VirtualHost *:443>
	ServerAdmin webmaster@localhost
	ServerName localhost
	ServerAlias localhost

	DocumentRoot /home/quan/projects/web-app-v1/
	<Directory /home/quan/projects/web-app-v1>
                DirectoryIndex index.php
                AllowOverride All
                Require all granted 
        </Directory>

		SSLEngine on
                SSLCertificateFile      /etc/apache2/certs/localhost.pem
                SSLCertificateKeyFile /etc/apache2/certs/localhost-key.pem


		<FilesMatch "\.(cgi|shtml|phtml|php)$">
				SSLOptions +StdEnvVars
		</FilesMatch>
		<Directory /usr/lib/cgi-bin>
				SSLOptions +StdEnvVars
		</Directory>

	</VirtualHost>
</IfModule>

Bước 5: Enable SSL mod

sudo ufw app info "Apache Full"
sudo a2enmod ssl
sudo service apache2 restart

Kết thúc

Hãy kiểm tra với domain của bạn nhé

https://localhost

Image TUI-editor

Hi vọng bài viết hữu ích với bạn.

0 Comment

Bạn cần đăng nhập để comment

Bạn cũng có thể thích bài viết dưới đây

Laravel PHP SlackAPI Google Bard ICI's Bot 13/09/2023

[Chính thức] Ra mắt ICI's Bot tích hợp AI hỗ trợ tìm kiếm, giải đáp thắc mắc qua Slack nội bộ

ICI system vừa chính thức ra mắt tính năng mới, cho phép anh em ICIers chat trực tiếp với AI trên nền tảng Slack. Tính năng này được tích hợp với Slack APP, giúp anh em có thể dễ dàng tương tác với AI ngay trên ứng dụng chat hàng ngày.

CSS 07/08/2023

Tạo bố cục linh hoạt và hiệu quả với Flexbox

CSS flexbox là một one-dimensional layout pattern, một trong những pattern giúp bạn dễ dàng thiết kế layout một cách linh hoạt và hiệu quả. Phân chia không gian giữa các items và kiểm soát căn chỉnh chúng trong container flex layout. Với flexbox, chúng ta có thể dễ dàng sắp xếp các items từ trái sang phải, từ trên...

Server Apache SSL HTTPS 21/04/2023

mkcert giải cứu vấn đề HTTPS ở môi trường localhost

Với một vài dự án hoặc tác vụ, Chúng ta cần dùng https ở local để test hoặc kết nối với bên thứ 3. mkcert là một giải pháp nhanh gọn và hiệu quả