Localhost là gì? Hướng dẫn cài đặt WordPress trên Localhost 2021

Bạn đang học cách sử dụng WordPress và muốn thực hành trên Localhost? nhưng chưa biết cài đặt WordPress trên Localhost như thế nào? Vậy localhost là gì? và làm thế nào để cài đặt localhost? Tất cả sẽ được chia sẻ ở bài viết dưới đây. Theo dõi cùng cauit.com nhé!

huong dan cai dat localhost 1
1

Localhost là gì và Cách thức hoạt động của localhost

1.1 Localhost là gì?

Localhost
Localhost cơ bản nó như một webserver bao gồm: ApacheMySQLPHP và PHPmyadmin. Chúng được cài đặt và sử dụng trên chính chiếc máy tính của bạn, dùng chính ổ cứng máy tính để làm không gian lưu trữ và cài đặt trang web. Mục đích chính để giúp bạn học tập và thực hành trên đó mà chưa cần mua host.

Trên mạng máy tính, localhost là hostname hiểu nôm na dễ hiểu nhất nó là tên của “máy tính đó”. Nó được sử dụng để truy cập các dịch vụ mạng đang chạy trên máy tính thông cổng mạng loopback. Sử dụng giao diện loopback và không cần bất cứ cổng vật lý nào.

Ứng dụng Localhost
Ứng dụng Localhost có chức năng cài đặt và thử nghiệm các website trên máy tính. Giúp cho việc thao tác cũng như xử lý dữ liệu nhanh hơn. Không mất quá nhiều công sức là không lo mất kết nối như online hosting. Vì nó được đặt trên chính chiếc máy tính của bạn nên chỉ bạn mới có thể xem được trang web mà bạn cài đặt trên localhost mà người khác không thể xem được.

1.2 Cách thức localhost hoạt động

Với việc cài đặt nhiều ứng dụng hỗ trợ khác nhau, giúp bạn tạo ra một môi trường giống như hosting có thể chạy source code của WordPress trên máy tính của bạn.

Giống như Hosting, bạn cần những ứng dụng và phần mềm sau:

  • Web server, Apache
  • PHP
  • MySQL
  • PHPMyAdmin

Sau khi cặt đặt được localhost, và khởi động Apache rồi thì bạn có thể truy cập vào địa chỉ http://127.0.0.0 hoặc http://localhost.

Có một lưu ý nữa là bạn phải kích hoạt các ứng dụng đi kèm khi chạy localhost ( mở bảng điều khiển Cpanel)

1.3 Ý nghĩa của Localhost

Hãy cứ tưởng tượng bạn chỉ muốn test xem website hiển thị như nào trên browser. Nhưng lại phải cài cắm server, chỉ để test một vài thứ đơn giản. Việc đó quá mất thời gian. Trong khi đó các nhà lập trình viên luôn cần phải kiểm tra xem phần mềm, hay ứng dụng cửa mình chạy ra sao mà không cần truy cập internet mỗi lần test đó.

Đó là lúc localhost được ra đời. Mọi thứ sẽ được kết nối trên chính máy tính của họ, thuật tiện hơn rất nhiều.

2

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

2.1 Download và cài đặt

Đầu tiền cần download và cài đặt phần mềm XAMPP, đây là phần mềm rất phổ biến, miễn phí và luôn có các bản cập nhật liên tục, hỗ trợ hầu hết các hệ điều hành Windows, Linux, Mac.

Các bạn bấm vào link này để download: https://www.apachefriends.org/download.html

Ngay ô đầu tiên bạn có thể tháy XAPP for Windows, đây là bản cho Windows.

Sau khi tải về bấm cài đặt. Sẽ một bảng thông báo xuất hiện

Nếu bạn kích hoạt User Account Control (UAC) thì một vài chắc năng của XAMPP có thể bị hạn. Nên cảnh báo này yêu cầu bạn bỏ kích hoạt UAC

Bấm Next để tiến hành cài đặt:

cai dat

Giữ nguyên và bấm Next.

cai dat xammp 2

Tiếp theo chọn đường dẫn để cài đặt. Bạn cứ giữ nguyên là tốt nhất

cai dat xammp 3

Bỏ tích ô “Learn more about Bitnami for XAMMP”.

cai dat xammp 4

Đợi phần mềm tiến hành cài đặt là xong. Và bấm Finish là đã cài đặt localhost với XAMPP

cai dat xammp 5

Lựa chọn ngôn ngữ, và bảng điều khiển XAMPP sẽ tự khởi động

cai dat xammp 6

Bạn ấn vào Start để chạy XAMMP nhé. Sau đó ấn vào Admin để kiểm tra (xem hình dưới). Nếu trình duyệt mở 2 trang PHP ADMIN và trang giới thiệu XAMMP là cài đặt thành công và bạn có thể sử dụng được rồi

Cài đặt XAMMP thành công
Cài đặt XAMMP thành công

Bạn nào không vào được localhost do lỗi cổng 80 thì anh em đổi cổng như sau nhé.

2.3 Đổi cổng cho XAMMP

Lưu ý bạn cần chạy XAMMP dưới quyền admin nhé (Run as administrator)

  • Bước 1: Đổi Main Port và SSL Port

1. Click vào Config – > Chọn Service and Setting

2. Đổi Main Port -> 8080

3. Đổi SSL Port -> 465

4. Save

