Hướng dẫn cài đặt Xampp, JDK,

Netbeans để chuẩn bị viết code PHP

 
Mục Lục

 Giới thiệu
 XAMPP là gì?
 Tại sao nên sử dụng XAMPP?
 Hướng dẫn Tải XAMPP và Cài đặt XAMPP với phiên bản mới nhất trên máy tính
 Cài đặt XAMPP thành công
 Một số thư mục bạn cần quan tâm trong XAMPP
 Tìm hiểu về Bảng điều khiển XAMPP - XAMPP Control Panel
 Thay đổi cổng (Port) trong XAMPP
 Giới thiệu về Netbeans IDE và các cài đặt Apache NeatBeans phiên bản mới nhất (10.0)
 Tạo một dự án PHP để bắt đầu làm việc
 Chạy ví dụ PHP đầu tiên của bạn
 Tổng kết

Giới thiệu
Trước khi bắt đầu đi vào các Bài học PHP thì bạn cần cài đặt 2 phần mềm cần thiết
để lập trình và chạy mã PHP.

1. XAMPP
2. NetBeans

Phần mềm lập trình PHP (IDE hay Phần mềm soạn thảo code PHP) thì bạn có thể tùy
chọn loại nào bạn muốn. Nhưng ở bài này mình sẽ hướng dẫn bạn cài đặt NetBeans
và sử dụng NetBeans để chạy chương trình Java đầu tiên.

XAMPP là gì?
 Phần mềm máy chủ web XAMPP

XAMPP là một máy chủ web đa nền tảng nguồn mở, MySQL database engine, PHP
và Perl. Nó được biên soạn và duy trì bởi apache. XAMPP là từ viết tắt của:

X - [X-Crossplatform] Đa nền tảng, nó có thể chạy trên mọi hệ điều hành Mac OX,
Windows, Linux, v.v ...
A - Apache - đây là phần mềm máy chủ web.
M - MySQL - Cơ sở dữ liệu.
P - PHP
P - Perl - ngôn ngữ kịch bản

Tại sao nên sử dụng XAMPP?

Để sử dụng PHP, bạn sẽ cần cài đặt PHP, Apache và thậm chí là là MySQL.

Thì...

Không dễ để cài đặt Apache và cấu hình nó. Nếu bạn tự cài đặt Apache, bạn vẫn sẽ
phải thiết lập và tích hợp nó với PHP và Perl với một số thứ khác.

Do đó...
XAMPP là một giải pháp cho tất cả:

 XAMPP xử lý tất cả sự phức tạp trong việc thiết lập và tích hợp với PHP và
Perl. Không giống như Java chỉ chạy với Java SDK, PHP yêu cầu một máy chủ
web để làm việc.
 XAMPP cung cấp bảng điều khiển dễ sử dụng để quản lý Apache, MySQL và
các chương trình khác như Tomcat, filezilla, v.v. Bạn không cần phải ghi nhớ
các lệnh cho bắt đầu apache, MySQL, vv

Và bây giờ chúng ta sẽ đi vào...

Hướng dẫn Tải XAMPP và Cài đặt XAMPP với

phiên bản mới nhất trên máy tính
Chúng ta sẽ thực hiện từng bước quy trình để cài đặt XAMPP cho Windows
64bit. Đối với các hệ điều hành khác, các bước cài đặt cũng tương tự thôi.

 Download bản cài đặt XAMPP tại đây.

Cài đặt XAMPP cũng giống như cài đặt bất kỳ phần mềm windows nào khác. Tuy
nhiên, có một vài điều mà chúng ta phải lưu ý:

1. Sau khi bạn đã tải xuống XAMPP -> Chạy install. Cửa sổ hộp thoại cảnh báo hiển
thị bên dưới sẽ xuất hiện.
 Hộp thoại cảnh báo đầu tiên khi cài đặt XAMPP

2. Nếu bạn đang sử dụng windows Vista hoặc Windows 7, hãy đảm bảo rằng bạn đã
tắt tính năng Kiểm soát tài khoản người dùng.

Để thực hiện việc này, bạn chọn:

 Control Panel >  User Accounts >  Change User Access Control settings.

Sơ đồ dưới đây minh họa các bước bạn cần phải làm:

Tắt User Account Control trong Control Setting

3. Sau khi bạn đã tắt User Account Control, nhấp vào nút OK trên hộp thông báo cảnh
báo.

Lần này bạn nhận được thông báo sau

 Hộp thoại thông báo User Account Control đã tắt

4. Bước tiếp theo, hãy tích vào các tùy chọn như hình để bắt đầu cài đặt XAMPP

Tích vào các tùy chọn Apache, MySQL, PHP, phpMyAdmin để bắt đầu cài đặt XAMPP

Bạn có thể chọn FileZilla (FTP Client) nếu cần.

5. Trong màn hình tiếp theo, Thay đổi đường dẫn cài đặt nếu cần (Cá nhân mình
khuyên bạn không nên thay đổi). Nhấn Next

Nơi lưu trữ XAMPP

Sẵn sàng chạy cài đặt XAMPP
 Màn hình chạy cài đặt XAMPP
6. Kết thúc cài đặt XAMPP
 Nhấn Finish để kết thúc cài đặt XAMPP

Cài đặt XAMPP thành công

Sau khi đã hoàn thành các bước cài đặt bạn có thể URL http://localhost/dashboard/
trong trình duyệt. Đối với bài hướng dẫn này, mình sẽ sử dụng Firefox.
 Màn hình Dashboard khi cài đặt XAMPP thành công
 
Trước khi chúng ta kiểm tra các cài đặt XAMPP của mình, trước tiên hãy xem các thư
mục cơ bản mà chúng ta sẽ làm việc với nó.

Một số thư mục bạn cần quan tâm trong XAMPP

Hướng dẫn này giả định rằng bạn đã cài đặt XAMPP trên ổ C trong Windows bằng
các bước được đề cập ở trên. Sau đây là danh sách các thư mục cơ bản mà bạn cần
phải biết.
 Các thư mục cần quan tâm trong XAMPP

1. htdocs: Đây là thư mục gốc của web. Tất cả các mã PHP của chúng ta sẽ
được đặt trong thư mục này.
2. mysql - thư mục này chứa tất cả thông tin liên quan đến MySQL database
engine. Theo mặc định, nó chạy trên cổng (port) 3306.
3. php - thư mục này chứa các tệp cài đặt PHP. Nó chứa một tệp quan trọng có
tên là php.ini. Thư mục này được sử dụng để cấu hình cách PHP hoạt động
trên máy chủ của bạn.

Theo mặc định, Apache web server chạy trên cổng 80. Nếu cổng 80 đã được một
máy chủ web khác chiếm chỗ, bạn có thể sử dụng một số cổng khác.

Đối với hướng dẫn này, mình đang sử dụng cổng 80. Lưu ý, nếu bạn sử dụng SKYPE,
nó sử dụng cùng một cổng. Hãy đóng Skype nếu bạn muốn sử dụng Apache trên
cổng 80.

>>> Bạn có thể xem cách thay đổi cổng trong phần bên dưới. Nhưng trước tiên hãy đi
từ ngoài vào trong trước đã.

Tìm hiểu về Bảng điều khiển XAMPP - XAMPP

Control Panel
Bảng điều khiển (Control Panel) được sử dụng để quản lý các chương trình được cài
đặt qua XAMPP. Để mở bảng điều khiển XAMPP.

 Sơ đồ bên dưới hiển thị bảng điều khiển

Bảng điều khiển XAMPP - XAMPP Control Panel

Phần 1: Phần này liệt kê các dịch vụ, Module đã cài đặt và process IDs PID (s). Nếu
có dấu tick màu xanh lá cây có nghĩa là module đã được cài đặt như một Service.

Dấu đỏ có nghĩa là nó chưa được cài đặt như một Service.

Để cài đặt một dịch vụ, bấm vào dấu đỏ. Còn nếu nút hiển thị dấu tick màu xanh lá
cây và bạn nhấp vào nó, bảng điều khiển sẽ hỏi bạn nếu bạn muốn gỡ cài đặt hệ
thống.
Phần 2: Phần này hiển thị (các) Cổng được liên kết với các Module. Phần Action

 Start và Stop các Module

 Mở các cửa sổ quản trị cho Apache và MySQL
 Mở các tệp cấu hình cho Apache, MySQL, v.v. để thực hiện thay đổi
 Xem tệp nhật ký cho các mô-đun

