Xampp là một server ảo chạy trên máy tính cá nhân thường được dùng để phát triển dự án. Trong bài này tôi chia sẻ đến bạn cách cài đặt nó và chạy dự án đầu tiên.

Xampp là gì?

Xampp là chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin.

Ưu điểm của Xampp

• Có chương trình quản lý rất tiện lợi, bật tắt bất kỳ lúc nào
• Dễ dàng chạy dự án trên trình duyệt
• Thao tác với CSDL thông qua phpmyadmin
• Là một phần mềm được dân lập trình ứng dụng web thường sử dụng

Video hướng dẫn cài đặt Xampp

Để giúp bạn hình dung và thực hành thành công tôi đã ghi hình video, bạn cần xem và thực hành từng bước theo hướng dẫn bên dưới.

Tóm tắt các bước cài Xampp

Bước

1: Download Xampp

Link: https://www.apachefriends.org/download.html

Bạn chú ý chọn phiên bản Xampp tương thích với hệ điều hành của bạn. Xampp hỗ trợ các hệ điều hành

• Windows
• Linux
• OS X

Sau khi chọn xong bạn nhấn download để tải nó về máy.

Bước 2: Cài đặt Xampp

Bạn truy cập vào thư mục Download của máy tính và click vào file cài của xampp để bắt đầu cài đặt.

Tiến trình cài đặt bạn chỉ cần nhấn next và chạy đến khi nào Finish là ok.

Chú ý: Trong quá trình cài đặt có tùy chọn hiển thị xampp trên desktop bạn nên chọn nó. Để sau này muốn khởi động xampp thì có ngay biểu tượng ở màn hình để thao tác, đỡ phải tìm.

Bước 3: Hủy bỏ file mặc định trong thư mục htdocs

Sau khi cài đặt xong bạn vào ổ đĩa cài đặt chọn vào thư mục xampp. Tại đây bạn chọn vào thư mục htdocs. Đây là nơi chúng ta sẽ tiến hành lưu và phát triển các dự án.

Mặc định trong htdocs có rất nhiều file mặc định, bạn nên Ctrl + A và xóa tất cả đi. Sau đó tạo ra thư mục mới để lưu dự án của mình.

Ví dụ: Tôi tạo dự án unitop.vn trên xampp

xampp\ |-htdocs\ |-|-unitop.vn |-|---...

Bước 4: Khởi động server Xampp

Bạn bấm vào biểu tượng khởi động của Xampp sau đó nhấn vào Apache. Khi nó hiển thị lên màu xanh là ok.

Ở bước này nếu bạn khởi động Apache không thành công, xuất hiển cảnh báo đó thì nguyên nhân port 80 bị chiếm bởi các phần mềm khác.

Bạn xem chi tiết hướng dẫn đổi port xampp tại đây: Hướng dẫn đổi port xampp

Bước 5: Chạy dự án

Bạn tạo ra một dự án demo để chạy test xampp.

Bạn vào thư mục htdocs tạo thư mục

unitop.vn --index.html

Nội dung file index.html

Xin chào, Dự án đang được chạy trên Xampp

Cuối cùng chạy dự án trên trình duyệt theo đường dẫn

http://localhost/

Tại đây server sẽ load lên tất cả các dự án đang có, bạn cần chọn vào dự án đang xử lý là ok.

http://localhost/unitop.vn

Tổng kết

Qua bài này tôi đã chỉ cho bạn cách cài đặt phần mềm server ảo xampp từng bước. Tôi tin rằng hướng dẫn bao gồm cả video và checklist từng bước sẽ giúp bạn cài đặt thành công một cách dễ dàng. Nỗ lực nhé!

Xampp là chương trình tạo máy chủ Web được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server, phpMyAdmin và các công cụ như phpMyAdmin. Không như Appserv, Xampp có chương trình quản lý khá tiện lợi, cho phép chủ động bật tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào.

XAMPP là phần mềm mã nguồn mở miễn phí cung cấp một cách dễ dàng giúp các nhà thiết kế và phát triển web cài đặt những thành phần để chạy phần mềm dựa trên PHP, như WordPress, Drupal, Joomla và các phần mềm khác trên Windows 10, Linux và macOS.

Nếu bạn là nhà phát triển web hoặc ai đó đang cố gắng tham gia viết blog, XAMPP sẽ tiết kiệm thời gian và giảm bớt sự phiền toái khi phải cài đặt, cấu hình Apache, MySQL, PHP và Perl theo cách thủ công trên máy tính để tạo môi trường thử nghiệm.

