Tag:

Localhost

Hướng dẫn cài đặt WordPress trên localhost XAMPP

by admin 26/07/2022

written by admin

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ố.

Hướng dẫn cài đặt WordPress trên localhost XAMPP (1)

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ủ:

Hướng dẫn cài đặt WordPress trên localhost XAMPP (2)

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

Hướng dẫn cài đặt WordPress trên localhost XAMPP (2-1)

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:

Hướng dẫn cài đặt WordPress trên localhost XAMPP (3)

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:

Hướng dẫn cài đặt WordPress trên localhost XAMPP (4)

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:

Hướng dẫn cài đặt WordPress trên localhost XAMPP (5)

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:

Hướng dẫn cài đặt WordPress trên localhost XAMPP (6)

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:

Hướng dẫn cài đặt WordPress trên localhost XAMPP (7)

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:

Hướng dẫn cài đặt WordPress trên localhost XAMPP (8)

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

Hướng dẫn cài đặt WordPress trên localhost XAMPP (9)

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ướng dẫn cài đặt WordPress trên localhost XAMPP (10)

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:

Hướng dẫn cài đặt WordPress trên localhost XAMPP (11)

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é!

26/07/2022 0 comment

Hướng Dẫn Wordpress

Hướng dẫn làm việc với Localhost

by admin 01/12/2021

written by admin

Để giúp bạn dễ dàng cài đặt và thử nghiệm website trên localhost, bài viết hôm nay sẽ hướng dẫn bạn cách làm việc với Localhost.

Làm việc với thư mục Root Localhost

Hướng dẫn làm việc với Localhost

Đường dẫn thư mục root của AppServ và XAMPP hoàn toàn khác nhau, cụ thể:

Thư mục root của AppServ là F:AppServwww – thư mục chính để chạy website
Thư mục root của Xampp là F:xampphtdocs

Chú ý: Ổ F là theo hướng dẫn của mình, còn bạn chọn ổ nào khi cài đặt thì nó sẽ có đường dẫn bắt đầu từ ổ đĩa đó

Tạo database trong MySQL trên localhost

Bước 1: Truy cập hệ thống PhpMyAdmin

Cả AppServ và XAMPP đều chạy trên trình duyệt với đường dẫn http://localhost/phpmyadmin

Chú ý :

Với Localhost của AppServ thì đăng nhập theo thông số sau:

Tên đăng nhập: root
Mật khẩu: root

Với XAMPP thì không phải đăng nhập.

Bước 2: Nếu truy cập localhost lần đầu hoặc ngôn ngữ mặc định là tiếng Pháp, bạn nên đổi từ tiếng Pháp sang tiếng Anh

Hướng dẫn làm việc với Localhost (1)

Bước 3: Nhập tên Database -> Chọn Collagent là utf8_unicode_ci (cuối cùng) -> Chọn Create

Hướng dẫn làm việc với Localhost (2)

Tạo xong Database 2015_bkasoft thì mặc định thông tin tài khoản truy cập là:

Database Host: localhost
Database user: root
Database password: trống
Database name: 2015_bkasoft

Thêm tên miền ảo vào Localhost trong XAMPP

Mặc định localhost sẽ chạy với tên miền là http://localhost, tuy nhiên bạn có thể chạy thành 1 domain ảo khác hoặc bạn có thể thêm các domain ảo (ví dụ như m.bkasoft.net):

Bước 1: Thiết lập tên miền ảo trỏ về IP 127.0.0.1

Mặc định localhost đã trỏ về IP 127.0.0.1, vì vậy tên miền mới chạy trên localhost bạn cũng phải cấu hình trỏ về IP đó bằng cách: Mở thư mục C:WindowsSystem32driversetc > Nhấp chuột vào hosts chọn Properties

Hướng dẫn làm việc với Localhost (3)

Bước 2: Cửa sổ mới mở ra chọn tab Security > SYSTEM > Edit

Hướng dẫn làm việc với Localhost (4)

Bước 3: Chọn User (tên máy) > Allow (chọn full quyền) > Chọn Apply

Hướng dẫn làm việc với Localhost (5)

