XAMPP

Hướng dẫn chi tiết cách cài đặt WordPress trên localhost XAMPP để thiết lập multisite, điều chỉnh theme và nhiều hơn nữa.

Tại sao bạn cần website WordPress trên localhost?

Trang WordPress trên localhost là trang web chỉ được truy cập trong mạng nội bộ (không phải mạng internet). Như vậy, loại trang web này có thể được xem như môi trường an toàn, trong đó bạn tiến hành kiểm tra tính năng mới và lên giải pháp khắc phục sự cố.

Các trang web nội bộ sẽ tốt trong việc thực hiện các loại nhiệm vụ sau:

• Tạo theme và plugin mới: Khi sử dụng trang web nội bộ, bạn không có nỗi lo thường trực như trên trang web đang online
• Website Staging: Staging website là một bản sao của trang web chính, được dùng để kiểm nghiệm.
• Gỡ lỗi và xử lý sự cố trang web: Sửa lỗi trực tiếp trên một trang web đang chạy có thể dẫn đến vấn đề lớn hơn (và, có khả năng dẫn đến downtime). Bằng cách dùng một website WordPress localhost, bạn có thể thử nhiều cách khác nhau để sửa lỗi và dễ dàng khôi phục bản gốc nếu sửa không được.

Vì những lý do này, việc tạo trang web WordPress trên localhost rất được khuyên dùng khi phát triển dự án. Tuy nhiên, trước tiên, bạn cần biết cài WordPress trên localhost cái đã. Một phương pháp thông dụng nhất là sử dụng XAMPP làm môi trường localhost để cài đặt WordPress.

Hướng dẫn cài WordPress trên localhost trong 3 bước

Trong những bước sau, chúng tôi sẽ hướng dẫn bạn cách sử dụng XAMPP và cài đặt WordPress trên đó. Đối với hướng dẫn này, chúng tôi sẽ giới thiệu các bước cho phiên bản phần mềm trên Mac. Tuy nhiên, bạn cũng có thể thiết lập XAMPP và chạy tương đối dễ dàng trên cả thiết bị Windows và Linux, với quy trình tương tự.

Bước 1: Cài đặt XAMPP

Trước hết, bạn cần truy cập Apache Friends website và chọn liên kết tải xuống phù hợp trên trang chủ:

Tiếp theo, kéo XAMPP vào thư mục Applications:

Khi trình tự tải hoàn tất, XAMPP sẽ được cài đặt trên hệ thống của bạn. Phần này không yêu cầu bạn làm gì nhiều

Lưu ý là nếu bạn đang chạy XAMPP trên Windows và có một chương trình khác trên máy đang sử dụng cổng 80 hoặc 443, bạn có thể gặp phải lỗi về cổng. Ví dụ: chương trình World Wide Web Publishing Service thường sử dụng cổng 80 và có thể gây ra xung đột với XAMPP.

Để giải quyết vấn đề này, bạn cần ngăn dịch vụ đó chạy bằng cách thực hiện các thao tác sau:

• Chuyể tới menu Windows Start, và gõ vào services.msc.
• Trong cửa sổ Services, tìm World Wide Web Publishing Service.
• Nhấp chuột phải vào nó và chọn nút Stop.
• Khởi động lại XAMPP. Lỗi về cổng sẽ được giải quyết nếu World Wide Web Publishing Service là thủ phạm.

Nếu điều này không giải quyết được vấn đề thì có thể do tường lửa trên máy Windows của bạn gây ra. Để buộc mở khóa cổng của bạn, bạn cần thiết lập quy tắc tường lửa mới:

• Mở Windows Firewall và điều hướng đến Advanced Settings.
• Chuyển đến Inbound > New Rule.
• Chuyển đến Port > TCP. Bạn phải nhập 80,443 trong trường có nhãn Specific Ports, sau đó nhấp vào Next.
• Chọn Allow the Connection, sau đó bấm vào Next một lần nữa.
• Đảm bảo tất cả các tùy chọn được liệt kê đã được kiểm tra và sau đó tiếp tục đến trang tiếp theo.
• Trong trường Name, nhập tên dễ nhớ (chẳng hạn như host1) và chọn Finish.
• Bây giờ bạn cần lặp lại các bước từ 1 đến 6, thay đổi tên một lần nữa (tức là thành host2) để xóa cổng.
• Khởi động lại máy tính. Các cổng 80 và 443 giờ đã được bỏ chặn và mở ra trên máy local.

