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

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

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

Chọn Next

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

Chọn Next

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

Đợi một chút…

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

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 11
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 12
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 13
Khởi động XAMPP
Hướng dẫn cài đặt localhost trên máy tính với XAMPP 14
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 15

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 16
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 17

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 18

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 19

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 20

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 21

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.

5 1 vote
Đánh giá bài viết
Subscribe
Notify of
guest

1 Bình luận
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Chung Hữu
Chung Hữu
6 years ago

Xin cảm ơn, mình đã cài được

1
0
Bạn nghĩ như thế nào, hãy bình luận nhéx
()
x
Scroll to Top