Bước 4: Sửa file Hosts với Notepad hoặc phần mềm sửa code > Thêm đoạn code phía dưới giống hình ảnh minh họa chỗ trỏ IP > Ctrl + S (lưu lại)

127.0.0.1 w1.muahet.net

Hướng dẫn làm việc với Localhost (6)

Bước 5: Thêm tên miền vào Localhost (VirtualHost)

Vào F:xampphtdocs tạo 1 thư mục có tên là w1.muahet.net

Hướng dẫn làm việc với Localhost (7)

Bước 6: Vào thư mục F:xamppapacheconfextra > Sửa file httpd-vhost.conf > Tìm:

##NameVirtualHost *:80

Xóa 2 dấu ## cho thành

NameVirtualHost *:80

Và thêm đoạn code này vào file:

<VirtualHost *:80>
ServerAdmin contact@bkasoft.net
DocumentRoot "F:/xampp/htdocs/w1.muahet.net"
ServerName w1.muahet.net
</VirtualHost>

Chú ý: DocumentRoot phải đổi ổ F thành ổ mà bạn cài đặt XAMPP. Sau đó, lưu lại để hoàn thành.

Bước 7: Test xem đã thành công hay chưa

Mở XAMPP và Stop lại Apache, sau đó Start lại mục đích để XAMPP nhận tên miền mới w1.muahet.net. Tiếp theo truy cập http://w1.muahet.net nếu nó chạy được như hình dưới là OK!

Hướng dẫn làm việc với Localhost (8)

Chú ý: Chỉ XAMPP mới có nhiều tên miền ảo chạy cùng 1 lúc

Cách đổi cổng mạng cho Localhost

Mặc định Localhost sẽ sử dụng cổng 80, bạn muốn chuyển sang cổng 8080 thực hiện theo hướng dẫn sau:

F:xamppapacheconf -> Chọn httpd.conf -> Chuột phải sửa với Notepad -> Tìm dòng

Listen 80

Sửa lại thành

Listen 8080

Tiếp theo chọn Save > Mở XAMPP Panel > Stop cái Apache và Start lại > Mở trình duyệt chạy thử với port mới http://localhost:8080. Nếu chạy được là OK.

Một số chú ý khi sử dụng localhost

Bạn không thể gửi cho bạn bè xem website ở localhost được.
Sau khi làm xong web trên localhost bạn hoàn toàn có thể chuyển lên Hosting hoặc Server.
Localhost hầu như không bị chậm, trừ khi máy bạn quá yếu.
Web trên localhost không bị hack bởi các lỗi SQL Injection và các loại hack local phổ biến.
Localhost có thể xem được trên mạng ngang hàng (sử dụng dây), nếu dùng Wifi thì không được.

Hy vọng bài hướng dẫn làm việc với Localhost trên đây sẽ hữu ích cho bạn khi tự học Wordpress. Mọi thắc mắc, bạn vui lòng để lại comment dưới bài viết để được giải đáp nhé!

Mọi người cũng tìm kiếm: localhost 8080/phpmyadmin, localhost:8080/phpmyadmin, localhost:8080/phpmyadmin/, localhost/phpmyadmin/127.0.0.1, appserv là gì, localhost/8080/phpmyadmin, localhost/admin, localhost/phpmyadmin/wordpress, localhost/phpmyadmin/80, localhost 8080 phpmyadmin, localhost;8080/phpmyadmin/, localhost8080/phpmyadmin, localhost/127.0.0.1/phpmyadmin, localhost/phpmyadmin/.

01/12/2021 0 comment

Hướng Dẫn Wordpress

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

by admin 30/11/2021

written by admin

Hướng dẫn chi tiết cách cài đặt localhost trên máy tính với AppServ giúp thiết lập máy chủ web, máy chủ cơ sở dữ liệu trong vòng 1 phút.

AppServ là gì?

AppServ là công cụ thiết lập máy chủ cơ sở dữ liệu Localhost bao gồm đầy đủ tính năng của Apache, MySQL, PHP, phpMyAdmin.

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

