Cài đặt SSL cho Xampp trên Windows - Completed - Welcome to Xampp - DashBoard SSL - localhost

Cài Đặt SSL Cho Xampp Trên Windows

Trong môi trường làm việc localhost, đôi khi chúng ta cần thử nghiệm mã nguồn web bằng tên miền cục bộ với giao thức HTTPS trên trình duyệt. Thế nhưng, để giao thức HTTPS có thể hoạt động thì trước tiên chúng ta cần phải cài đặt chứng chỉ bảo mật số SSL cho tên miền cục bộ này trên máy chủ (máy chủ trong bài hướng dẫn này tất nhiên là chương trình tạo máy chủ ảo Xampp đã được cài đặt thành công trên máy tính cá nhân). Tóm lại, trong bài này mình sẽ hướng dẫn các bạn cài đặt SSL cho Xampp trên Windows cục bộ.

Một khi cài đặt SSL cho Xampp trên windows thành công thì chúng ta sẽ nhận được hai chữ Bảo Mật hoặc Secure cùng với ổ khóa xanh rờn trên thanh địa chỉ của Chrome nếu ngôn ngữ trình duyệt của bạn là English. Tương tự là Kết nối an toàn/Secure Connection đối với các trình duyệt khác.

Cài Đặt SSL Cho Xampp Trên Windows - Completed - Welcome to Xampp - DashBoard SSL
Cài Đặt SSL Cho Xampp Trên Windows – Completed – Welcome to Xampp – DashBoard SSL

1 Tổng quan, quy trình & lưu ý trước khi bắt đầu.

Kể từ phiên bản 58 trở đi đối với các trình duyệt sử dụng mã nguồn mở Chromium, điển hình là trình duyệt Chrome cũng như phiên bản nâng cấp ‘đồng hành’ của một số trình duyệt thông dụng khác. Khi chúng ta truy cập địa chỉ trang web có sử dụng giao thức bảo mật HTTPS được tự ký (self signed) và cấp phát bằng OpenSSL thì sẽ gặp phải lỗi “Subject Alternative Name Missing” hay NET::ERR_CERT_COMMON_NAME_INVALID hoặc là “Your connection is not private”.

Xem chi tiết thông báo của các nhà phát triển Chrome tại đây.

Tổng quan

Sở dĩ gặp phải lỗi trên là do các nhà phát triển trình duyệt đã có một số thay đổi về phương thức xác thực chứng chỉ SSL khi nó được gọi từ trình duyệt thông qua giao thức HTTPS.

Giờ đây, các trình duyệt sẽ không còn quá chú trọng vào commonName (CN) như trong quá khứ nữa, mà chỉ tập trung vào subject alternaltive name (SAN) được cung cấp trong chứng chỉ SSL, SAN này tạm dịch là tên thay thế hay địa chỉ phụ, nó có thể là tên miền(domain name) hoặc địa chỉ IP.

Nếu chứng chỉ của bạn không có một SAN thì trình duyệt sẽ thông báo lỗi NET::ERR_CERT_COMMON_NAME_INVALID và cho biết kết nối này không bảo mật, không an toàn. Hoặc chứng chỉ của bạn có một SAN nhưng cấu hình không chính xác, ví dụ như tên miền chính đang sử dụng lại không nằm trong danh sách của SAN thì sẽ nhận được cảnh báo subject alternative name is missing.

Bạn có thể xem chi tiết cảnh báo này trong tab Bảo mật/Security của trình phát triển trình duyệt.

Để giải quyết vấn đề này, chỉ cần bạn ký lại một chứng chỉ SSL cấp cho tên miền với phần bổ trợ SAN (subjectAlternativeName extensions) chính xác là được. Và đây cũng là công việc chính của chúng ta thông qua bài viết này.

Quy trình chính trong bài viết

  1. Trở thành nhà cung cấp chứng thực số (Certificate Authority – CA).
  2. Tạo yêu cầu ký chứng chỉ (Certificate signing request – CSR) cho tên miền chính mặc định trong Xampp là localhost cùng các SAN của nó. Đồng thời dùng quyền lực của CA đã tạo để cấp phát chứng chỉ.
  3. Cấu hình và cài đặt SSL cho Xampp trên Windows của bạn.
  4. Tạo CSR và chứng thực SSL đồng thời cho nhiều tên miền ảo trong Xampp.
  5. Tổng kết quá trình cài đặt SSL cho Xampp trên Windows.

Lưu ý trước khi bắt đầu

  • Bài hướng dẫn được thực hiện trên Windows 10 64 bit, là máy tính cá nhân chạy hệ điều hành Windows chứ không phải máy chủ web chạy Windows Server (các phiên bản Windows khác mình chưa thử nhưng thiết nghĩ cũng không có khác biệt gì nhiều) , Xampp được cài đặt tại C:\Packages-DEV\xampp với phiên bản Xampp 7.2.3 cùng OpenSSL 1.1.0g đi kèm.Tên miền chính sử dụng trong bài viết là tên miền cục bộ mặc định sau khi cài đặt hoàn thành Xampp localhost và các SAN của nó www.localhost, 127.0.0.1, ::1
  • Tên miền ảo sử dụng để thử nghiệm cài đặt song song nhiều SSL là itshare-online.dev và SAN của nó www.itshare-online.dev, itshare cùng với IPv4 127.0.2.1 (Không rõ máy mình bị gì mà chỉ chạy được IPv6 trên mỗi miền localhost mà thôi, cho nên khi cài đặt ssl cho miền này mình bỏ qua IPv6, mà mục đích chủ yếu là thử nghiệm nên cũng không quan trọng lắm, khi nào tìm được nguyên nhân mình sẽ cập nhật bài viết sau.)
  • Để tiện cho việc chỉnh sửa thì các bạn nên dùng các công cụ biên tập code như Notepad++, VS Code hoặc Sublime Text…
  • Nếu chưa cài đặt Xampp thì đừng quên cài đặt hoàn tất chương trình Xampp theo hướng dẫn này.
  • Để tránh lỗi ngoài ý muốn thì các bạn nên cài đặt lại một Xampp hoàn toàn mới trước khi bắt đầu theo hướng dẫn này nếu là bạn là người mới. Nếu bạn là người dùng nâng cao thì có thể tự cân nhắc để không phải phát sinh lỗi.
  • Trong bài này chúng ta sẽ không sử dụng tập tin mặc định của Xampp mà tạo tập tin mới để tiện cho việc phục hồi lại dữ liệu nếu phát sinh lỗi.

 

