Bài thực hành joomla 2.0: Hướng dẫn tự làm server ảo trên máy tính bằng phần mềm XAMPP để cài website Joomla, Wordpress

  • XiroWeb
  • 21 Tháng 5 2020

Trong quá trình hình thiết kế, học tập làm web, nếu kết nối với server/hosting bạn sẽ tốn một số tiền và cũng khá phức tạp khi phải úp code lên xuống để kiểm tra. Vì vậy, để thuận tiện người ta thường xây dựng server/hosting ảo trên máy tính, nhờ vậy việc thiết kế web trở nên thuận lợi hơn nhiều. 

 Server ảo có đầy đủ tính năng cần thiết của một server thực, điểm khác biệt ở đây là server ảo trên máy tính thì chỉ có mình máy tính của bạn truy cập được vào server này. Khi đã cài  server ảo thì không cần phải có đường truyền internet, không cần phải thiết lập những kết nối phức tạp, mọi thứ bạn thao tác ngay trên máy tính của bạn; do đó việc thiết kế web, làm web, code web, kiểm tra web trên server ảo rất nhanh chóng và thuận tiện.

Trong môi trường làm việc thực tế, người ta vẫn thiết kế web trên server ảo trước, Khi mọi thứ hoàn thiện, người ta sẽ chuyển toàn bộ lên server thật để public web, cho mọi người truy cập xem web. 

 Sử dụng phần mềm XAMPP để làm server ảo trên máy tính

Có nhiều phần mềm khác nhau hỗ trợ cho việc xây dựng server ảo, trong số đó xin giới thiệu phần mềm XAMPP, vì XAMPP xây dựng các thông số cấu hình server khá gần với cấu hình của server thực tế. Như vậy khi bạn đưa mọi thứ liên server thật, mọi thứ sẽ trơn tru thuận lợi hơn nhiều.

Download XAMPP:

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

Chọn version nào

Hiện tại các server/hosting thực tế bán trên thị trường năm 2020 thường sử dụng phiên bản php 7.2. Vì vậy bạn nên chọn phiên bản XAMPP có php 7.2

Chọn phiên bản xampp

Cài đặt XAMPP

Cứ bấm next theo mặc định để cài

 

Khởi động server ảo

Vào folder cài đặt XAMPP thường là từ ổ C:/xampp,  tìm đến và chọn xampp-control.exe

Mở xampp

 

Khởi động xampp

 Truy cập dịch vụ web vào server ảo 

Bạn dùng trình duyệt (chrome, firefox...) và nhập một trong hai: Truy cập IP http://127.0.0.1/,  hoặc đơn giản gõ http://localhost/, Nếu thấy Trang nội dung tương tự hình bên dưới, là bạn đã kết nối thành công tới server ảo. 

 

Đặt code (joomla, wordpress...) website ở đâu 

Toàn bộ được đặt trong folder htdocs. Với kinh nghiệm làm web thời gian qua mình khuyên các bạn nên tạo các folder riêng cho từng dự án web. 

Ví dụ, khi bạn tạo một folder lamweb trong thư mục htdocs

Và từ trình duyệt bạn sẽ truy cập vào đây như sau,  http://127.0.0.1/lamweb

 

Hiểu về cách server lấy file và hiển thị cho trình duyệt 

Khi bạn truy cập các /folder/ từ trình duyệt, hệ thống sẽ lấy file mặc định là index.html, index.htm, rồi tới index.php trong thư mục để hiển thị cho bạn. 

Nếu không có các file này, server thật sẽ báo lỗi, còn server ảo để thuận tiện sẽ không báo lỗi mà hiển thị các file có trong folder truy cập. Vì vậy nếu muốn hiển thị thứ gì đó cho trình duyệt bạn cần phải tạo các file này (index.html, index.htm, index.php). Tương tự các mã nguồn website lớn với hàng ngàn file khác nhau cũng có khởi điểm từ file index.php.

 

Thực hành, 

Tạo folder xiroweb  trong thư mục htdocs

Từ trình duyệt Chrome,  truy cập bằng địa chỉ sau http://127.0.0.1/xiroweb

 Bạn sẽ thấy một trang trắng.

 Bây giờ bạn sẽ tạo một file đặt là là index.html,  copy đoạn code sau đây đưa vào trong file index.html và lưu lại. Bây giờ hãy tìm refresh trình duyệt (chrome) sẽ thấy trang web đơn giản.

<!DOCTYPE html>
<html>
<body>

<h1 style="font-size: 50px; color: #2196f3; padding-left: 10px; font-weight: bold;" >Xiroweb.com</h1>

<p>Học làm web.</p>

</body>
</html>

 

 

 

Tác giả bài viết:

Nguyễn Tiến Dũng 

 Xiroweb