Khi XAMPP được cài đặt, giờ bạn có thể sử dụng XAMPP.

Bước 2: Chạy XAMPP và cấu hình môi trường để cài WordPress

Bây giờ, hãy mở ứng dụng XAMPP và nhấn nút Start. Bạn sẽ thấy đèn xanh ở góc trên bên phải màn hình:

Tiếp theo, điều hướng đến tab Services. Bạn sẽ cần đảm bảo rằng trạng thái của cả hai dịch vụ Apache và MySQL đều đang chạy (tức là đều có đèn xanh). Điều này nhằm đảm bảo hệ thống quản lý database và các yếu tố phần mềm đều sẵn sàng cho môi trường localhost. Hiện tại, bạn có thể bỏ qua ProFTPD (là File Transfer Protocol server có thể cấu hình).

Nếu MySQL hoặc Apache không chạy (nếu hiển thị đèn đỏ), bạn chỉ cần chọn chúng và nhấn Start:

Sau đó, chuyển sang tab Network. Tại đây, bạn có thể xác định quy tắc chuyển tiếp cổng giữa server và bộ phần mềm XAMPP. Chọn localhost mà bạn muốn làm việc, sau đó nhấn nút Enable. Trong ví dụ này, chúng tôi sẽ sử dụng localhost:8080:

Bây giờ bạn sẽ có thể truy cập localhost và bắt đầu dùng XAMPP làm môi trường máy chủ. Để làm điều này, hãy mở trình duyệt web ưa thích và nhập tên localhost của bạn (hiện tại là localhost:8080). Việc này sẽ đưa lên XAMPP dashboard. Khi đó, chọn nút phpMyAdmin ở góc trên cùng bên phải của trang:

Sau đó, bạn cần phải tạo cơ sở dữ liệu để cài WordPress trên localhost. Để thực hiện việc này, hãy chọn tab Database, nhập tên cho cơ sở dữ liệu của bạn (trong trường hợp của chúng tôi, đơn giản là WordPress), đảm bảo menu thả xuống tiếp theo được đặt thành Collation, sau đó nhấn Create:

Giờ, bạn đã có thể cài WordPress trên XAMPP.

Bước 3: Tải và chạy WordPress

Tại thời điểm này, bạn cần truy cập WordPress.org và tải phiên bản mới nhất của WordPress:

Mở thư mục WordPress trên máy, giải nén và tìm file wp-sample-config.php:

Mở file này trong trình soạn thảo văn bản bạn thích (như TextEdit). Bạn cần phải xác định vị trí dòng văn bản này:

define(‘DB_NAME’, ‘database_name_here’);

Thay thế database_name_here bằng tên bạn đặt cho database ở bước cuối cùng. Sau đó, tìm hai dòng này:

define(‘DB_USER’, ‘username_here’);
define(‘DB_PASSWORD’, ‘password_here’);

Bạn cần thay thế username_here bằng root và xóa hoàn toàn password_here. Kết quả sẽ như sau:

Hãy lưu file dưới tên wp-config.php. Trước khi cài đặt WordPress trên localhost, bạn cần copy, đưa toàn bộ nội dung file trong thư mục cài WordPress vào thư mục con của htdocs trong thư mục XAMPP. Thư mục con này bạn đặt tên tùy ý, chúng tôi đặt tên là WP.

Tiếp theo bạn chỉ cần chuyển đến http://localhost/wp/ trong trình duyệt. Khi đó, hãy làm theo quy trình cài đặt WordPress tiêu chuẩn. Khi hoàn thành, bạn sẽ có trang web WordPress trên máy localhost!

Cách thiết lập WordPress Multisite trên XAMPP

Bây giờ bạn biết cách cài đặt WordPress trên localhost bằng XAMPP, bạn có thể muốn sử dụng nó để tạo WP multisite network. Điều này cho phép bạn tạo quản lý nhiều website từ một giao diện duy nhất. Có rất nhiều ứng dụng khi sử dụng multisite. Chẳng hạn, bạn có thể dùng nó để kiểm tra cách theme và /hoặc plugin mới hoạt động trên nhiều trang web khác nhau như thế nào.

Để bắt đầu, bạn cần mở lại file wp-config.php trong trình chỉnh sửa văn bản. Sau đó, bạn thêm các code sau ở phía dưới, ngay phía trên dòng * That’s all, stop editing! Happy blogging. *