2 Trở thành CA.

Để các chứng chỉ tạo ra hợp lệ và có hiệu lực thì việc trở thành nhà cung cấp chứng thực số tức CA là một bước vô cùng quan trọng không thể thiếu.

2.1 Tạo tập tin cấu hình mặc định cho CA

Truy cập vào thư mục C:\Packages-DEV\xampp\apache\conf, nhớ sửa lại theo đường dẫn của bạn nếu bạn cài đặt Xampp tại vị trí khác.

Trong C:\Packages-DEV\xampp\apache\conf, bạn sẽ dễ dàng nhìn thấy tập tin openssl.cnf,  Đây là tập tin cấu hình gốc của OpenSSL, có thể mở lên để quan sát nhưng tốt nhất không nên chỉnh sửa gì trong đó, bởi vì trong bài này chúng ta sẽ không động vào nó.

Cài đặt SSL cho Xampp trên Windows - File cấu hình gốc của OpenSSL
Cài đặt SSL cho Xampp trên Windows – File cấu hình gốc của OpenSSL

 

Tại vị trí này, tạo một tập tin mới và đặt tên là openssl-ca.cnf

Bạn nào lười cũng có thể copy tập tin openssl.cnf rồi đổi tên lại thành openssl-ca.cnf. Sau đó dùng chương trình biên tập code của bạn mở file openssl-ca.cnf này lên. Dán toàn bộ code bên dưới vào, hoặc thay thể toàn bộ nếu các bạn copy từ tập tin openssl.cnf

Dòng 20 – default_days = 730 # Con số 730 chính là thời hạn có hiệu lực mặc đinh của chứng chỉ mà CA sẽ ký và cấp phát cho tên miền mà chúng ta yêu cầu. Tương đương 2 năm. Các bạn có thể thay đổi sao cho thích hợp với nhu cầu sử dụng của bản thân.

Nhớ sửa lại thông tin CA trong block [ ca_distinguished_name ] cho phù hợp với thông tin của bạn.

Dòng 41 – countryName_default = VN
Dòng 44 – stateOrProvinceName_default = Go Vap
Dòng 47 – localityName_default = Ho Chi Minh
Dòng 50 – organizationName_default = ITShare.Online Local CA, Limited
Dòng 53 – organizationalUnitName_default = Server Certificate Provider
Dòng 56 – commonName_default = ITShare.Online Local CA
Dòng 59 – emailAddress_default = ca@localhost

Còn lại, cái nào không hiểu thì tốt nhất giữ nguyên không nên động chạm vào. Hoặc nếu lười thì khỏi cần thay đổi, dùng luôn thông tin của mình cũng được. 🙂

Sau đó lưu tập tin lại.

Cài đặt SSL cho Xampp trên Windows - File cấu hình của CA
Cài đặt SSL cho Xampp trên Windows – File cấu hình của CA

2.2 Tiến hành đăng ký trở thành CA

2.2.1 Tạo tập tin makecert.ca.bat

Quay trở lại thư mục C:\Packages-DEV\xampp\apache ta cũng sẽ thấy tập tin tạo chứng chỉ mặc định makecert.bat của OpenSSL. Tương tự như trên, chúng ta cũng không nên đụng chạm vào tập tin gốc này mà tạo tập tin mới đặt tên là makecert.ca.bat

Tiếp đó mở tập tin makecert.ca.bat vừa tạo thay thế toàn bộ code bên dưới vào rồi lưu lại.

 

Chú ý: Dòng 10 có tham số -days 3650 nghĩa là CA mà chúng ta đang tạo sẽ có quyền lực trong 10 năm. Chúng ta có thể tái sử dụng CA này để cấp chứng chỉ cho vô số tên miền trong vòng 10 năm tới. Và dĩ nhiên thời hạn của chứng chỉ SSL mà ta dùng CA để cấp cho tên miền không được vượt quá thời hạn quyền lực của CA.

Tập tin makecert.ca.bat này đã được mình cố định để tái sử dụng liên tục, không nên chỉnh sửa gì trong này nếu bạn không thực sự hiểu về nó.

Cài đặt SSL cho Xampp trên Windows - File tạo chứng chỉ CA makecert.ca.bat của OpenSSL
Cài đặt SSL cho Xampp trên Windows – File tạo chứng chỉ CA makecert.ca.bat của OpenSSL

2.2.2 Thực thi makecert.ca.bat

Nhấp đúp chuột vào tập tin makecert.ca.bat vừa mới lưu để tiến hành đăng ký trở thành CA.

Một cửa sổ dòng lệnh CMD sẽ bật lên. Do mọi thông tin chúng ta đã tạo sẵn trong tập tin openssl-ca.cnf trong thư mục C:\Packages-DEV\xampp\apace\conf ở trên rồi nên cứ nhấn Enter để nó lấy thông tin theo mặc định. Sau khi nó chạy xong thì nhấn phiếm bất kỳ để thoát. Kết quả xuất ra trên CMD sẽ tương tự như sau:

 

