Cài đặt XAMPP, cách sử dụng, chạy web trên localhost – ThucHa.Info

Nếu là Web Developer thì chắc như đinh ai cũng sẽ biết đến những ứng dụng tạo sever Web trên localhost để chạy code web ngay trên máy tính mà không cần phải mất công đưa lên môi trường tự nhiên internet, ứng dụng phổ cập và tốt nhất lúc bấy giờ đó là Xampp .

Xampp được tích hợp sẵn các phiên bản PHP, MySQL, và các công cụ quản lý như phpMyAdmin quản lý rất tiện lợi và dễ dàng sử dụng, cho phép bật/tắt hoặc khởi động lại dịch vụ bất kỳ lúc nào. Sau đây là hướng dẫn cài đặt XAMPP trên máy tính.

#1 Download XAMPP

Để tải XAMPP bạn vào trang chủ chính thức của Xampp : https://www.apachefriends.org/download.html

Lựa chọn phiên bản phù hợp, nếu bạn dùng Win 7 – Win 10 thì chọn XAMPP for Windows, Chọn phiên bản PHP phù hợp nếu không biết phiên bản nào phù hợp thì cứ chọn bản cao nhất. Click vào Download (64 hoặc 32 bit)

Download Xampp

#2 Cài đặt XAMPP

Sau khi tải về, bạn sẽ thấy một file cài đặt XAMPP có tên giống như xampp-windows-x64-7.4.27-2-VC15-installer.exe hãy mở file này (nếu có cảnh báo hãy chạy với quyền admin bằng cách chuột phải vào file -> Run as administrator) Cứ yên tâm chọn Yes nếu thấy có cảnh báo từ phần mềm antivirut.

Nếu xuất hiện hộp hội thoại Warning, Bấm Ok để bắt đầu cài XAMPP.

Cài đặt XAMPP bước 1

Chọn Next ở hộp thoại cài đặt tiếp theo.

Cài đặt XAMPP bước 2

Bước tiếp theo là chọn các dịch vụ bạn muốn cài, mình thì chỉ dùng PHP, MySQL nên chọn như hình dưới, nếu bạn không hiểu rõ tốt nhất nên tick chọn hết. Bấm Next.

Cài đặt XAMPP bước 3

Tiếp theo là chọn nơi lưu XAMPP, sau này sẽ vào thư mục này để làm việc, bạn nên chọn ổ đĩa còn trống nhiều dung lượng. Chọn Next.

Cài đặt XAMPP bước 4

Tiếp tục bấm Next ở bước chọn language, ở bước Bitnami for XAMPP bạn có thể bỏ chọn “Learn more about Bitnami for XAMPP” để tắt giới thiệu về Bitnami. Chọn Next.

Cài đặt XAMPP bước 5

Chọn Next để bắt đầu cài đặt XAMPP.

Cài đặt XAMPP bước 6

Quá trình cài đặt bắt đầu, chờ 1 vài phút để chạy hết là bạn đã cài đặt xong XAMPP. Sau khi chạy cài đặt xong, bấm Finish để hoàn tất, bây giờ bạn có thể sử dụng XAMPP.

Cài đặt XAMPP bước 7

#3 Cách sử dụng XAMPP

Dưới đây là giao diện làm việc của XAMPP, bạn có thể mở nó bằng cách vào start của máy tính gõ “xampp” bạn sẽ thấy ứng dụng XAMPP Control Panel, hoặc có thể vào thư mục cài đặt XAMPP-> chạy file xampp-control.exe

Hướng dẫn sử dụng XAMPP 1

Để khởi chạy server bạn bấm vào Start Apache, Và Start MySQL nếu dùng cơ sở dữ liệu MySQL. Sau khi Start giao diện khởi chạy thành công sẽ như hình dưới.

Hướng dẫn sử dụng XAMPP 2Bây giờ bạn hoàn toàn có thể mở trình duyệt web bất kể, truy vấn vào địa chỉ : http://localhost sẽ hiện ra trang Welcome của XAMPP .Hướng dẫn sử dụng XAMPP 3

#4 Chạy Web trên localhost với XAMPP

Đầu tiên bạn cần tìm đến thư mục bạn lưu cài đặt XAMPP tìm thư mục htdocs, ví dụ: C:\xampp\htdocs\

Tạo thư mục của bạn trong htdocs, mỗi thư mục là 1 dự án web của bạn, ví dụ: C:\xampp\htdocs\thucha

Để chạy các file trong dự án này, bạn mở trình duyệt truy cập địa chỉ http://localhost/tên_thư_mục. Ví dụ http://localhost/thucha

Thực hành : Mình tạo thư mục thucha trong C : \ xampp \ htdocs, sau đó tạo file xin-chao.phpChạy web trên localhost XAMPPMở file xin-chao.php bằng công cụ soạn thảo code, thêm nội dung vào bên trong là :Đọc thêm : Mẹo code nhanh, hiệu suất cao trong Visual Studio Code, 15 Extension hay

Chạy chương trình web này với đường dẫn http://localhost/thucha/xin-chao.php bạn sẽ thấy kết quả như hình dưới

Chạy web trên localhost XAMPP PHP

Tới đây thì bạn đã hiểu được cách hoặt động của XAMPP và chạy được ứng dụng web đầu tiên. Với bài hướng dẫn cài đặt XAMPP và cách sử dụng XAMPP, mình hy vọng có ích với bạn. Nếu cần trợ giúp hay hỗ trợ thì bạn hãy để lại bình luận phía dưới nhé.

Chưa có nhìn nhận