Xin chào các bạn !
Ở series cài đặt và sử dụng WordPress căn bản, mình có hướng dẫn các bạn cách mua 1 tài khoản hosting StableHost để cài đặt Website.Tuy nhiên chúng ta cũng hoàn toàn có thể cài đặt 1 Website trên máy tính mà không hề tốn 1 chi phí nào để mua hosting hay tên miền, đặc biệt là với các bạn hơi eo hẹp về tài chính hoặc xem series của mình chủ yếu để học WordPress. Đó là phần mềm Xampp. Đây là phần mềm mở được phát triển bởi Apache Friends. Xampp được tích hợp sẵn webserver Apache, hệ quản trị cơ sở dữ liệu ( database ) MariaDB, ngôn ngữ Back-end cho Server (server scripts) như PHP hay Perl, công cụ quản trị cơ sở dữ liệu ( administration tool ) PHPMyadmin…Vậy nên chỉ cần cài đặt Xampp là có thể bạn chạy được 1 Webserver ngay trên máy tính với đầy đủ tính năng như 1 gói hosting/VPS trả phí thông thường. Có điều là chỉ có máy tính của chúng ta hoặc các máy tính kết nối mạng nội bộ mới có thể truy cập được Website mà thôi. Đây được gọi là Localhost. Ngoài Xampp thì còn rất nhiều công cụ khác có chức năng nâng cao hơn như Wampp, Laragon hay Vertingo… Tuy vậy, Xampp vẫn là công cụ đầu tiên và phổ biến nhất để cài đặt Localhost trên máy tính.
Giới thiệu vậy là đủ để bạn hiểu được chức năng của Xampp là gì rồi đúng không ? Chúng ta cùng bắt tay vào cài đặt nhé.
Đầu tiên chúng ta truy cập vào trang download của Xampp ở địa chỉ: https://www.apachefriends.org/download.html
Ở đây chúng ta chọn phiên bản Xampp PHP 7.4 nhé, đây là phiên bản được đánh giá khá ổn định với nhiều Plugins và themes.
Sau khi tải xong bạn click vào file để bắt đầu quá trình cài đặt.
Tiếp tục chọn next
Chúng ta tích tất cả các dịch vụ được cài trên Xampp như mặc định nhé.Và sau đó chọn Next.
Tiếp theo chọn thư mục để chứa thư mục cài đặt cho Xampp.Mặc định sẽ là ổ C:\ . Mình khuyến cáo các bạn nên đặt ở ổ D hoặc E (Thông thường không phải là ổ chứa hệ điều hành Windows) để chẳng may có phải cài đặt lại hệ điều hành thì đỡ mất công cài đặt lại Xampp.
Ở đây mình sẽ chọn ngôn ngữ là Tiếng Anh theo mặc định nhé.
Quá trình cài đặt Xampp có thể mất vài phút.Nếu bạn sử dụng các loại ổ cứng SSD thì tốc độ sẽ nhanh hơn đáng kể so với các ổ HDD nhé.Sau đó chúng ta ấn Finish để kết thúc quá trình cài đặt phần mềm.
Mặc định thì Xampp sẽ chạy trên cổng 80 khi ta khởi động dịch vụ webserver Apache.Còn với Mysql thì cổng mặc định sẽ là 3306.Tuy nhiên bạn nên đổi sang một cổng khác để tránh xung đột với các phần mềm cũng sử dụng cổng 80 như Skype…Tiếp theo mình sẽ hướng dẫn các bạn đổi sang 1 cổng mới cho dịch vụ Apache.
Khi khởi động dịch vụ Apache trong Xampp mà ứng dụng bị báo lỗi như hình dưới đây thì chính là do đang có một ứng dụng khác sử dụng cổng 80 hoạt động.Vì vậy để có thể giải quyết được lỗi bên trên thì chúng ta cần phải thay đổi cổng truy cập cho Apache trên Xampp.Đồng thời cũng sẽ làm cho localhost của bạn hoạt động ổn định hơn.
Để thay đổi cổng 80 sang một giá trị khác thì chúng ta nên Stop (tắt) dịch vụ Apache trên Xampp trước tiên đi.Tiếp theo di chuyển qua Config và nhấn vào.Nó bung ra một mảng thẻ cho bạn lựa chọn.Ở đây chúng ta sẽ chọn mục đầu tiên là Apache( httpd.conf ). Đây là file chưa cấu hình của webserver Apache đấy các bạn !
Chúng ta tìm đoạn Listen 80 trong file httpd.conf sau đó thay đổi giá trị 80 thành 1 giá trị khác miễn sao đảm bảo rằng giá trị bạn thay đổi không trùng với bất kỳ Port nào của các phần mềm khác để tránh gây xung đột.Bạn nên đổi hành 8888 hoặc 7878 giống mình.
Tiếp theo chúng ta lưu lại tập tin httpd.conf
Tiếp theo chúng ta khởi động lại dịch vụ Apache. Lúc này bạn sẽ thấy ở mũi tên thứ 3 giá trị 80 đã đổi thành 8888.Vậy là bạn đã đổi thành công sang cổng 8888 rồi đấy.
Tiếp theo chúng ta tìm đến thư mục C:/Xampp/htdocs/ (Đây là thư mục chứ toàn bộ Website trên Localhost của chúng ta).
Ở đây mình sẽ tạo thư mục haduyblog_me. Nơi mình sẽ đặt toàn bộ mã nguồn WordPress của trang tại đây.
Tiếp theo các bạn tải cho mình 1 trình soạn thảo văn bản Sublime text. Đây là công cụ miễn phí, nhẹ , có nhiều tính năng sẽ giúp bạn rất nhiều trong quá trình cài đặt và triển khai Website của mình.
Sau khi mở trình soạn thảo Sublimtext, bạn vào file > open Folder.. tiếp theo chọn thư mục đã đã tạo tại htdocs.Ở đây mình sẽ mở đường dẫn có địa chỉ là C:/xampp/htdocs/haduyblog_me.
Ở đây chúng ta đã thêm được thư mục haduyblog_me vào trình soạn thảo Sublime text rồi.
Tiếp theo chúng ta click chuột phải sau đó chọn New File để tạo 1 file mới tại thư mục haduyblog_me nha.
Tiếp theo bạn sẽ chọn Save > tạo file là index.html để trình soạn thảo có thể giúp nhắc lệnh mình tốt hơn.
Ở đây mình sẽ ghi nội dung trong file index.html như hình dưới đây.Sau đó Save (Lưu lại).
Tiếp theo bạn sẽ truy cập vào địa chỉ localhost:8888/thu_muc_tao =>>> localhost:8888/haduyblog_me để xem nha.Kết quả như ở hình dưới là bạn đã test thành công file index.html trong thư mục chứa website của chúng ta rồi đấy.
Với các bạn không đổi cổng sang 8888 thì chỉ cần truy cập vào địa chỉ localhost/haduyblog_me để truy cập vào file index.html.
Mình xin nói thêm là với webserver như Apache hay Nginx thì tập tin index.html/ index.php là tập tin được đọc mặc định khi bạn truy cập vào folder chưa file đó.
Như vậy là chúng ta đã hoàn thành việc cài đặt 1 localhost là Xampp lên máy của chúng ta.Xampp sẽ giúp các bạn cài đặt và chạy 1 Website như 1 gói hosting/VPS thông thường.Trong bài tiếp theo mình sẽ hướng dẫn các bạn cách nhúng mã nguồn WordPress và Xampp nha.