Sau khi chạy xong, mở thư mục theo đường dẫn C:\Packages-DEV\xampp\apache\conf\ssl.ca ta sẽ thấy 4 tập tin được tạo như hình.

Cài đặt SSL cho Xampp trên Windows - Kết quả chạy file makecert.ca.bat
Cài đặt SSL cho Xampp trên Windows – Kết quả chạy file makecert.ca.bat

 

1.3 Hoàn tất thủ tục trở thành CA với Windows (Microsoft)

Đại khái là nói với Máy tính của bạn rằng bạn là một CA đáng tin cậy 🙂 Chẳng lẽ bản thân minh còn không tin được mình. 🙂

Nhấn phím Windows + R để mở hộp lệnh Run. Gõ lệnh certmgr.msc sau đó nhấn Enter để chạy chương trình Certificates Manager.

Cài đặt SSL cho Xampp trên Windows - Certificates Manager - Run
Cài đặt SSL cho Xampp trên Windows – Certificates Manager – Run

 

Hộp thoại Certificates Manager sẽ được gọi ra.

Cài đặt SSL cho Xampp trên Windows - CA Certificate Import - Certificates Manager
Cài đặt SSL cho Xampp trên Windows – CA Certificate Import – Certificates Manager

 

Chọn dòng thứ 2 Trusted Root Certification Authorities > Certificates (Chuột phải) > All Task > Import…

Cài đặt SSL cho Xampp trên Windows - CA Certificate Import - Certificates Manage
Cài đặt SSL cho Xampp trên Windows – CA Certificate Import – Certificates Manage

 

Trong hộp thoại Certificate Import Wizard hiện lên chọn Next

Cài đặt SSL cho Xampp trên Windows- CA Certificate Import - Welcome to the Certificate Import
Cài đặt SSL cho Xampp trên Windows- CA Certificate Import – Welcome to the Certificate Import

 

Trong hộp thoại tiếp theo, nhấn Browser và duyệt tìm tới file cacert.crt đã được khởi tạo ra trong quá trình đăng ký trở thành CA ở trên và nhấn Next.

Trong trường hợp của mình thì đường dẫn tuyệt đối của nó là C:\Packages-DEV\xampp\apache\conf\ssl.ca\cacert.crt

Cài đặt SSL cho Xampp trên Windows - Certificate Import - File to Import
Cài đặt SSL cho Xampp trên Windows – Certificate Import – File to Import

 

Next để lưu chứng nhận CA vào kho dữ liệu của máy tính

Cài đặt SSL cho Xampp trên Windows - CA Certificate Import - Trusted Root CA Store
Cài đặt SSL cho Xampp trên Windows – CA Certificate Import – Trusted Root CA Store

 

Finish để kết thúc quá trình lưu trữ CA

Cài đặt SSL cho Xampp trên Windows - Certificate Import - Completing
Cài đặt SSL cho Xampp trên Windows – Certificate Import – Completing

 

Sau khi nhấn Finish thì sẽ có một hộp thoại cảnh báo bảo mật Security Warning hiện lên.

Cài đặt SSL cho Xampp trên Windows - Completing - Security Warning
Cài đặt SSL cho Xampp trên Windows – Completing – Security Warning

 

Sở dĩ có cái cảnh báo này là bởi vì chúng ta đang tự tạo CA, đây là vấn đề an ninh nên Windows cần phải xác nhận lại lần cuối.

Chọn Yes để xác nhận và một cửa sổ thông báo thành công được hiện lên.

Cài đặt SSL cho Xampp trên Windows - Completing - CA Certificate Import was successful
Cài đặt SSL cho Xampp trên Windows – Completing – CA Certificate Import was successful

 

Click Ok để kết thúc quá trình kích hoạt chứng nhận.

Vậy là xong phần đăng ký trở thành CA.

 

2.4 Kiểm tra thông tin CA vừa tạo

Thử mở hộp thoại Certificates Manager > Trusted Root Certification Authorities > Certificates, tìm tới chứng nhận CA vừa tạo, nháy đúp chuột với mở lên kiểm tra lại thông tin xem thử ra sao.

Cài đặt SSL cho Xampp trên Windows - Kiểm tra chứng nhận CA
Cài đặt SSL cho Xampp trên Windows – Kiểm tra chứng nhận CA

 

Cài đặt SSL cho Xampp trên Windows - Kiểm tra chứng nhận CA
Cài đặt SSL cho Xampp trên Windows – Kiểm tra chứng nhận CA

 

Cài đặt SSL cho Xampp trên Windows - Kiểm tra chứng nhận CA
Cài đặt SSL cho Xampp trên Windows – Kiểm tra chứng nhận CA

 

Cài đặt SSL cho Xampp trên Windows - Kiểm tra chứng nhận CA
Cài đặt SSL cho Xampp trên Windows – Kiểm tra chứng nhận CA

 

3 Tạo CSR cho localhost cùng các SAN của nó, đồng thời dùng CA để chứng thực CSR

CSR – Certificate Signing Request là 1 đoạn text (chứa thông tin của chủ sở hữu tên miền) được mã hóa từ server (máy chủ) chuẩn bị cài đặt SSL. Nó chứa thông tin sẽ được bao gồm trong giấy chứng nhận của bạn như tên tổ chức của bạn, tên thông thường, địa phương và quốc gia. CSR sẽ được tạo ra trước khi gửi yêu cầu cho bên cung cấp chứng thức số tức CA để sinh ra chứng chỉ số SSL.

3.1 Tạo tập tin cấu hình SSL mặc định cho localhost

Tương tự như tạo file cấu hình cho CA ở trên. Truy cập vào thư mục cài đặt Xampp C:\Packages-DEV\xampp\apache\conf, nhớ sửa lại theo đường dẫn của bạn nếu bạn cài đặt Xampp tại vị trí khác.

