Hướng dẫn cài đặt localhost với XAMPP

Bài viết này mình sẽ hướng dẫn chi tiết cách cài đặt localhost bằng Xampp. đầu tiên bạn cần phải hiểu localhost là gì?

Localhost là gì?

Localhost thực chất chính là một webserver gồm Apache, MySQL, PHP và PhpMyadmin (XAMPP) được cài đặt chính trên máy tính của bạn, sử dụng ổ cứng máy tính của bạn làm không gian lưu trữ và cài đặt website mà không cần phải mua host.

Localhost được sử dụng để cài đặt và thử nghiệm các website trên máy tính giúp việc thao tác và xử lý dữ liệu nhanh hơn, không mất quá nhiều công và không lo mất kết nối như online hosting.

Vì được đặt trên chính máy tính của bạn nên chỉ bạn mới có thể xem được website mà bạn đã cài đặt trên localhost mà người khác không thể xem được.

Localhost vận hành như thế nào

Khi cài đặt Localhost vào máy tính rồi, thì máy tính của bạn đã có một phần mềm Webserver để chạy ứng dụng website với địa chỉ là http://127.0.0.1. Đây là địa chỉ IP dạng localhost, ngoài ra bạn cũng có thể chạy localhost với đường dẫn làhttp://localhost.

Thông thường khi cài Localhost, mỗi khi cần sử dụng bạn sẽ cần mở bảng điều khiển của localhost lên và kích hoạt cho nó khởi động các ứng dụng đi kèm..\

Một số phần mềm tạo localhost như Xampp, Appserv, WamServer…v…v nhưng ở bài viết này mình sẽ hướng dẫn cài đặt XAMPP .

– Đầu tiên cần có bộ cài đặt XAMPP. có thể tải www.apachefriends.org .

Link tải: https://www.apachefriends.org/download.html

Lựa chọn phiên bản phù hợp với máy tính.  sau khi đã tải về. mở file  chọn Next

Ở Components chọn những thành phần cần thiết.

+ Apache, MySQL, PHP, phpMyAdmin là những thành phần cần thiết của một webserver.

Thư mục mặc định cài đặt Xampp là C:\xampp. có thể thay đổi thư mục tùy ý. chọn Next

chọn Next.

chọn Next

đợi quá trình cài đặt hoàn tất

Đã cài đặt xong. chọn Finish.

đây là giao diện Xampp Control Panel.

Sửa lỗi Apache không start được do port 80 đã được sử dụng.

Như hình trên ta thấy Apache báo lỗi port 80 được sử dụng bởi một phần mềm khác. một số phần mềm như Skype, VMWare sử dụng port 80 nên không thể start được Apache.

mình sẽ hướng dẫn các bạn fix lỗi trên.

Đầu tiên . ở giao diện Xampp Control Panel . dòng Apache các bạn chọn Config  -> Apache (httpd.conf)

Tìm tất cả các dòng có 80 thay bằng port khác không trùng các port đã sử dụng .

1 2	#Listen 12.34.56.78:80 Listen 80

1	ServerName localhost:80

ở đây mình thay bằng  port 33 sau đó Save lại. Muốn xem các port đã sử dụng thì trên Xampp Control Panel  chọn NetStat .sẽ hiển thị các port đã sử dụng .

Bây giờ chúng ta Start thử Apache và MySQL.

Nếu kết quả như hình trên thì đã cài đặt xong Xampp.

vào trình duyệt web gõ localhost:port. của mình là localhost:33

Chọn ngôn ngữ English .

Và đây là giao diện chính localhost của Xampp.

Để có thể chạy được source web  thì bạn copy source bỏ vào C:\xampp\htdocs\TênFolderSource. và địa chỉ web sẽ là localhost:33/tênFolderSource ….

Địa chỉ Localhost nghe có vẻ không chuyên nghiệp. mình sẽ hướng dẫn tiếp Cách Thêm tên miền ảo vào localhost.

trong thư mục c:\xampp\htdocs mình sẽ tạo một folder tên miền ảo, ví dụ là levinh.net.local đặt thêm local để phân biệt là tên miền cục bộ.

Tiếp theo là thiết lập tên miền ảo trỏ về địa chỉ của webserver cục bộ. Mình quên nói là IP của localhost là 127.0.0.1.

các bạn vào C:\Windows\System32\drivers\etc. ấn chuột phải vô file hosts rồi chọn Properties.

ở tab Security và ấn Edit như ảnh.

Chọn User và tích Full Control

sau đó Ok. và mở file Host bằng NotePad. chèn thêm vào cuối file

1	127.0.0.1     levinh.net.local

và lưu lại. Sau đó vào thư mục C:\xampp\apache\conf\extra mở file httpd-vhosts.conf tìm dòng

1	##NameVirtualHost *:80

xóa 2 dấu ## và thay port tương ứng.

thêm đoạn vào cuối.

1 2 3 4 5 6 7

<VirtualHost *:80>     ServerAdmin admin@levinh.net     DocumentRoot "C:/xampp/htdocs/levinh.net.local"     ServerName levinh.net.local     ErrorLog "logs/levinh.net.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:

1 2 3 4 5 6 7

<VirtualHost *:80> ServerAdmin contact@thachpham.com 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. nhớ thay đổi port tương ứng.

vào trình duyệt gõ tên miền ảo để kt thử. nếu như hình thì đã thành công. chỉ cần copy source vào và chạy.

Mình sẽ viết một bài riêng về MySQL. Chúc các bạn thành công.