Nhiều khi mình thấy các bạn chia sẽ về WordPress quay các video hướng dẫn mà có dùng đến localhost, có nhiều bạn thắc mắc là làm thế nào để có tên miền ảo trên localhost kiểu như https://blog.com thay vì http://localhost/blog. Thực ra cái này nếu bạn nào rành về Apache có thể biết đó chỉ là một tính năng Virtual Host trong Apache thôi, nhưng nếu bạn không biết thì bài hướng dẫn này sẽ giúp bạn biết cách thêm domain ảo cho localhost sử dụng XAMPP.
Lưu ý trước khi cài đặt
Tóm Tắt
1. Lưu ý nếu bạn dùng Skype
Nếu máy bạn đang cài đặt phần mềm Skype thì localhost sẽ không hoạt động được do Skype đã chiếm quyền sử dụng cổng mạng 80, đây là cổng mặc định của webserver. Do đó, bạn hãy mở Skype -> Tools -> Connection Options -> và bỏ chọn phần “Use port 80 and 443…..” rồi nhập một cổng bất kỳ để Skype sử dụng.
Sửa xong, hãy khởi động lại máy để hoàn tất.
2. Tắt tường lửa
Nếu máy bạn có cài đặt tường lửa từ Windows hay từ một phần mềm Antivirus nào khác thì hãy tắt nó đi vì có thể nó sẽ chặn cổng 80 hoặc các ứng dụng webserver.
Để cài Localhost chúng ta có rất nhiều cách và phần mềm, tuy nhiên nếu bạn là người mới thì mình khuyến khích các bạn dùng phần mềm XAMPP để cài localhost vì:
- XAMPP hoàn toàn miễn phí.
- Dễ sử dụng.
- Hỗ trợ các hệ điều hành thông dụng như Windows, Mac, Linux.
- Tuy nhiên trong bài này mình chỉ hướng dẫn cho hệ điều hành Windows.
Để tải XAMPP, đầu tiên bạn truy cập vào địa chỉ https://www.apachefriends.org/download.html và chọn phiên bản XAMPP phù hợp với hệ điều hành của máy tính bạn đang sử dụng, và bạn nên chọn phiên bản PHP 5.4.31. Lưu ý là XAMPP chỉ có phiên bản cho hệ điều hành 32bit nhưng 64bit vẫn hoạt động bình thường.
Sau khi tải file cài đặt về xong, hãy chạy nó, sau đó chọn Next.
Ở phần chọn Components, bạn chọn danh sách các ứng dụng cần cài như hình dưới vì không phải cái nào trong gói XAMPP ta cũng cần. Sau đó ấn Next tiếp.
Ở phần chọn đường dẫn, bạn hãy chọn đường dẫn cần lưu cài đặt của XAMPP. Lưu ý rằng đường dẫn này bạn phải nhớ vì khi cài đặt web lên localhost, bạn phải truy cập vào thư mục này. Bạn nên để mặc định là c:\xampp. Tiếp tục ấn Next.
Ở trang kế tiếp, bạn bỏ chọn phần “Learn more about Bitnami for XAMPP“. Và ấn Next 2 lần nữa để bắt đầu quá trình cài đặt XAMPP.
Sau khi cài xong, ấn nút Finish để kết thúc cài đặt và mở bảng điều khiển của XAMPP. Tuy nhiên, hãy khởi động lại máy sau khi cài đặt xong để tránh tình trạng không khởi động được localhost.
Khởi động Localhost
Bây giờ bạn hãy vào thư mục c:\xampp và mở file xampp-panel.exe lên để bật bảng điều khiển của XAMPP.
Bạn để ý sẽ thấy hai ứng dụng Apache và MySQL có nút Start, đó là dấu hiệu bảo 2 ứng dụng này chưa được khởi động, hãy ấn vào nút Start của từng ứng dụng để khởi động Webserver Apache và MySQL Server lên thì mới chạy được localhost.
Nếu cả hai ứng dụng chuyển sang màu xanh như hình dưới là đã khởi động thành công.
au khi khởi động xong, bạn hãy truy cập vào website với địa chỉ là http://localhost sẽ thấy nó hiển thị ra trang giới thiệu XAMPP như hình dưới.
Thêm domain ảo vào Localhost trong XAMPP
Mặc định localhost sẽ chạy với tên miền là http://localhost, http://localhost/website1, http://localhost/website2,…Như thế có vẻ hơi bất tiện và không chuyên nghiệp lắm.
Bạn có thể thay domain đó thành một domain ảo khác như thachpham.local chẳng hạn.
Bước 1. Thiết lập tên miền ảo trỏ về IP 127.0.0.1
Mặc định bạn có thể chạy được tên miền http://localhost là do Windows nó đã trỏ sẵn cái tên này về IP 127.0.0.1, do đó nếu bạn muốn dùng một tên miền khác như thachpham.local thì cũng phải trỏ nó về IP này.
Bạn vào thư mục C:\Windows\System32\drivers\etc và ấn chuột phải vô file hosts rồi chọn Properties.
Sau đó chuyển qua tab Security và ấn Edit như ảnh dưới.
Sau đó chọn Users và ấn chọn Full Control như ảnh dưới.
Sau đó lưu lại, và mở file hosts ra rồi chèn đoạn này vào cuối file rồi lưu lại.
127.0.0.1 thachpham.local
Bạn có thể sửa lại tên miền mà bạn cần chèn vào localhost.
Bước 2. Thêm tên miền vào Localhost (VirtualHost)
Để thêm tên miền ảo, đầu tiên là bạn vào thư mục c:\xampp\htdocs và tạo một thư mục dành riêng cho domain ảo đó, ví dụ như thachpham.local/.
Sau đó mở bảng điều khiển của XAMPP lên, click vào nút Config của Apache và chọn <Browse> [Apache].
Sau đó vào thư mục conf/extra và mở file httpd-vhost.conf bằng Notepad++ (hoặc bằng gì bạn có thể dùng :D)
Tìm:
##NameVirtualHost *:80
Xóa 2 dấu ## cho thành
NameVirtualHost *:80
NameVirtualHost *:80
Và thêm đoạn này vào cuối file:
<VirtualHost *:80> ServerAdmin [email protected] DocumentRoot "C:/xampp/htdocs/thachpham.local" ServerName thachpham.local ErrorLog "logs/thachpham.local-error.log" ##CustomLog "logs/dummy-host2.example.com-access.log" common </VirtualHost>
Trong đó, bạn cần sửa lại các thông tin sau:
ServerAdmin: Email của bạn.
DocumentRoot: Đường dẫn tới thư mục mà bạn vừa tạo trong htdocs.
ServerName: Tên miền ảo cần sử dụng.
ErrorLog: Đường dẫn lưu file thống kê lỗi trong website.
Và thêm đoạn này vào nữa vì nếu không thêm thì khi bạn gõ http://localhost nó sẽ không ra trang quản trị Localhost như lúc đầu:
<VirtualHost *:80> ServerAdmin [email protected] DocumentRoot "C:/xampp/htdocs" ServerName localhost ErrorLog "logs/local-error.log" ##CustomLog "logs/dummy-host2.example.com-access.log" common </VirtualHost>
Sau đó lưu lại, vào bảng điều khiển XAMPP ấn Stop hết rồi ấn Start lại.
Bây giờ hãy thử truy cập vào tên miền vừa thêm, nếu nó hiển thị ra trang như ở dưới thì thành công.
Vậy xong bạn có thể trải nghiệm, cảm ơn đã theo dõi, bài viết đã tham khảo ở nhiều nguồn.
5/5 – (1 bình chọn)
Chào ! Bạn thấy nội dung này thế nào?
Hữu ích 242
Tạm được 324