Trong C:\Packages-DEV\xampp\apache\conf, tạo tập tin mới và đặt tên là openssl-localhost.cnf.  Đây sẽ là tập tin cấu hình cho localhost và các SAN của nó.

Mở tập tin openssl-localhost.cnf lên và thay thế hoặc dán toàn bộ code bên dưới vào. Sau đó lưu lại.

 

Lưu ý: Thay đổi các thông số trong block [ server_distinguished_name ] cho phù hợp với thông tin của bạn. Lười thì dùng thông tin mặc định của mình cũng chả sao 🙂

* Dòng 27 – commonName_default = My Localhost
Trước đó, các trình duyệt web dựa vào thông tin commonName (CN) này để xác nhận miền chính sẽ được ký trong chứng chỉ, tức là miền localhost ở đây. Nhưng kể từ các phiên bản cao hơn như đã nói ở trên, các trình duyệt không còn dựa vào nó nữa mà sẽ chỉ dựa vào các DNS và IP trong block [ alternate_names ], tức là các SAN, cho nên ở dòng này các bạn có thể nhập tên của trang web hoặc chính tên riêng của các bạn cũng được, không nhất thiết phải là tên miền. Miễn sao miền được ký phải có mặt trong SAN.

Lẽ ra, chúng ta còn thêm một bước nữa là đó là trỏ IP cho tên miền. Nhưng chúng ta đang làm việc với miền đặc biệt localhost, tất cả các miền có đuôi  .localhost đều được mặc định trỏ tới IPv4: 127.0.0.1 IPv6: ::1, vậy nên chúng ta cũng không cần phải tốn công để trỏ làm gì cho mệt. Tuy nhiên, bên dưới sẽ có phần cài đặt ssl cho tên miền ảo, lúc đó chúng ta cần làm thêm một bước trỏ IP cho miền trước khi thực thi ký chứng chỉ SSL.

 

3.2 Tiến hành tạo CSR cho miền localhost cùng các SAN đồng thời dùng CA để chứng thực CSR

3.2.1 Tạo tập tin thực thi makecert.localhost.bat

Quay trở lại thư mục C:\Packages-DEV\xampp\apache

Tương tự như ở trên, chúng ta cũng tạo mới một tập tin có tên makecert.localhost.bat rồi dán toàn bộ code sau đây vào:

 

Lưu ý: Dòng 51 và dòng 79, có số 01 chính là số serial của chứng chỉ. Bởi vì chúng ta dùng cùng một CA đã tạo ở trên để ký chứng nhận cho nhiều chứng chỉ cùng lúc cho nên mỗi khi ký tạo chứng chỉ mới thì các bạn nhớ thay đổi số serial này để tránh lỗi ngoài ý muốn.

Bây giờ chúng ta chuẩn bị ký tạo chứng chỉ đầu tiên được CA chứng nhận và cấp phát nó cho localhost nên sẽ có số serial là 01, mọi người có thể lấy số tùy thích nhưng phải là số nguyên và không được trùng nhau giữa các chứng chỉ.

Nhớ lưu tập tin lại.

3.2.2 Thực thi makecert.localhost.bat

Nhấp đúp chuột vào tập tin makecert.localhost.bat vừa mới lưu để tiến hành tạo yêu cầu ký chứng chỉ (CSR) cho tên miền localhost và các SAN của nó.

Một cửa sổ dòng lệnh CMD sẽ bật lên. Mọi thông tin chúng ta đã định sẵn trong tập tin cấu hình mặc định trong tập tin C:\Packages-DEV\xampp\apache\conf\openssl-localhost.cnf rồi nên cứ nhấn Enter là được. Chú ý đọc kỹ chú thích mình in sẵn trên CMD rồi hãy nhấn Enter.

Lẽ ra, mỗi một công đoạn, mình sẽ tạo một tập tin thực thi .bat khác và tiến hành riêng lẻ cho mọi người dễ hiểu. Nhưng mà do mình lười và cũng để tiết kiệm thời gian cho các bạn nên đã gộp chung tất cả trong một tập tin makecert.localhost.bat. Mình cũng đã ghi chú về ý nghĩa của mỗi công đoạn và dòng lệnh trong tập tin cả rồi, nó cũng sẽ được hiển thị trong của sổ CMD, mọi người cứ làm theo nhắc nhở trong ghi chú là được.

Kết quả xuất ra trên CMD khi chạy xong tập tin makecert.localhost.bat sẽ tương tự như sau:

 

Sau khi chạy xong thì nhấn phím bất kỳ để thoát CMD.

Xong phần này, đến phần kế tiếp

 

4 Cài đặt SSL cho Xampp trên Windows và cấu hình SSL cho miền localhost

Truy cập thư mục C:\Packages-DEV\xampp\apache\conf\extra tìm đến tập tin httpd-vhosts.conf, đổi tên tập tin này và tạo một tập tin httpd-vhosts.conf mới. Mục đích là để backup tập tin gốc, đề phòng có sai sót thì có cái mà phục hồi, đã nhắc nhiều lần ở trên rồi. 🙂

Dán toàn bộ nội dung phần code sau đây vào tập tin httpd-vhosts.conf mới và lưu lại:

 

Tương tự, cũng trong thư mục C:\Packages-DEV\xampp\apache\conf\extra, tìm đến tập tin httpd-ssl.conf backup nó và tạo lại tập tin mới. Sau đó dán toàn bộ nội dung dưới đây vào và lưu lại:

 

Nhớ kỹ thay đường dẫn thư mục Xampp cho đúng với cài đặt của bạn!

Giờ thì khởi động lại Xampp và truy cập localhost cùng các SAN của nó với giao thức HTTPS và xem kết quả đi nào!