Phần 3: Phần này chứa các tiện ích hữu ích như Netsat, windows services short
cuts v.v.

Phần 4: Phần này hiển thị thông tin trạng thái trên các module. Bảng điều khiển có
thể được sử dụng để:

 Cài đặt và gỡ cài đặt các dịch vụ như Apache, MySQL, v.v. được cài đặt qua
XAMPP
 Start và Stop dịch vụ.
 Mở cấu hình tập tin, vv

Thay đổi cổng (Port) trong XAMPP

Trong quá trình làm việc có thể cổng mặc định 80 sẽ bị chiếm chỗ bởi phần mềm
khác (ví dụ Skype, bạn có thể tắt Skype để hoạt động bình thường).

Vì thế, nếu cần thay đổi cổng trong XAMPP bạn có thể làm theo các bước như sau:

Bước 1: Bấm vào Config

 Bấm vào Config - Thay đổi cổng (Port) trong XAMPP

Bước 2: Bấm vào Service and Port Settings

Bấm vào Service and Port Settings - Thay đổi cổng (Port) trong XAMPP

Bước 3: Thay đổi Main Port (hoặc cả SLL Port nếu cần)
 Thay đổi cổng trong XAMPP

Giới thiệu về Netbeans IDE và các cài đặt

Apache NeatBeans phiên bản mới nhất (10.0)
Mình có viết một bài về các IDE, phần mềm lập trình PHP tốt nhất trong bài bên dưới:

>>> 5 IDE, Phần mềm lập trình Web PHP chuyên nghiệp nhất năm 2018

Bạn sẽ thấy có cả trình soạn thảo và các IDE rất tốt, nhưng trong phạm vi bài viết
mình sẽ hướng dẫn bạn sử dụng NetBeans vì nó có đầy đủ chức năng và quan trọng
là mình đã sử dụng nó quen rồi.

>>> Kể cả trong khóa học Lập trình Web PHP của NIIT - ICT Hà Nội. Cũng chủ yếu sử
dụng NetBeans để lập trình. Nếu bạn muốn học thì có thể bấm đăng ký ngay.

Bạn thực hiện tải JDK và Apache NetBeans về và cài đặt theo các bước sau:

1. Tải JDK về và cài đặt

Bạn tải https://www.oracle.com/java/technologies/javase-jdk14-downloads.html
 

Bấm đồng ý vào điều khoản và tải xuống

 Tải JDK xuống

Chuột phải chọn Run as administrator

Bấm Next để tiếp tục cài đặt JDK

Cài đặt JDK thành công

2. Hướng dẫn tải về và cài đặt Apache NetBeans (Phiên
bản 12.0 mới nhất)

Đầu tiên bạn truy cập trang

này: https://www.apache.org/dyn/closer.cgi/netbeans/netbeans/12.0/Apache-
NetBeans-12.0-bin-windows-x64.exe

 Sau đó tải file về máy của bạn

Tải xuống file Binaries từ trang Web NetBeans.Apache.org

Bấm chọn cài đặt hoặc Double-click là xong. Việc của bạn chỉ là ngồi đợi 10-20 phút.
 NetBeans đang tiến hành cài đặt

Tạo một dự án PHP để bắt đầu làm việc

Chúng ta đã cài đặt xong Apache NetBeans phiên bản mới nhất và bây giờ bạn có
thể mở nó bằng một số cách sau:

Để khởi động IDE (Microsoft Windows), hãy sử dụng một

trong các phương pháp sau:
 

 Bấm đúp vào biểu tượng NetBeans IDE trên máy tính để bàn của bạn.
 Chọn Start > All Programs > NetBeans > NetBeans IDE.
 Khởi động IDE từ command line C:\> netbeans-install-directory\bin\
netbeans.exe

Để khởi động IDE (Solaris OS hoặc Linux):

  Nhập tại hộp thoại command: /netbeans-install-directory/bin/netbeans

Bạn sẽ thấy giao diện đầu tiên của NetBeans.

 
Bây giờ chúng ta sẽ thực hiện...

8 bước để tạo một dự án PHP

Bước 1: Tạo một Project mới
 

Tạo 1 Project PHP mới

Bước 2: Chọn PHP

 
 Chọn PHP để làm việc