Trong hướng dẫn này, bạn sẽ tìm hiểu các bước cài đặt XAMPP trên Windows 10 cũng như những hướng dẫn để cấu hình môi trường web và khắc phục một số sự cố thường gặp sau khi thiết lập.

Điều gì tạo nên sự đặc biệt cho XAMPP?

Ở đây chúng ta đang nói về vấn đề cài đặt Apache trong Windows. Bạn dành nhiều thời gian để thiết lập tất cả mọi thứ và bắt đầu chạy trang web của mình. Vấn đề là bạn không thể làm được bất cứ điều gì với một trang web tĩnh, trừ khi sử dụng SQL server. Sau đó việc cần làm là cài đặt ứng dụng SQL server nhưng lại thiếu mất PHP. Một danh sách các thứ còn thiếu sẽ khiến chúng ta mất nhiều thời gian và phức tạp, nhất là đối với người mới bắt đầu.

Đối với XAMPP, ở đó bạn có một ứng dụng giúp cài đặt tất cả những gì cần thiết để chạy một website hoàn hảo, quá trình cài tương tự ứng dụng trong Windows. Dịch vụ này cho phép máy tính chạy Apache và mọi thứ khác bất cứ khi nào khởi động máy, các ứng dụng sẽ chạy âm thầm trong chế độ nền và không tiêu tốn nhiều tài nguyên hệ thống.

Cách cài đặt XAMPP trên Windows 10

Để tải xuống và cài đặt XAMPP trên Windows 10, hãy làm theo các bước sau:

1. Tải XAMPP cho Windows.

Lưu ý nhanh: Nếu bạn có yêu cầu phiên bản đặc biệt cho PHP, thì hãy tải xuống phiên bản bạn cần. Nếu bạn không có yêu cầu về phiên bản, hãy tải xuống phiên bản cũ nhất vì nó có thể giúp bạn tránh các sự cố khi cài đặt phần mềm dựa trên PHP. Ngoài ra, các hướng dẫn này đã được kiểm tra và hoạt động cho phiên bản XAMPP 7.3.22, cũng như các phiên bản trước đó, nhưng bạn cũng có thể sử dụng chúng để cài đặt những phiên bản sau này.

2. Nhấp đúp vào file đã tải xuống để khởi chạy trình cài đặt.

3. Nhấp vào nút OK.

4. Nhấp vào nút Next.

Hoàn thành cài đặt XAMPP trên Windows 10

5. XAMPP cung cấp nhiều thành phần khác nhau mà bạn có thể cài đặt, chẳng hạn như MySQL, phpMyAdmin, PHP, Apache, v.v... Trong hầu hết các trường hợp, bạn sẽ sử dụng hầu hết những thành phần này, vì vậy, bạn nên để các tùy chọn mặc định.

6. Nhấp vào nút Next.

7. Sử dụng vị trí được cài đặt mặc định. (Hoặc chọn một thư mục khác để cài đặt phần mềm trong trường Select a folder).

8. Nhấp vào nút Next.

Vị trí cài đặt XAMPP

9. Chọn ngôn ngữ cho XAMPP Control Panel.

10. Nhấp vào nút Next.

11. Xóa tùy chọn Learn more about Bitnami for XAMPP.

12. Nhấp vào nút Next 2 lần.

Trình hướng dẫn cài đặt XAMPP trên Windows 10

13. Nhấp vào nút Allow access để cho phép ứng dụng thông qua Windows Firewall (nếu có).

14. Nhấp vào nút Finish.

Sau khi bạn hoàn thành các bước, XAMPP Control Panel sẽ khởi chạy và bạn có thể bắt đầu cấu hình môi trường web server.

Cách cấu hình XAMPP trên Windows 10

XAMPP Control Panel bao gồm 3 phần chính. Trong phần Modules, bạn sẽ tìm thấy tất cả các web service có sẵn. Bạn có thể bắt đầu từng service bằng cách nhấp vào nút Start.

Khi bạn khởi động một số service, bao gồm Apache và MySQL, ở phía bên phải, bạn cũng sẽ thấy số ID tiến trình (PID) và số cổng TCP/IP (Port) mà mỗi service đang sử dụng. Ví dụ, theo mặc định Apache sử dụng cổng TCP/IP 80 và 443, trong khi MySQL sử dụng cổng TCP/IP 3306.

Bạn cũng có thể nhấp vào nút Admin để có quyền truy cập vào trang tổng quan quản trị cho từng service và xác minh rằng mọi thứ đang hoạt động chính xác.

XAMPP Control Panel