Kiểm tra SSL của localhost

 

Cài đặt SSL cho Xampp trên Windows - Completed - Welcome to Xampp - DashBoard SSL - localhost
Cài đặt SSL cho Xampp trên Windows – Completed – Welcome to Xampp – DashBoard SSL – localhost

 

Cài đặt SSL cho Xampp trên Windows - Completed - Welcome to Xampp - DashBoard SSL - SAN www.localhost
Cài đặt SSL cho Xampp trên Windows – Completed – Welcome to Xampp – DashBoard SSL – SAN www.localhost

 

Cài đặt SSL cho Xampp trên Windows - Completed - Welcome to Xampp - DashBoard SSL - IPv4
Cài đặt SSL cho Xampp trên Windows – Completed – Welcome to Xampp – DashBoard SSL – IPv4

 

Cài đặt SSL cho Xampp trên Windows - Completed - Welcome to Xampp - DashBoard SSL - IPv6
Cài đặt SSL cho Xampp trên Windows – Completed – Welcome to Xampp – DashBoard SSL – IPv6

 

 

5 Tạo CSR và chứng thực SSL đồng thời cho nhiều tên miền ảo trong Xampp.

5.1 Trỏ IP cho tên miền ảo

Tìm đến tập tin hosts của Windows tại C:\Windows\System32\drivers\etc.

Mở tập tin hosts này bằng trình biên tập code của bạn dưới quyền Administrators, thêm vào cuối dòng code này

Nhớ thay lại địa chỉ IP và tên miền ảo của bạn

Bởi vì máy mình đang có lỗi với IPv6 nên mình chỉ trỏ cho IPv4 ở đây, khi nào fix được mình sẽ update lại bài viết sau 🙂

Nhớ lưu tập tin lại.

5.2 Tạo tập tin cấu hình SSL mặc định cho tên miền ảo

Tương tự ở trên. Truy cập vào thư mục cài đặt Xamp C:\Packages-DEV\xampp\apache\conf, tạo mới một tập tin openssl-itshare-online.dev.cnf.

Dán vào tập tin openssl-itshare-online.dev.cnf toàn bộ code bên dưới và lưu lại.

 

Thật ra nó cũng tương tự như tạo tập tin openssl-localhost.cnf ở trên thôi, chỉ là sửa lại thông tin tên miền và địa chỉ IP.

Nhớ thay chứ kẻo quên 🙂

 

5.3. Tạo và thực thi tập tin thực thi makecert.bat cho miền ảo

Quay trở lại thư mục C:\Packages-DEV\xampp\apache, và tương tự chúng ta cũng tạo mới một tập tin có tên makecert.itshare-online.dev.bat rồi dán toàn bộ code sau đây vào

Nhớ thay số serialdòng 51dòng 79, sau đó lưu là và chạy như đối với makecert.localhost.bat ở trên.

Các bước khá tương tự nên mình không post ra đây luôn tránh loãng bài, các bạn cứ làm tương tự nhé.

Sau khi chạy xong chúng ta sẽ tiến hành bước kế tiếp bên dưới.

5.4 Cấu hình lại cho tập tin httpd-vhosts.conf và httpd-ssl.conf

5.4.1 Tập tin httpd-vhosts.conf

Thêm vào tập tin httpd-vhosts.conf đoạn cấu hình cho tên miền itshare-online.dev

 

Và chúng ta có tập tin httpd-vhosts.conf hoàn chỉnh tương tự như sau:

 

5.4.2 Tập tin httpd-ssl.conf

Thêm vào tập tin httpd-ssl.conf đoạn cấu hình cho tên miền itshare-online.dev

 

Nội dung tập tin httpd-ssl.conf hoàn chỉnh:

 

Lưu ý ở chỗ này, trong block <VirtualHost 127.0.2.1:443> và <VirtualHost 127.0.2.1:80> của tên miền ảo mà chúng ta thêm, không thể dùng ký tự đại diện *:[port] như miền đặc biệt localhost mà phải chỉ định đúng IP đã trỏ trong tập tin hosts, IP của mình ở đây là 127.0.2.1 thì chứng chỉ mới có hiệu lực với IP

Nếu các bạn dùng ký tự đại diện là dấu * để trỏ thì chứng chỉ chỉ có hiệu lực đối với tên miền ảo và SAN của nó mà thôi, còn truy cập bằng IP thì lại lỗi chứng chỉ.

Chú ý: Dòng DocumentRoot “C:/Users/hongtam/MEGA/WWW-DEV/itshare-online.dev”
Mình không dùng thư mục Root htdocs mặc định của xampp mà dùng mod_userdir tạo thư mục web riêng, đồng bộ với MEGA để tự động backup code online, khỏi lo mất code hoặc lỗi cái gì cài lại máy là mệt vật vờ. =)

Mọi người không dùng mod_userdir, cứ tạo một thư mục root cho tên miền ảo vừa xây dựng tại C:/Packages-DEV/xampp/htdocs là được. Cụ thể là C:/Packages-DEV/xampp/htdocs/itshare-online.dev rồi ném vào đó một tập tin html ví dụ để kiểm tra chứng chỉ. Của mình thì đã có sẵn nội dung rồi.

Lưu tất cả lại sau đó khởi động lại Xampp và kiểm tra thành quả.

5.5 Kiểm tra kết quả

Cài đặt SSL cho Xampp trên Windows - Completed - itshare-online.dev
Cài đặt SSL cho Xampp trên Windows – Completed – itshare-online.dev

 

Cài đặt SSL cho Xampp trên Windows - Completed - www.itshare-online.dev
Cài đặt SSL cho Xampp trên Windows – Completed – www.itshare-online.dev

 

Cài đặt SSL cho Xampp trên Windows - Completed - itshare
Cài đặt SSL cho Xampp trên Windows – Completed – itshare

 