define(‘WP_DEBUG’, false);
define(‘WP_ALLOW_MULTISITE’, true);

Sau khi bạn chắc là Apache và MySQL vẫn đang chạy trên XAMPP, hãy đăng nhập vào trang web localhost. Sau đó, điều hướng đến Tools > Network Setup:

Sau khi bạn nhập tiêu đề mạng lưới xong, hãy chọn Install. Bạn sẽ được nhắc chỉnh sửa file wp-config.php và .htaccess.

Mở file wp-config.php một lần nữa. Bạn cần phải thêm code sau bên dưới các dòng bạn đã thêm trước đó:

define(‘MULTISITE’, true);
define(‘SUBDOMAIN_INSTALL’, false);
define(‘DOMAIN_CURRENT_SITE’, ‘localhost’);
define(‘PATH_CURRENT_SITE’, ‘/’);
define(‘SITE_ID_CURRENT_SITE’, 1);
define(‘BLOG_ID_CURRENT_SITE’, 1);

Tiếp theo, bạn phải mở (hoặc tạo) file .htaccess trong cùng thư mục với file wp-config.php . Sau đó, thay tất cả các dòng hiện có trong file đó bằng đoạn code sau:

# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
# add a trailing slash to /wp-admin
RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L]
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ – [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).*) $2 [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(.*\.php)$ $2 [L]
RewriteRule . index.php [L]
# END WordPress

Lưu file và đóng lại. Bây giờ, bạn sẽ có thể truy cập các trang web riêng trong cùng 1 dashboard khi đăng nhập vào localhost WordPress.

Kết luận

Như bạn thấy, XAMPP là giải pháp mạnh mẽ và linh hoạt để thiết lập local web server. Nó tạo môi trường để lập trình WordPress hoàn hảo nhất. Bạn còn có thể thiết lập multisite, điều chỉnh theme và nhiều hơn nữa. Tuy nhiên đây không phải là công cụ duy nhất mà bạn có thể sử dụng để cài đặt WordPress trên localhost. Công cụ tuyệt vời thay thế khác là cài đặt WordPress bằng Docker.

Bạn có câu hỏi nào quá trình cài WordPress trên localhost không? Hoặc bạn muốn chia sẽ kinh nghiệm làm web WordPress local mới của bạn? Cho chúng tôi biết trong phần comment bên dưới nhé!

Hướng dẫn chi tiết cách cài đặt localhost trên máy tính với XAMPP – phần mềm cho phép giả lập môi trường server hosting ngay trên máy tính của bạn, cho phép bạn chạy demo website mà không cần phải mua tên miền và host.

Tìm hiểu về Localhost

• Localhost là gì?

Localhost là từ ghép của “local” và “host“. Dịch theo nghĩa IT, Local là máy tính của bạn, Host là máy chủ. Vậy Localhost có nghĩa là một máy chủ được vận hành trên máy tính của bạn.

• Localhost hỗ trợ ngôn ngữ lập trình nào?

Localhost hỗ trợ nhiều ngôn ngữ lập trình bao gồm cả PHP, ASP, ASPX, JAVA…

• Localhost gồm những thành phần nào?

Localhost gồm các thành phần chính như:

Webserver tên Apache: Đây là webserver thông dụng nhất.

PHP: Để xử lý mã PHP vì WordPress viết bằng ngôn ngữ PHP.

MySQL Server: Để lưu trữ và xử lý cơ sở dữ liệu (database).

PHPMyAdmin: Để xem và quản lý cơ sở dữ liệu MySQL.

• Localhost chạy bằng tên miền nào?

Localhost thường chạy mặc định với những tên miền chính sau:

http://localhost

http://127.0.0.1

http://tenmay (tenmay chính là tên máy tính của bạn khi cài đặt Windows)

Lưu ý trước khi cài đặt localhost với XAMPP

• Xoá toàn bộ ứng dụng liên quan tới localhost

Nếu bạn có cài đặt các ứng dụng liên quan tới localhost như PHP, MySQL thì hãy xoá hết. Thêm nữa, bạn không nên cài XAMPP trên Windows Server đã cài đặt IIS.

• Nếu bạn dùng Skype

Nếu máy tính của bạ đang dùng Skype thì Localhost sẽ không hoạt động được do Skype đã chiếm quyền sử dụng cổng mạng 80 – cổng mặc định của webserver.

Có 2 cách để xử lý vấn đề này:

Cách 1: Tắt Skype (Đây là cách đơn giản nhất mà ai cũng có thể làm được).

Vào khay đồng hồ phía cuối màn hình > Nhấn chuột phải vào Skype > Chọn Exit. Vậy là xong!

Cách 2: Đổi port mặc định của Skype

Mở Skype > Tools > Options > Advanced > Connection và bỏ chọn phần “Use port 80 and 443…..” > Nhập một cổng bất kỳ để Skype sử dụng > Chọn Save.

Sau khi bạn cấu hình xong cần khởi động lại máy tính để hệ thống làm mới port.

• Tắt tường lửa Window

Nếu máy của bạn đang bật tường lửa từ Windows hoặc từ một phần mềm diệt virus nào đó thì hãy tắt nó đi vì có thể nó sẽ chặn port 80 hoặc một số ứng dụng của Webserver.

• Tắt User Account Control trên Windows

Để tránh bị giới hạn quyền khi dùng Localhost trên Windows, bạn cần tắt chức năng User Account Control đi.

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

Có rất nhiều cách và phần mềm để cài Localhost, tuy nhiên với người mới thì dùng phần mềm XAMPP là hợp lý nhất. Bởi vì XAMPP không chỉ miễn phí, dễ sử dụng mà còn hỗ trợ các hệ điều hành thông dụng như Windows, Mac, Linux.

Trong bài này, chúng tôi sẽ hướng dẫn bạn cách cài đặt trên Windows (Max & Linux sẽ làm tương tự nhé)

Bước 1: Download XAMPP tại https://www.apachefriends.org/download.html. Sau đó, chọn phiên bản XAMPP phù hợp với hệ điều hành mà máy tính của bạn đang sử dụng. Bạn nên chọn phiên bản PHP 5.5.19.

Lưu ý: 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 

Bước 2: Mở file xampp-win32-5.5.19-0-VC11-installer.exe vừa tải về để cài đặt > Chọn Next

Bước 3: Vì không phải cái nào trong gói XAMPP cũng cần thiết nên ở phần Select  Components bạn nên chọn như hình dưới đây > Chọn Next

Bước 4: Chọn thư mục cài đặt XAMPP

Mặc định khi cài đặt hệ thống sẽ chọn ổ c:xampp tạo thư mực XAMPP (Tuy nhiên, để cho an toàn bạn nên chuyển sang ổ D, E hoặc ổ không phải cài Win) > Chọn Next

Bước 5: Bỏ tích chọn Learn more about Bitnami for XAMPP -> Chọn Next

Bước 6: Tiến trình cài đặt

Chờ cài đặt xong bạn hãy khởi động lại máy tính để hệ thống có thể làm mới thông tin và start localhost

Bước 7: Khởi động localhost

Vào ổ E:xamppxampp-panel.exe để mở bảng điều khiển của XAMPP hoặc vào Start > All Programs > XAMPP > Mở Xampp Control Panel xuất hiện cửa sổ như hình dưới đây.

Trong phần Actions > Nhấp chuột vào Start với Apache và MySQL

Với Win 7, Win 8 và các Window cao hơn thường sẽ yêu cầu cho phép Public NetWorks cho Firewall bằng cách bạn nhấp chuột vào Allow Access với mysqld.exe và httpd.exe như hình dưới đây:

Kết quả: Nếu hai ứng dụng chuyển sang màu xanh thì việc khởi động đã thành công, còn ngược lại nếu không thành công thì bạn nên xem phần Lưu ý trước khi cài đặt XAMPP

Bước 8: Test Localhost trên trình duyệt

Mở trình duyệt (có thể dùng bất kỳ trình duyệt nào chrome, firefox, IE…) với url: http://localhost

Để thuận tiện cho việc thao tác khi truy cập vào trang quản lý localhost, bạn nên chọn ngôn ngữ English phía bên dưới

Để xem hệ thống bạn vào thư mục như mình hướng dẫn thì vào E:xampphtdocs

Vậy là bạn đã cài đặt localhost trên máy tính với XAMPP thành công rồi đó!

Mọi người cũng tìm kiếm: localhost là gì, localhost xampp, xampp localhost, cài localhost, hướng dẫn cài đặt localhost với xampp, local host là gì, cách tải xampp, localhost/demo, hướng dẫn cài đặt xampp trên win 10, localhost/xampp, cấu hình xampp.