Ở bên phải có danh sách các nút để cấu hình những khía cạnh khác nhau của bảng điều khiển, bao gồm nút Config để cấu hình mô-đun nào sẽ tự động khởi động khi bạn khởi chạy XAMPP.

Config

Nhấp vào nút Netstart sẽ cung cấp cho bạn danh sách các service hiện đang truy cập mạng, bao gồm địa chỉ TCP/IP và cổng, cũng nhự thông tin ID tiến trình.

Netstart

Ngoài ra, từ bảng điều khiển, cũng có các nút truy cập nhanh để mở tiện ích dòng lệnh shell, thư mục cài đặt XAMPP, các service và đóng ứng dụng.

Cuối cùng, bạn sẽ thấy phần nhật ký, nơi bạn có thể xem qua những gì sẽ xảy ra mỗi khi bạn khởi động mô-đun hoặc thay đổi cài đặt. Đây cũng là nơi đầu tiên cần xem xét khi có thứ gì đó không hoạt động.

Nhật ký XAMPP Control Panel

Cài đặt mặc định sẽ phù hợp với hầu hết mọi người sử dụng XAMPP để tạo môi trường thử nghiệm chạy trang web. Tuy nhiên, tùy thuộc vào cấu hình thiết lập của bạn, bạn có thể cần thay đổi số cổng TCP/IP cho máy chủ Apache, dung lượng upload lên cơ sở dữ liệu hoặc đặt mật khẩu cho phpMyAdmin.

Để thay đổi các cài đặt này, bạn cần sử dụng nút Config cho service tương ứng. Ví dụ, bạn sẽ cần mở file httpd.conf để thay đổi cài đặt trên máy chủ Apache và file my.ini để thay đổi cài đặt MySQL.

Cách tăng dung lượng upload phpMyAdmin trên XAMPP

Một vấn đề phổ biến khác với XAMPP là giới hạn upload cơ sở dữ liệu mặc định. Ví dụ, nhiều khi các nhà phát triển sẽ tạo một bản sao của một trang web cho mục đích khắc phục sự cố hoặc làm việc trên trang web mà không làm gián đoạn trang web đang hoạt động. Tuy nhiên, những người sử dụng WordPress hoặc một phần mềm quản lý nội dung khác sẽ nhanh chóng phát hiện ra rằng họ không thể upload cơ sở dữ liệu vì nó vượt quá kích thước upload tối đa cho phép, theo mặc định là 2048KB.

Để tăng giới hạn upload cơ sở dữ liệu trên phpMyAdmin, hãy làm theo các bước sau:

1. Mở XAMPP Control Panel.

2. Nhấp vào nút Explorer.

3. Mở thư mục php.

4. Mở file php.ini bằng bất kỳ trình soạn thảo văn bản nào.

5. Thay đổi giá trị cho upload_max_filesize và post_max_size thành kích thước bạn muốn. Ví dụ: post_max_size=100M và upload_max_filesize=100M để nhập các file cơ sở dữ liệu lên đến 40MB.

Thay đổi giá trị cho upload_max_filesize và post_max_size thành kích thước bạn muốn

6. Nhấp vào nút Stop cho MySQL và Apache.

7. Nhấp vào nút Start để khởi động lại Apache và MySQL.

Sau khi hoàn thành các bước, bây giờ bạn có thể nhập các file cơ sở dữ liệu lớn trên phpMyAdmin.

Cách sửa lỗi Apache không khởi động trên XAMPP

Quá trình cài đặt XAMPP rất đơn giản, nhưng Windows 10 đôi khi có thể không cho phép Apache server chạy. Thông thường, đó là do World Wide Publishing Service đang chạy trên cổng 80 trên máy tính, đây cũng là cổng TCP/IP mặc định mà Apaches sử dụng trên XAMPP và hai ứng dụng không thể sử dụng cùng một cổng mạng.

Nếu bạn gặp phải vấn đề này, có một số cách để giải quyết nó. Bạn có thể gỡ cài đặt service xuất bản hoặc thay đổi cổng mặc định trên Apache.

Gỡ cài đặt World Wide Web Services

Nếu bạn không có bất kỳ ứng dụng nào phụ thuộc vào tính năng World Wide Web Services, bạn có thể gỡ cài đặt ứng dụng đó bằng cách làm theo các bước sau:

1. Mở Start.

2. Tìm kiếm Control Panel và nhấp vào kết quả trên cùng để mở ứng dụng.

3. Nhấp vào Programs.

4. Nhấp vào tùy chọn Programs and Features.