Cài đặt SSL cho Xampp trên Windows - Completed - 127.0.2.1
Cài đặt SSL cho Xampp trên Windows – Completed – 127.0.2.1

 

Cài đặt SSL cho Xampp trên Windows - Completed - Checking - ITShare.Online Development
Cài đặt SSL cho Xampp trên Windows – Completed – Checking – ITShare.Online Development

 

Cài đặt SSL cho Xampp trên Windows - Completed - Checking - ITShare.Online Development
Cài đặt SSL cho Xampp trên Windows – Completed – Checking – ITShare.Online Development

 

Cài đặt SSL cho Xampp trên Windows - Completed - Checking - ITShare.Online Development
Cài đặt SSL cho Xampp trên Windows – Completed – Checking – ITShare.Online Development

 

Cài đặt SSL cho Xampp trên Windows - Completed - Checking - ITShare.Online Development
Cài đặt SSL cho Xampp trên Windows – Completed – Checking – ITShare.Online Development

 

6 Tổng kết quá trình cài đặt SSL cho Xampp trên Windows.

Nhìn vào tổng thể thì thấy dài dòng rườm rà, thật ra cũng chỉ vài bước đơn giản mà thôi. Chủ yếu mình trình bày từng bước cho những người mới dễ thấy.

Tóm gọn, việc cài đặt SSL cho Xampp trên Windows chỉ gồm hai phần chính, đầu tiên đăng ký trở thành CA, sau đó là dùng CA để cấp phát chứng chỉ cho tên miền.

Sau này muốn thêm tên miền thì cứ việc copy tập tin cũ sau đó đổi lại tên miền , IP và số serial là được, mà IP chỉ dành cho mục đích phát triển cho những ai thực sự cần. Nếu không cần thiết thì cứ bỏ phần IP trong chứng chỉ đi, chỉ trỏ trong tập tin hosts là được.

Để dễ dàng hơn trong việc cấp phát lại chứng chỉ thì mỗi tên miền mọi người nên tạo một tập tin cấu hình (.cnf) và thực thi (.bat) riêng như ở trên. Nếu không thì cứ dồn chung vào một tập tin cho gọn nếu các bạn hiểu mình đang làm gì.

Với lại theo kỹ thuật ngày càng phát triển thì bài viết này rất nhanh sẽ lỗi thời và không còn dùng được. Mọi người nếu làm theo mà không được thì báo lại, mình sẽ tranh thủ cập nhật kỹ thuật mới.

Bài viết chắc chắn sẽ có phần thiếu sót, có vấn đề gì thì mọi người cứ việc comment bên dưới, chúng ta sẽ cùng nhau giải quyết nó.

SAI SÓT THƯỜNG GẶP

Qua quá trình hỗ trợ khi các bạn báo lỗi thì mình thấy phần lớn các bạn đều làm sai ở 3 nơi:

– Thứ nhất: Mình cài đặt xampp ở thư mục C:\Packages-DEV\xampp, còn các bạn lại cài đặt ở thư mục khác. Khi copy các file cấu hình của mình về các bạn quên sửa lại mà vẫn đề nguyên văn.

– Thứ hai: Không để ý đến sự đồng nhất và chính xác của số seri trong tập tin thực thi .bat của miền cần tạo chứng chỉ (Xuất hiện trên 2 dòng 51 và 79 ở 3 vị trí).

– Thứ ba: Khi chạy tập tin thực thi .bat của miền cần tạo chứng chỉ, không phải lúc nào cũng nhấn Enter trên cửa sổ CMD, có 2 vị trí cần nhấn phím y sau đó mới nhấn Enter. Còn việc nhấn y ở đâu thì mọi người chịu khó đọc trên CMD mình có chú thích trực tiếp trên đó rồi.

0 0 vote
Article Rating
Subscribe
Notify of
guest
76 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments
khanhvu1996
11 days ago

Bạn ơi mình làm theo hướng dẫn của bạn rồi nhưng vẫn không được, bạn xem giúp mình với

Kami
1 month ago

Cho mình hỏi cái SSL RSA của mình hiện 2048 chứ ko phải 4096 như hướng dẫn thì nghĩa là gì vậy?
và mình cài wordpress local thì làm sao để khi mình gõ kami.vn thì nó tự chuyển qua https://kami.vn
(bình thường nó chỉ vào http://kami.vn mình phải tự thêm chữ S vào http mới đc)
thanks

Thanh Lãm
Thanh Lãm
1 month ago

Xin chào Anh ạ,
Cảm ơn a đã hướng dẫn bài viết rất hay ạ, em đã làm được.
Nhưng em gặp vấn đề là khi gõ ‘webcuaban.com’ thì nó ra hiểu nhưng gõ ‘https://webcuaban.com’ thì được, cài này mình có cần fix hay không hay cứ gõ ‘https://webcuaban.com’ thôi.
Em cảm ơn anh rất nhiều.

Thanh Lãm
Thanh Lãm
Reply to  Nguyễn Hồng Thế
20 days ago

Xin lỗi vì em gõ thiếu ạ,
Là khi gõ “webcuaban.com” thì nó chỉ chạy “http”, muốn chạy “https” được thì phải gõ “https://webcuaban.com”, cái này mình fix hay cứ để vậy ạ.
Em xin cảm ơn rất nhiều ạ.

huy lưu đức
huy lưu đức
1 month ago

mình bị https gạch đỏ..bạn hỗ trợ giúp

Minh Phúc
Minh Phúc
Reply to  Nguyễn Hồng Thế
1 month ago

a ơi em cũng bị giống như bạn ở trên bị gạch đỏ a giúp e với. E sắp nộp demo đồ án ngoài trường ạ. E cảm ơn a

NgocTri
NgocTri
1 month ago

Xampp của mình chạy cổng 8080 và 4433.
khi thiết lập lại tệp httpd-ssl.conf thì gặp lỗi port.
mình past lại tệp gốc thì vẫn chạy bình thường.
Và xóa chứng chỉ CA để cài lại có được không, thao tác ở cmd mình gặp vấn đề với y và enter.

NgocTri
NgocTri
Reply to  Nguyễn Hồng Thế
1 month ago

Mình đã gỡ cài đặt xampp và cài lại thì phát sinh lỗi.
Mình gặp chút vấn đề khi install apache với dòng lỗi: windows cannot find xampp/apache/bin/httpd.exe , make sure you typed the name corectly, and then try again.
Bạn có thể giúp mình không.

Nguyễn Hoàng Phúc
Nguyễn Hoàng Phúc
2 months ago

Em làm theo và vẫn thấy nó hiển thị không bảo mật, click vào thì thấy đã có chứng chỉ như đã tạo nhưng không hợp lệ.

Nguyễn Hoàng Phúc
Nguyễn Hoàng Phúc
Reply to  Nguyễn Hồng Thế
2 months ago

Em làm được rồi ! Em cảm ơn :)) bước chạy cmd em có nhấn “y” nhưng bước đổi serial ở dòng 79 em ko để ý có tới 2 chỗ cần đổi, em chỉ đổi 1 :)) Cảm ơn anh nhiều

