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

Last Modified:    Nguyễn Hồng Thế   19/04/2018   14:07

  • 3
  •  
  •  
  •  
  •  
  •  
    3
    Shares

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

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

Tổng quan

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.

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) 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.

 

1 Trở thành CA.

1.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 = [email protected]

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

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

1.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

1.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.

 

1.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

 

 

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

2.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.

 

2.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

2.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.

2.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

 

3 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

 

 

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

4.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.

4.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 🙂

 

4.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.

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

4.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:

 

4.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ả.

4.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

 

 

5 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 2 bước, đầ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ó.

 


  • 3
  •  
  •  
  •  
  •  
  •  
    3
    Shares

Related Articles

*** Lưu ý:

- Mọi bình luận đều được kiểm duyệt cẩn thận.

- Vui lòng bình luận một cách văn hóa, văn minh.

- Những bình luận mang tính chất vô nghĩa, không liên quan đến chủ đề của bài viết hoặc vấn đề mà người bình luận trước đề ra, sẽ được xem là bình luận rác(spam) và sẽ bị xóa mà không cần thông báo trước. Xem

- Nếu đây là lần đầu tiên bạn tham gia bình luận trên ITShare.Online Channel, bình luận của bạn sẽ không được hiển thị ngay, bạn cần phải kích hoạt nó bằng cách nhấp vào liên kết kích hoạt được gửi tới địa chỉ Email mà bạn đã nhập. Vì vậy, hãy nhập Email thật, để bình luận của bạn được chấp nhận, cũng như được nhận thông báo về trả lời mới trên bình luận của chính bạn qua Email.

- Để đảm bảo quyền lợi cho chính bạn cũng như sự khách quan và tính minh bạch trên hệ thống của chúng tôi. Việc kích hoạt bình luận qua Email là cần thiết, và hãy nhớ rằng, nó chỉ cần thiết nếu đây là lần đầu tiên bạn tham gia bình luận. Mọi bình luận tiếp theo sẽ được tự động thông qua.

- Việc bạn tham gia bình luận trên trang web này, đồng nghĩa với việc bạn đã chấp nhận chính sách Điều Khoản & Điều Kiện và chính sách Quyền Riêng Tư của ITShare.Online Channel.

14 Comments on "Cài Đặt SSL Cho Xampp Trên Windows"

avatar
  Subscribe  
newest oldest most voted
Notify of
dktran
Guest

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

trackback

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

Giang
Guest

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

Hung
Guest

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
Guest

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

ITShare.Online Channel
Admin

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
Guest
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
Guest

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

Chiến Đấu
Guest

Tôi thấy nó chạy với ie