AppServ chạy tốt nhất là khi cài đặt trên hệ điều hành Linux/Unix, do:

Hệ điều hành Windows không đủ tốt cho tải nặng server
Windows web hoặc cơ sở dữ liệu hệ điều hành kiến trúc sử dụng bộ nhớ nhiều hơn hệ điều hành Linux/Unix.

Tuy nhiên để làm việc bình thường và không cần tốc độ quá cao bạn vẫn có thể cài AppServ trên Windows.

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

Bước 1: Download phần mềm appserv-win32-2.5.10 (16MB) tại đây

Bước 2: Giải nén và mở file appserv-win32-2.5.10.exe > Chọn Next

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

Bước 3: Tại mục License Agreement, chọn I Agree

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

Bước 4: Tại mục Choose Install Location, chọn đường dẫn cho thư mục cài đặt (thông thường sẽ là C:AppServ) > Chọn Next

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

Bước 5: Tại mục Select Component, tích đủ 4 ứng dụng > Chọn Next

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

Bước 6: Điền thông tin Appache HTTP Server Infomation

Server name: localhost
Administrator’s Email Address: admin@localhost.com (email này không quan trọng)

Sau đó chọn Next

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

Bước 7: Điền thông tin My SQL Server Configuration

Enter root password: root
Re-enter root password: root (có thể nhập hoặc không)

Sau đó chọn Install (Bạn chờ khoảng 2-3 phút để hệ thống cài đặt)

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

Bước 8: Sau khi cài đặt xong bạn khởi động lại máy tính để hệ thống start localhost

Bước 9: Mở trình duyệt Chrome, IE hoặc Firefox chạy url http://localhost. Nếu hệ thống cho kết quả như hình dưới đây là OK

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

Nếu bạn muốn tìm thư mục root như hướng dẫn, vào Explorer truy cập F:AppServwww

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

Lưu ý sau khi cài đặt localhost với AppServ

Đụng port

Đụng port là do có một phần mềm đang sử dụng cổng port 80 mà bạn đã cài ở bước cấu hình Apache.

Đụng port sẽ dẫn tới tình trạng cài đặt hoàn tất nhưng không truy cập được vào localhost. Vì vậy bạn cần tìm ra phần mềm đang đùng port 80. Thông thường sẽ là một phần mềm localhost khác đang chạy hoặc phổ biến là Skype.

Đối với Skype:

Bạn phải thoát khỏi ứng dụng này để tránh dụng port với AppServ.

Hoặc cấu hình lại port mặc định của Skype bằng cách: Mở Skype > Chọn Tools > Options > Advanced > Connection bỏ chọn “Use port 80 and 443…” nhập một số bất kì và nhấn “Save” để lưu lại.

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

Thay đổi port mặc định cho Skype

Tắt tường lửa trên hệ điều hành Windows

Để tránh tình trạng bị chặn cổng 80 hoặc một số ứng dụng webserver, bạn nên tắt tường lửa Windows và một số phần mềm diệt virus.

Tắt UAC(User Account Control) trên Windows

Mặc định khi cài đặt hệ điều hành Windows hệ thống sẽ bất chức năng User Account Control. Chức năng này sẽ khiến bạn bị giới hạn một số quyền, vì vậy hãy tắt nó đi.

Bấm chọn Start (biểu tượng Windows ở góc trái màn hình) > Nhập vào “UAC” > Chọn Change User Account Control settings và kéo thanh trượt xuống Never Notify.

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

Sử dụng từ khóa “UAC” để mở trang quản trị

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

Kéo thanh trượt xuống để tắt hoàn toàn tính năng

Lưu ý: Thao tác tắt User Account Control trên các phiên bản Windows nhìn chung khá giống nhau.

Trên đây là hướng dẫn cài đặt localhost trên máy tính với AppServ, hy vọng bài viết sẽ giúp bạn cài thành công bộ công cụ đa năng này.

30/11/2021 0 comment

Hướng Dẫn Wordpress

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

by admin 30/11/2021

written by admin

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ì?

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

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)

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

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!

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

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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:

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

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

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

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

Để 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

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

Để 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.

30/11/2021 0 comment