Nguyễn Hồng Thế
Nguyễn Hồng Thế
Reply to  Nguyễn Hoàng Phúc
2 months ago

Vâng, rất vui vì đã giúp được bạn! 🙂

huy lưu đức
huy lưu đức
Reply to  Nguyễn Hồng Thế
1 month ago

bạn hỗ trợ giúp, tôi không hiện lên ổ khóa xanh

tnntt
5 months ago

Mình làm từ trên xuống dưới không có lỗi gì, nhưng không thành công!
Khi vào web nó báo Certificate (invatid)

thoaiky1992
thoaiky1992
7 months ago

khi mình double lick vào makecert.localhost.bat rồi nhấn phím bất kì báo lỗi ” The system cannot find the path specified ”
giúp mình với ạ

Dang Cao
9 months ago

Mình đã làm giống hết nhưng sao khi chạy nó vẫn là http.

Cường coca
11 months ago

Mình đang gặp lỗi này không thể tạo ssl cho xampp local host bạn có thể giúp mình không ạ

ITShare.Online Channel
Reply to  Cường coca
11 months ago

Bạn vui lòng gửi mình thông tin teamview mình xem thử nhé.

TakTran
TakTran
1 year ago

Mình làm đến cuối bước 3 thì không Start đc Apache, cứ báo lỗi do port 80 đã sử dụng (Ban đầu mình config lại localhost là port 8081), xem lại bài hướng dẫn của bạn thì chỉ có đúng file httpd-vhost là dùng đến cổng 80, mình đã thử đổi lại 8081 vẫn ko ăn thua, vấn đề ở file httpd-ssl (vì mình có thử backup lại thì start apache được nhưng vẫn ko vào https được) Bạn có teamview thì giúp mình nhé

TakTran
TakTran
Reply to  Nguyễn Hồng Thế
1 year ago

ok b, mình sẽ đợi

TakTran
TakTran
Reply to  Nguyễn Hồng Thế
1 year ago

được chưa bạn ơi, giúp mình với

TakTran
TakTran
Reply to  Nguyễn Hồng Thế
1 year ago

ID: 1 047 203 847
Pass d431am

Minh
Minh
Reply to  TakTran
1 year ago

Lỗi của @TakTran khắc phục như thế nào vậy 2 anh?

Minh
Minh
Reply to  TakTran
1 year ago

Lỗi này sửa như thế nào vậy ạ?

Nguyễn Văn Luận
1 year ago

Bạn có thể teamv giúp mình được không? Email: luannvkr@gmail.com

QuyetDoan
QuyetDoan
1 year ago

Cám ơn bạn. Bài viết của bạn rất chi tiết. Mình làm theo các hướng dẫn bên trên, đến lúc truy cập vào tên miền ảo trong trình duyệt thì bị lỗi Access forbidden! error 403. Mình cũng đã tìm được cách khắc phục là trong đoạn cấu hình của 2 tệp tin httpd-vhosts.conf và httpd-ssl.conf thêm vào đằng trước dòng đoạn code sau là OK <Directory "C:/Users/hongtam/MEGA/WWW-DEV/itshare-online.dev"> Order Deny,Allow Allow from all Require all granted </Directory>

phong
phong
1 year ago

Mình làm đến bước cuối cùng lun nhưng khi bật xampp nó báo lỗi
9:04:48 AM [Apache] Error: Apache shutdown unexpectedly.
mình đổi lại file config cũ của nó thì đc 2 file confix ở extral nó k nhận bạn à

phong
phong
1 year ago

Ban ơi khi chạy file bat mình chỉ tạo ra đc có 2 file mình sai chổ nào ta
ca.key và cakey.pem

an vu
an vu
1 year ago