5. Nhấp vào tùy chọn Turn Windows features on or off từ bảng điều khiển bên trái.

Nhấp vào tùy chọn Turn Windows features on or off

6. Mở rộng nhánh Internet Information Services.

7. Xóa tùy chọn World Wide Web Services.

8. Nhấp vào nút OK.

Nhấp vào nút OK

9. Khởi động lại máy tính của bạn.

10. Khởi động XAMPP Control Panel.

11. Nhấp vào nút Start trên Apache.

Sau khi bạn hoàn thành các bước, Apache sẽ có thể chạy ở cổng 80 trên thiết bị của bạn.

Thay đổi cổng TCP/IP Apache mặc định

Ngoài ra, thay vì xóa World Wide Web Services, bạn có thể cấu hình Apache để chạy trên một cổng TCP/IP khác.

Để thay đổi cổng nghe Apache trên XAMPP, hãy làm theo các bước:

1. Mở XAMPP Control Panel.

2. Trên Apache, nhấp vào nút Config.

3. Chọn tùy chọn Apache (httpd.conf).

4. Cuộn xuống và tìm dòng: Listen 80.

5. Thay đổi số 80 cho một số cổng TCP/IP khác chưa được sử dụng. Ví dụ, bạn có thể thử cổng 81. (Sau khi thay đổi dòng sẽ có nội dung là: Listen 81).

Thay đổi số 80 cho một số cổng TCP/IP khác chưa được sử dụng

6. Lưu và đóng file httpd.conf.

7. Nhấp vào nút Start trên Apache từ XAMPP Control Panel.

Sau khi bạn hoàn thành các bước, Apache server sẽ chạy mà không gặp sự cố trên cổng TCP/IP mới mà bạn đã chỉ định.

Lưu ý duy nhất với cấu hình này là bạn sẽ cần thêm số cổng TCP/IP trên địa chỉ mỗi khi bạn muốn kết nối với trang web của mình. Ví dụ, để truy cập Apache server trên trình duyệt web, bạn sẽ cần nhập: “localhost:81/dashboard” thay vì “localhost/dashboard”.

Dừng World Wide Web Publishing Service theo cách thủ công

Một cách khác để khắc phục sự cố cổng là dừng service và thay đổi cài đặt của nó để chỉ khởi động service theo cách thủ công.

Để thay đổi World Wide Web Publishing Service, hãy làm theo các bước sau:

1. Mở Start.

2. Tìm kiếm Services và nhấp vào kết quả trên cùng để mở.

3. Nhấp đúp vào service World Wide Web Publishing Service.

Nhấp đúp vào service World Wide Web Publishing Service

4. Nhấp vào nút Stop.

5. Thay đổi kiểu khởi động thành Manual.

6. Nhấp vào nút Apply.

7. Nhấp vào nút OK.

Nhấp vào nút OK

8. Mở XAMPP Control Panel.

9. Nhấp vào nút Start để chạy Apache server.

Cách tốt nhất để Apache hoạt động trở lại là gỡ cài đặt World Wide Web Publishing Service, nhưng khi không thể, bạn có thể thay đổi số cổng TCP/IP hoặc dừng service nếu cần.

Cách thay đổi mật khẩu phpMyAdmin trên XAMPP

Theo mặc định, phpMyAdmin (MySQL) sử dụng “root” làm tên người dùng mà không cần mật khẩu, có nghĩa là nếu bạn đang cài đặt một trang web WordPress, khi được hỏi, bạn chỉ cần nhập root làm tên người dùng và để trống trường mật khẩu.

Để thay đổi mật khẩu phpMyAdmin trên XAMPP, hãy làm theo các bước sau:

1. Mở bảng điều khiển XAMPP.

2. Trên MySQL, nhấp vào nút Admin.

3. Nhấp vào tab User accounts.

4. Nhấp vào liên kết Edit privileges cho tên người dùng root, nhưng với hostname là localhost.

Nhấp vào liên kết Edit privileges

5. Nhấp vào nút Change password.

6. Xác nhận mật khẩu mới.

Xác nhận mật khẩu mới

7. Nhấp vào nút Go.

Sau khi hoàn thành các bước, nếu bạn cố gắng đăng nhập vào phpMyAdmin, bạn có thể nhận được thông báo từ chối truy cập: “Cannot connect: invalid settings”.

Sửa lỗi truy cập phpMyAdmin bị từ chối

Trong trường hợp hiếm hoi mà bạn gặp sự cố khi đăng nhập vào phpMyAdmin, bạn sẽ cần cấu hình config.inc.php.