Đổi cổng cho XAMMP

  • Bước 2: Đổi Main Port trong file httpd.conf
  • Nhấn Ctrl + F tìm cổng 80. Thay Listen 80 bằng Listen 8080 (xem hình dưới)

    đổi cổng trên xampp
    Nhấn Ctrl + F tìm cổng 80. Thay Listen 80 bằng Listen 8080

  • Bước 3: Đổi SSL Port trong file httpd-ssl.conf
  • doi cong cho xammp 2
    Nhấn Ctrl + F tìm 443. Thay Listen 443 bằng Listen 465.

    2.1 Tạo cơ sở dữ liệu MySQL trên localhost

    Bạn có thể làm luôn tại bước này, hoặc sau này khi cài đặt WordPress. Mình sẽ hướng dẫn tạo MySQL ở bước này luôn

    Một cơ sở dữ liệu luôn bao gồm:

    • Tên của database:
    • Tên user database:
    • Mật khẩu user database:
    • Database host:

    Truy cập đường dẫn: http://localhost:8080/phpmyadmin/. Để tiến hành tạo cơ sở dữ liệu

    Chọn cơ sở dữ liệu ở góc trái

    tao co so du lieu trong localhost 2

    Với localhost không cần tạo user cho database. Điền những thông tin sau là được:

    • Tên user database: root
    • Password: Bỏ trống

    Điền tên cơ sở dữ liệu, ở đây mình đặt tên là cauit, ô bên cạnh utf8_unicode_ci và bấm Tạo

    tao co so du lieu trong localhost

    Như vậy là bạn đã cài đặt localhost với XAMPP thành công.

    3

    Cài đặt WordPress trên localhost

    cài đặt WordPress trên Localhost
    cài đặt WordPress trên Localhost

    Hiện tại chúng ta có hai sự lựa chọn WordPress trên WordPress.com và WordPress.org. Bạn nào còn phân vân chưa biết lựa chọn nào thì có thể tham khảo thêm bài viết: So sánh WordPress.org VS WordPress.com, Chọn nền tảng nào?

    Bước 1: Tải file mã nguồn mở từ WordPress.org

    Giống như cài đặt WordPress trên hosting, bước đầu tiên đó là download source code của WordPress trên trang: wordpress.org

    cai dat wordpress tren localhost

    Tải file zip đó về giải nén vào thư mục D:\WEB\xampp\htdocs\ ( file bạn vừa đặt tên ở trên). Sẽ thấy một file tên là: wordpress.

    huong dan cai dat wordpress 3
    đổi tên thư mục vừa giải nén từ wordpress – cauit.com

    Trong file này chứa tất cả mã nguồn mở của wordpress: wp-admin, wp-content, wp-includes, wp-config-sample.php…..

    huong dan cai dat wordpress 2
    tất cả các file mã nguồn mở của wordpress

    Bước 2: Copy tất cả các file mã nguồn wordpress về local

    Bây giờ để cài đặt wordpress với đường dẫn: http://localhost/cauit.com

    Thì bạn cần copy tất cả file trong thư mục wordpress về thư mục cauit.com ( đường dẫn D:\WEB\xampp\htdocs\cauit.com)

    Bước 3: Tạo cơ sở dữ liệu (database) trên localhost

    Để cài đặt wordpress trên localhost. Bạn cần tạo một cơ sở dữ liệu để MySQL có thể chạy, bước này mình đã hướng dẫn ở bước trên. Nếu quên thì kéo lên trên nhé.

    Bước 4: Cài đặt WordPress

    Tiếp theo truy cập http:/localhost/cauit.com/ để tiến hành cài đặt wordpres ( nhớ luôn khởi động Apache và MySQL).

    Sẽ xuất hiện một màn hình giao diện sau, bạn chỉ cần chọn ngôn ngữ cài đặt và bấm continue. Ở đây mình chọn English

    cai dat wordpress tren localhost4

    Tiếp sẽ có một thông báo nếu bạn chưa đổi tên wp-config-sample.php thành wp-config.php. Bấm Let’s go để tiến hành điền thông tin database:

    huong dan cai dat wordpress 8
    • Database Name: tên cơ sở dữ liệu tạo ở trên
    • Username: root
    • Database Host: localhost
    • Table Prefix: wp_ ( bạn có thể đỗi tiền tố này thành gì tùy ý bạn)

    Điền đầy đủ thông tin rồi bấm Sumbmit. Tiếp tục bấm Run the install để cài đặt WodPress trên localhost

    cai dat wordpress tren localhost 7

    Điền nốt thông tin như: Site TitleUsernamePasswordEmail và bấm Install WordPress.

    cai dat wordpress
    cai dat wordpress 2

    Đây là kết quả thành công sau khi bạn cài đặt WordPress trên localhost.

    cai dat wordpress 3

    Đường dẫn truy cập vào trang quản trị là: http://localhost:8080/cauit/wp-admin

    Lời kết

    Hy vọng bài viết này giúp bạn hiểu locahost là gì? Và làm thế nào để cài đặt localhost để vọc và sử dụng WordPress nhé !

    Qua bài viết: Localhost là gì? Hướng dẫn cài đặt WordPress trên Localhost 2021 nếu vẫn còn thắc mắc hoặc cần tư vấn, hỗ trợ. Quý khách vui lòng liên hệ theo thông tin dưới đây:

    Cauit.com

    Chia sẻ kiến thức - Cho đi là còn mãi!

    Email: cauitonline@gmail.com

    Cám ơn bạn đã theo dõi bài viết! Vui lòng chia sẻ bài viết nếu bạn thấy thông tin ở trên sẽ hữu ích với nhiều người.

    Chúc bạn có bữa tối vui vẻ và hạnh phúc!

    Chia sẻ kiến thức
    Logo