Minh crash nhu vay la sao vay a @@ [Tue Aug 14 18:51:17.158391 2018] [ssl:warn] [pid 4364:tid 252] AH01909: www.example.com:443:0 server certificate does NOT include an ID which matches the server name [Tue Aug 14 18:51:17.255397 2018] [ssl:warn] [pid 4364:tid 252] AH01909: www.example.com:443:0 server certificate does NOT include an ID which matches the server name [Tue Aug 14 18:51:17.341402 2018] [mpm_winnt:notice] [pid 4364:tid 252] AH00455: Apache/2.4.34 (Win32) OpenSSL/1.1.0h PHP/7.2.8 configured -- resuming normal operations [Tue Aug 14 18:51:17.341402 2018] [mpm_winnt:notice] [pid 4364:tid 252] AH00456: Apache Lounge VC15 Server built: Jul 11 2018 12:13:24 [Tue Aug 14 18:51:17.341402 2018] [core:notice] [pid… Read more »

Chuẩn
Chuẩn
Reply to  Nguyễn Hồng Thế
1 year ago

anh ơi cho e hỏi chút, e cũng đang gặp lỗi về file: httpd-ssl.conf, e có backup lại file nhưng ko biết lỗi ở đâu, khi sửa file httpd-ssl.conf thì start apche trên Xampp thì nó báo lỗi : Error: Apache shutdown unexpectedly. 15:04:17 [Apache] This may be due to a blocked port, missing dependencies, 15:04:17 [Apache] improper privileges, a crash, or a shutdown by another method. 15:04:17 [Apache] Press the Logs button to view error logs and check 15:04:17 [Apache] the Windows Event Viewer for more clues 15:04:17 [Apache] If you need more help, copy and post this 15:04:17… Read more »

Chuẩn
Chuẩn
Reply to  Nguyễn Hồng Thế
1 year ago

dạ e vừa gửi teamview, nếu khi nào rảnh a vào xem giúp em

Chuẩn
Chuẩn
Reply to  Nguyễn Hồng Thế
1 year ago

anh ơi Teamview hết hạn dùng thử. a dùng Ultraview nhé: ID: 12 430 900 Pas: 2729

an vu
an vu
Reply to  Nguyễn Hồng Thế
1 year ago

Da ban teamviewer minh lun dc ko a

thanhhung.tud
thanhhung.tud
1 year ago

bạn nào bị lỗi check kĩ phần run cmd makecert.localhost.cnf nhã phải bấm y như chủ thớt, nếu không xampp lỗi log : id 616] AH01909: www.example.com:443:0 server certificate does NOT include an ID which matches the server name. tưởng lỗi port mà hông phải
Thân 🙂

son
son
1 year ago

của e lỗi ở đoạn cmd makecert.localhost.bat: nó không hiện dãy khóa. mà ghi là variable has no value:\ crypto\conf\conf-def. chứ không hiện dãy khóa được mã như trong hình nên không chạy được ssl. e đoán là thiếu cái gì đó nhưng không biết thiếu gì . a giúp e với hay team giúp e

son
son
Reply to  Nguyễn Hồng Thế
1 year ago

em đã gửi mail. a check em với

thái
thái
2 years ago

Error: Apache shutdown unexpectedly.
19:56:24 [Apache] This may be due to a blocked port, missing dependencies,
19:56:24 [Apache] improper privileges, a crash, or a shutdown by another method.
19:56:24 [Apache] Press the Logs button to view error logs and check
19:56:24 [Apache] the Windows Event Viewer for more clues
19:56:24 [Apache] If you need more help, copy and post this
19:56:24 [Apache] entire log window on the forums

ad giúp mình với ạ – ko mở dc apache

Hùng
Hùng
Reply to  thái
1 year ago

Bác ơi! em cũng dính lỗi này, bật Xampp lên ko khởi động apache được, ấn start nó cứ bị như zậy. huhu

peter
peter
Reply to  Nguyễn Hồng Thế
1 year ago

em cũng gặp lỗi như trên ạ :(((( em cài xong hết tới bước Kiểm tra SSL của localhost thì k run được apache :(((

trackback
2 years ago

[…] Cài Đặt SSL Cho Xampp Trên Windows […]

Giang
Giang
2 years ago

Mình cài đặt xampp ở ổ đĩa D:\xampp vậy cấu hình như thế nào ad

dktran
dktran
2 years ago

Cám ơn ad rất nhiều. mình đã làm được

Hung
2 years ago

Hiện tại em đã cài thành công trên localhost
Nhưng khi máy khác thì nhập nó không hiện ssl

Đạt
2 years ago

mình cũng gặp lỗi tượng tự bạn Khang

ITShare.Online
ITShare.Online
Reply to  Đạt
2 years ago

Bạn cũng post file log lên mình xem thử nhé, chứ mô tả chung chung thế này mình cũng không biết chính xác lỗi gì được. Mình cũng đã thử xóa tất cả cài lại và mọi thứ vẫn bình thường. Bạn thử làm lại các bước như hướng dẫn của mình, và không thay đổi bất cứ thông tin nào, dùng luôn thông tin của mình xem thử có lỗi không.

Khang
Khang
2 years ago

không thề chạy dc khi sửa file httpd-ssl.conf Admin ơi, khi mình trả lại mặt định file httpd-ssl.conf thì khởi động dc bình thường, mình tải XAMPP đúng theo phiên bản bạn đang dùng, và win 10 64bit ————————————————————————————- 7:36:33 AM [Apache] Error: Apache shutdown unexpectedly. 7:36:33 AM [Apache] This may be due to a blocked port, missing dependencies, 7:36:33 AM [Apache] improper privileges, a crash, or a shutdown by another method. 7:36:33 AM [Apache] Press the Logs button to view error logs and check 7:36:33 AM [Apache] the Windows Event Viewer for more clues 7:36:33 AM [Apache] If you… Read more »

Nguyên
Nguyên
3 years ago

Chủ thớt ơi. Mình làm y đúc bạn nhưng không được, truy vấn https://localhost vẫn y như lúc ban đầu

Nguyễn Hồng Thế
Reply to  Nguyên
3 years ago

Bạn xem kỹ lại xem có thiếu bước nào không? bạn cài xampp phiên bản nào? phiên bản windows của bạn là bao nhiêu?

Với lại openssl này khá kén trình duyệt, bạn kiểm tra lại với các trình duyệt khác xem sao nhé