Bước 3: Ở bước này nếu bạn chưa tạo Project PHP lần nào thì NetBeans sẽ yêu cầu
bạn phải Download và Activate tài nguyên cần thiết.
 
 Bấm chọn Download và Activate tài nguyên cần thiết ở lần tạo đầu tiên
Bước 4: Bấm Next
 
 Nhấn Next để bắt đầu Download tài nguyên cần thiết

Bước 5: Đồng ý với điều khoản và bấn Next

 

Đồng ý với điều khoản để bắt đầu tải tài nguyên và cài đặt

Tiếp tục chờ đợi một chút

 
Tiến hành cài đặt và kết thúc cài đặt tài nguyên cần thiết trước khi bắt đầu với dự án
PHP
 Sau đó là Activate PHP
Bấm Next để chuyển sang bước tiếp theo.

Bước 6: Đặt tên dự án PHP và chọn thư mục lưu dự án

Khuyến nghị: Đặt tên dự án viết liền không dấu và không thay đổi nơi lưu dự án. Ở đây
mình để nguyên là PhpProject1
 
 Đặt tên dự án PHP và chọn thư mục lưu dự án

Bước 7: Nếu làm việc với Framework thì bạn tích chọn và bấm Next
 
 Chọn Framework muốn làm việc với và bấm Next

Ở trường hợp này bạn có thể bỏ qua và bấm finish luôn hoặc bấm Next để tiếp tục
sang hộp thoại tiếp theo (Phần này các bạn chưa cần quan tâm vội)
 
 Bấm Finish để hoàn thành việc tạo 1 dự án PHP

Bước 8. Thành công

 

Và đây là màn hình làm việc sau khi bạn đã tạo xong dự án PHP.
 

Giao diện làm việc của 1 dự án PHP trên NetBeans

thiết lập chính

chọn <default>và thiết lập localhost như hình

 chọn trình duyệt ie hoặc fifox hoặc trình duyệt cài trong program file

Chạy ví dụ PHP đầu tiên của bạn

Công cụ lập trình đã sẵn sàng. Bây giờ bạn hãy thử chạy chương trình PHP đầu tiên
nào:
Đây là đoạn Code chương trình Hello World mà bạn đã thử viết từ bài trước:

<?php
echo "Hello World!";
?>
Copy/Paste vào file index.php như hình:

Copy/Paste Code chương trình Hello World vào NetBeans

Bấm vào nút Play trên NetBeans hoặc chạy đường dẫn sau trên trình duyệt:
alt +shift + y để cập nhật

http://localhost/PhpProject1/index.php
Lưu ý bạn phải thay PhpProject1 bằng tên dự án của bạn.

Và đây là kết quả khi chạy trên trình duyệt

 Kết quả khi chạy chương trình PHP đầu tiên Hello World

Tổng kết
Như vậy, qua bài này bạn đã biết để cài đặt XAMPP, JDK, NetBeans phiên bản mới
nhất để chuẩn bị đi vào các bài học PHP kế tiếp.

Hãy ghi nhớ lại các nội dung của bài học vừa rồi:

 XAMPP là từ viết tắt của X-cross platform, Apache, MySQL, PHP và Perl

 Các cài đặt và cấu hình XAMPP, thay đổi cổng (Port) trong XAMPP
 Trình soạn thảo PHP là chương trình cho phép bạn viết mã PHP trong thời
gian ngắn nhất và cho phép bạn gỡ lỗi lỗi cú pháp trong thời gian thiết kế.
 Netbeans là trình soạn thảo mã nguồn mở đa nền tảng giúp nâng cao năng
suất của các lập trình viên PHP.
 Cách tải xuống và cài đặt Apache NetBeans phiên bản mới nhất 12.0
 Cách tạo một dự án PHP

Netbeans IDE là một IDE hỗ trợ lập trình Java phổ biến nhất hiện nay trong học tập
và kể cả trong công việc. Ở bài này sẽ mình sẽ hướng dẫn các bạn cài đặt Netbeans
IDE.
Yêu cầu hệ thống
Để cài đặt Netbeans IDE hệ thống cần những yêu cầu sau:

i. Os : Windows 7 (32 bit hoặc 64 bit), Ubuntu 10 trở lên, Mac OS
10.7 trở lên
ii. CPU :  Pentium IV trở lên
iii. Ram : Ít nhất 1GB.
iv. Ổ đĩa trống: Ít nhất 1GB .

Phần mềm cần thiết

Để cài đặt Netbeans IDE ta cần chuẩn bị:

i. Java SE Development Kit

(JDK) : http://www.oracle.com/technetwork/java/javase/downloads
/jdk8-downloads-2133151.html
ii. Netbeans IDE :
http://www.oracle.com/technetwork/java/javase/downloads/jdk-
netbeans-jsp-142931.html

Các bước cài đặt

Để cài đặt Netbeans IDE chúng ta cần làm theo các bước như sau:

 Bước 1 : Ta cần cài đặt Java SE Development Kit(JDK) trước mới cài đặt được
Netbeans IDE. Đầu tiên các bạn vào link download JDK ở phía trên để download JDK
về máy. Bạn cần Accept License Agreement trước sau đó chọn bản cài đặt phù hợp
với hệ thống máy của mình.
Bước 2 : Sau đó bạn các bạn vào link download Netbeans IDE ở phía trên để
download Netbeans về máy. Bạn cần Accept License Agreement trước sau đó chọn
bản cài đặt phù hợp với hệ thống máy của mình.
Bước 3 : Sau khi download JDK bạn khởi chạy Java SE Development Kit lên
nhấn Next để tiếp tục.
Bước 4 : Để nguyên mặc định nhấn Next để tiếp tục.

Bước 5 : Quá trình cài đặt hiện ra bạn chờ 1 tí xíu để tiếp tục bước tiếp theo.
Bước 6 : Bạn để nguyên mặc định nhấn Next để tiếp tục.

Bước 7 : Bạn đợi quá trình cài đặt diễn ra.
Bước 8 : Cài đặt xong bạn nhấn Close để hoàn thành bước cài đặt JDK.

Bước 9  : Sau khi download Netbeans IDE Bạn khởi chạy Netbeans IDE để cài đặt
nhấn Customize để vào phần tiếp theo hoặc nhấn Next để tiến tới bước 12.
Bước 10 : Bạn nên chọn hết các phần lựa chọn sau đó nhấn OK để tiếp tục.
Bước 11 : Bạn nhấn Next để tiếp tục.
Bước 12 : Bạn chọn vào I accept the terms in the license agreement như hình sau đó
nhấn Next để tiếp tục.
Bước 13 : Để mặc định nhấn Next để tiếp tục.
Bước 14 : Để mặc định nhấn Next để tiếp tục.
Bước 15 : Để mặc định nhấn Next để tiếp tục.
Bước 16 : Bạn nên chọn Check for Updates để NetBeans luôn được cập nhật phiên
bản mới nhất sau đó nhấn Install để cài đặt.
Bước 17 : Quá trình cài đặt diễn ra bạn vui lòng chờ đợi.
Bước 18 : Nhấn Finish để kết thúc quá trình cài đặt.
Bước 19 : Khi cài đặt xong bạn khởi chạy Netbeans IDE lên nếu giao diện xuất hiện
như hình thì bạn đã thành công.
Lỗi thường gặp:
Trường hợp khi cài xong mà Netbeans không chạy thì lý do là các bạn chưa cấu hình
JDK các bạn có thể khắc phục như sau:

Bước 1 : Bạn Click chuột phải lên Computer(Win 7), This PC(Win 8, 10)
chọn Properties.
Bước 2 : Bạn chọn Advanced system settings.
Bước 3 : Bạn chọn mục Advanced sau đó chọn Environment Variables.
Bước 4 : Bạn chọn New như trong hình.
Bước 5 : Bạn điền thông tin vào

 Variable name: JAVA_HOME 
 Variable value: bạn điền đường dẫn file JDK lúc đầu bạn cài đặt
thông thường sẽ là  C:\Program File\Java\jdkxxx (xxx tương ứng với
phiên bản mà bạn đã cài đặt)
 Sau đó bạn nhấn OK để hoàn thành.
Kết luận
Qua bài hướng dẫn này chúng ta đã nắm được cách cài đặt Netbeans IDE. Một IDE
rất mạnh mẽ và dễ dàng sử dụng trong học Java trên nhà trường.