Hướng dẫn cài đặt và sử dụng XAMPP trên Widows 10

Hướng dẫn cài đặt và sử dụng XAMPP trên Widows 10

Bạn đang học lập trình PHP thì việc cài đặt XAMPP trên Windows 10 là việc cần thiết, bởi ứng dụng này đang được nhiều học viên sử dụng để test code.

Giới thiệu về XAMPP

XAMPP được ra đời cách đây hơn 10 năm, được biết là công cụ giúp chúng ta phát triển ngôn ngữ lập trình PHP.

Nó có thể cài đặt được trên nhiều hệ điều hành khác nhau như: Linux, Solaris, WindowsMac OS X.

Phiên bản mới nhất hiện tại: XAMPP 8.2.4

XAMPP là một bản phân phối Apache hoàn toàn miễn phí, dễ cài đặt có chứa MariaDB, PHPPerl.

Các công cụ tích hợp trong bản cài đặt:

  • PHP 8.2.4, 8.1.17 hoặc 8.0.28
  • Apache 2.4.56
  • MariaDB 5.4.28
  • phpMyAdmin 5.2.1
  • OpenSSL 1.1.1t

Tải xuống và cài đặt XAMPP trên Windows 10

Để tải xuống bạn truy cập tại đây lưu ý chọn đúng phiên bản và hệ điều hành, ở đây mình cài trên Windows 10 nhé.

Các bước cài đặt XAMPP trên Windows 10

Lưu ý: các bạn đã cài các chương trình khác để hỗ trợ Apache hay phpMyadmin trước đó thì mình khuyên các bạn nên gỡ ra nhé.

Bước 1: sau khi tải về các bạn bấm chạy file cài đặt bằng cách click đúp chuột hoặc click chuột phải chọn Open

click-chuot-phai-chon-open-de-cai-dat-xampp-tren-windows-10

cửa sổ hiện ra bạn bấm “Next” để tiếp tục:

bam-next-de-tiep-tuc

Bước 2: bạn có thể lựa chọn cài đặt, ở đây mình cứ chọn hết nha, để tiếp tục bấm “Next

tuy-chon-cai-dat-cho-xampp

Cửa sổ mới hiện ra, bạn có thể lựa chọn nơi lưu file cài đặt, ở đây mặc định nó sẽ tạo một thư mục xampp ở ổ C:

chon-thu-muc-cai-dat-cho-xampp

Bước 3: Lựa chọn ngôn ngữ để cài đặt và sử dụng thì mình cứ chọn tiếng Anh

chon-ngon-ngu-cho-xampp

Tiếp tục bạn bấm Next:

bam-next-de-tiep-tuc-cai-dat-xampp

Tiến trình cài đặt diễn ra bạn chờ cho tới khi hoàn tất rồi bấm Finish:

bam-finish-de-hoan-tat

Hướng dẫn sử dụng XAMPP để lập trình PHP

Mở và chạy Apache, MySQL trong XAMPP

Sau khi cài đặt xong bạn chạy XAMPP lên bằng các nhập vào ô tìm kiếm và bấm để mở:

tim-kiem-va-mo-xampp

Hoặc nếu không thì bạn có thể vào ổ C/xampp tìm đến xampp-control:

vao-thu-muc-cai-dat-de-mo-xampp

Cửa sổ mới hiện ra bạn Start 2 mục là Apache và MySQL lên:

bat-start-apache-va-mysql-trong-xampp

Để kiểm tra Apache được chạy thành công hay chưa thì bạn truy cập trên trình duyệt: localhost

chay-localhost-xampp

Vậy là Apache đã được cài thành công, bây giờ tiếp tục kiểm tra MySQL bằng cách nhấn vào phpMyadmin trên Menu

Hoặc bạn cũng có thể truy cập trực tiếp bằng link: http://localhost/phpmyadmin/, nếu mở ra lỗi thì bạn kiểm tra lại xem đã bật MySQL như hướng dẫn ở trên chưa, còn nếu thành công sẽ hiển thị ra như hình:

chay-phpmyadmin-xampp

Cấu hình trong xampp-control

Cấu hình tự động khởi chạy Apache và MySQL

Để không phải mắc công mỗi khi máy tính bị tắt mở lên lại bạn lại phải vào xampp-control để bật Apache và MySQL lên thì bạn làm như sau:

Bấm vào nút Config trên trình quản lý XAMPP, ở mục Autostart of modules bạn tích chọn vào Apache và MySQL sau đó nhấn Save để lưu cấu hình:

bat-tu-dong-chay-apache-va-mysql-trong-xampp

Như vậy mỗi lần mở máy thì xampp sẽ tự động chạy và bật Start cho Apache và MySQL rồi đấy.

Đổi Port mặc định 80 của Apache

Việc port 80 được các phần mềm khác đang chiếm trên máy tính của bạn khiến bạn có thể không Start được Apache thì bạn có thể phải chuyển nó sang Port khác để sử dụng

Cách làm như sau:

Bạn bấm vào nút Config như ở trên tiếp tục bấm vào Service and Port Settings

Tại phần Main Port đang để mặc định là 80 giờ mình sẽ đổi thành 8080, tùy vào máy tính của bạn mà đặt cho dễ nhớ và không trùng với port của phần mềm khác là được.

doi-port-apache-trong-xampp

Bạn làm theo các thứ tự mình đã ghi sẵn trong hình nhé

Tiếp tục, ban cần phải sửa lại file cấu hình trong httpd.conf bằng cách

doi-port-apache-trong-xampp

File Text mở ra bạn tìm số 80 bằng cách bấm Ctr + F nhập 80 rồi bấm Find Next: mỗi lần tìm bạn thay luôn 80 bằng 8080 cho đến hết nhé.

cau-hinh-port-apache-trong-httpd-conf-bang-notepad

Sau đó bạn nhấn Ctr+S để lưu lại, bạn cần phải Stop và Start lại Apache thì mới đổi thành công.

Bạn để ý thì thấy port 80 đã được đổi sang 8080 rồi:

kiem-tra-port-apache-trong-xampp

Bây giờ bạn thử truy cập trên trình duyệt bằng localhost:8080 xem thành công không

truy-cap-localhost-bang-port-moi-doi-trong-xampp
Cách thay đổi mật khẩu phpMyAdmin trên XAMPP

Mặc định khi mới cài xong XAMPP thì lúc truy cập phpMyAdmin không có mật khẩu, nên bạn cần đổi mật khẩu của tài khoản root.

Bước 1: bạn truy cập vào phpMyAdmin trên trình duyệt bằng link: http://localhost:8080/phpmyadmin/ nhớ thay đổi port của bạn nếu không phải 8080

Tiếp tục bạn bấm vào “Các tài khoản người dùng” chọn “Sửa đặc quyền” cho tài khoản root localhost

doi-mat-khau-phpmyadmin-buoc-1

Bước 2: Bạn chọn “Change password

doi-mat-khau-phpmyadmin-buoc-2

Bước 3: Phần mật khẩu bạn nhập 2 lần để đổi, lưu ý bạn nên đặt mật khẩu bao gồm chữ+số+ký tự đặc biệt để bảo mật nhé, sau đó bấm “Thực hiện

doi-mat-khau-phpmyadmin-buoc-3

Như vậy bạn đã đổi xong mật khẩu cho tài khoản root của phpMyAdmin rồi, tuy nhiên bây giờ bạn không thể truy cập vào được nữa sẽ có lỗi sau:

loi-khi-truy-cap-phpmyadmin-sau-khi-doi-mat-khau

Bước 4: Bây giờ bạn cấu hình tiếp bằng cách chỉnh sửa file config.inc.php trong thư mục C:\xampp\phpMyAdmin hoặc có thể truy cập trực tiếp trên xampp-control:

chinh-sua-file-config-inc-php

Bạn tìm đến dòng:

/* Authentication type and info */
$cfg['Servers'][$i]['auth_type'] = 'config';
$cfg['Servers'][$i]['user'] = 'root';
$cfg['Servers'][$i]['password'] = '';
$cfg['Servers'][$i]['AllowNoPasswordRoot'] = true;

Và thay thế bằng:

/* Authentication type and info */
$cfg['Servers'][$i]['auth_type'] = 'http';
$cfg['Servers'][$i]['AllowNoPasswordRoot'] = true;

Nhấn Ctr+S để lưu file và tắt nó đi, bạn cần phải Stop và Start lại Apache.

Bây giờ bạn truy cập lại phpMyAdmin và đăng nhập với tài khoản root và mật khẩu xem được chưa nhé.

Chạy thử code PHP trên XAMPP

Bây giờ mình sẽ chạy thử code PHP trên XAMPP xem có được không nhé:

Bước đầu tiên bạn truy cập vào nơi lưu trữ cài đặt XAMPP ở đây mình đang để là ổ C/xampp

Truy cập vào thư mục htdocs tạo thư mục test tạo 1 file index.php

Hiển thị ra màn hình dòng chữ: “Xin chào! Chào mừng bạn đến với Blog chia sẻ kiến thức PHP của sonnguyenaz”

<?php
$nameblog="sonnguyenaz";
echo "Xin chào! Chào mừng bạn đến với Blog chia sẻ kiến thức PHP của".$nameblog;
?>

Kết quả khi chạy trang “http://localhost:8080/test“:

chay-thu-code-php-tren-xampp

Lời kết

Như vậy bài viết này mình đã hướng dẫn xong cho các bạn cách cài đặt XAMPP trên Windows 10, và hướng dẫn các bạn cấu hình cơ bản trong xampp-control.

Chúc các bạn thành công, cảm ơn!

Rate this post

sonnguyen

Là một nhân viên IT thích chia sẻ những gì mình biết đến tất cả mọi người. Hi vọng được mọi người ủng hộ, nếu có gì sai sót mong các bạn comment xuống dưới để mình khắc phục. Cảm ơn mọi người!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *