Hướng dẫn cài đặt localhost trên máy tính với XAMPP

Hosting LiteSpeed SSD giá rẻ

Phần này chúng ta cùng học cách cài đặt localhost trên máy tính với XAMPP. Localhost là môi trường máy chủ để chạy website trên máy tính cá nhân của bạn. Nội dung hướng dẫn:

  1. Localhost là gì
  2. Cài đặt localhost
  3. Khởi động localhost
  4. Thao tác trên localhost

Localhost là gì

Localhost được ghép bởi hai từ là localhost hiểu đơn giản local là chỉ về máy tính của bạn, host là máy chủ. Localhost nghĩa là máy chủ vận hành trên máy tính của bạn.

Localhost bao gồm nhiều phần mềm đi kèm để vận hành như một máy chủ cho phép website của bạn hoạt động được:

  • Phần mềm Apache là một WebServer thông dụng.
  • Phần mềm PHP xử lý ngôn ngữ lập trình PHP (WordPress được viết bằng ngôn ngữ PHP).
  • Phần mềm MySQL Server để lưu trữ và xử lý cơ sở dữ liệu (WordPress sử dụng MySQL làm nền tảng cơ sở dữ liệu).
  • Phần mềm PHP MyAdmin quản lý cơ sở dữ liệu.

Về cơ bản thì localhost đáp ứng được việc chạy một website có nền tảng mã nguồn mở WordPress.

Cài đặt localhost

Có nhiều cách để cài đặt localhost, chúng ta sẽ sử dụng phần mềm XAMPP để cài đặt. XAMPP là phần mềm miễn phí và dễ sử dụng.

Trong bài này chúng ta dùng XAMPP trên hệ điều hành Windows.

Tải XAMPP tại đây: https://www.apachefriends.org/download.html

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 1
Phiên bản XAMPP cho Windows 

TranLocTeam chọn phiên bản 5.6.36 / PHP 5.6.36

Tải về xong thì bắt đầu cài đặt XAMPP.

Lưu ý: XAMPP sử dụng cổng mặc định cho webserver là 80. Nếu máy tính của bạn có cài đặt tường lửa, phần mềm Antivirus thì có thể tường lửa hoặc phần mềm Antivirus sẽ chặn cổng 80. Nếu gặp phải vấn đề này thì bạn tắt tường lửa hoặc phần mềm Antivirus là được.

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 2

Chọn Next

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 3

Chọn Next

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 4

Chọn Next

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 5

Chọn Next

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 6

Chọn Next

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 7

Đợi một chút…

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 8

Chọn Finish để hoàn tất cài đặt và khởi động XAMPP

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 9
Chọn ngôn ngữ giao diện (bên trái: tiếng Anh)

Chọn Save

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 10
Giao diện của XAMPP

Khởi động localhost

Bạn nhấn nút Start cho cả Apache và MySQL

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 11
Khởi động XAMPP
Hướng dẫn cài đặt localhost trên máy tính với XAMPP 12
Control Panel: Bảng điều khiển

Trạng thái đèn chuyển sang màu xanh và ở dưới là bản ghi: Status change deteted: running. Nghĩa là đã khởi động thành công.

Sau khi khởi động xong, bạn hãy vào trình duyệt web và gõ localhost sẽ thấy hiển thị trang Welcome to XAMPP như hình dưới.

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 13

Thao tác trên localhost

Bây giờ bạn hãy vào đường dẫn thư mục như sau: C:\xampp\htdocs\ và tạo một thư mục tên tranlocteam thư mục này là nơi sẽ lưu trữ website.

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 14
Tạo thư mục mới là tranlocteam
Hướng dẫn cài đặt localhost trên máy tính với XAMPP 15

Bây giờ bạn vào trình duyệt web và gõ localhost/tranlocteam

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 16

Thư mục C:\xampp\htdocs\tranlocteam chính là thư mục gốc của tên miền http://localhost/tranlocteam

Bạn đưa một tập tin nào đó vào thư mục C:\xampp\htdocs\tranlocteam  sau đó bạn vào trình duyệt web gõ http://localhost/tranlocteam bạn sẽ thấy nó hiển thị tập tin mà bạn vừa đưa vào.

Ví dụ tôi đưa một tập tin có tên là chopug (đây là một file ảnh dạng JPG)

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 17

Bây giờ vào trình duyệt gõ http://localhost/tranlocteam kết quả như sau:

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 18

Nếu bạn nhấn chuột vào file ảnh trên thì trình duyệt sẽ hiển thị file ảnh với đường dẫn là http://localhost/tranlocteam/chopug.jpg

Hướng dẫn cài đặt localhost trên máy tính với XAMPP 19

Như vậy bạn đã biết cách tạo tập tin và thao tác cơ bản trên localhost của XAMPP.

Trong nội dung sau chúng ta sẽ học cách cài đặt WordPress trên localhost.

Comment 1

  1. Chung Hữu 31/07/2018

Bình luận

Tặng ebook MMO

cho người mới bắt đầu

Đăng ký nhận ebook hoàn toàn miễn phí

Cảm ơn bạn đã đăng ký

Vui lòng xem lại