Làm thế nào để thiết lập localhost (NGINX + PHP-FPM, MySQL).

Chào tất cả các bạn!

Chắc hẳn đối với các lập trình viên ko còn lạ lùng gì với ứng dụng XAMPP, một phần mềm giả lập webserver mà chúng ta hay gọi là localhost để chạy những site trên máy tính cá nhân khi các bạn chưa có hosting, vps hay bạn cần tăng trưởng trang web. biện pháp sử dụng XAMPP để setting Localhost là rất hợp pháp miễn phí, dễ quản lí,… Trong bộ XAMPP này có chứa Apache webserver để làm webserver ảo, PHP để xử lí code PHP, MySQL là hệ quản trị cơ sở dữ liệu. Bên cạnh đó hiện giờ có một webserver mới tên là NGINX cho hiệu suất cao hơn Apache và tiêu thụ ít bộ nhớ hơn Apache rất nhiều. Do đó, nếu bạn đang có định thiết lập localhost trên máy tính để chạy web thì hãy khoan thiết lập XAMPP mà hãy setup một phần mềm khác tên là Bitnami NGINX Stack. Bộ ứng dụng này cũng gần giống như XAMPP, tức là cũng sử dụng để tạo webserver ảo trên máy tính nhưng sử dụng NGINX thay cho Apache đã lỗi thời và như mình nói ở trên là nó sẽ cho hiệu suất cao hơn và mình khuyến khích các bạn nên dùng nó sau này khi website chính thức hoạt động do đó thiết lập localhost sử dụng NGINX webserver là rất hợp pháp sau này bạn sẽ ko phải cấu hình lại server. Trong bài viết này mình sẽ hướng dẫn cả nhà setting localhost trên máy tính cá nhân sử dụng Bitnami NGINX Stack thay cho XAMPP.

Cài đặt Bitnami NGINX Stack

Đầu tiên bạn cầ tải phần mềm Bitnami NGINX Stack về máy, link download tại https://www.magebay.com/magento-multi-vendor-marketplace-extension . Đây là version Bitnami NGINX 1.9.7. Sau khi tải về bạn kích lưu ban chuột vào tập tin bitnami-nginxstack-1.9.7-0-windows-installer.exe để phát động bộ thiết lập

Lưu ý: Trước khi setting Bitnami NGINX Stack, nếu bạn có cài đặt XAMPP trên máy tính thì tạm thời tắt hoàn toàn nó đi bởi vì nếu để chạy thì sẽ bị xung bỗng Port khi cài đặt NGINX, PHP, MySQL.

Giao diện setup phần mềm Bitnami NGINX Stack hiện ra, click Next để tiếp tục

Cài đặt localhost

Giao diện thiết lập ứng dụng Bitnami NGINX Stack

Bạn chọn thư mục muốn setup Bitnami NGINX Stack, cứ để mặc định xong click Next

tạo host trên máy tính

Tiếp tục bạn cần đặt mật khẩu cho account root MySQL, tài khoản này để sau đăng nhập vào phpMyAdmin, xong click Next

Cài đặt localhost trên máy tính windows

Đặt mật khẩu cho user root MySQL

Tiếp tục, phần mềm sẽ hỏi bạn setting port cho MySQl, hoàn hảo nhất nên để mặc định là 3306 ko sau này lại bị lỗi nếu bạn ko muốn phải cấu hình lại. Nếu gặp lỗi khi đặt port 3306, có thể ứng dụng nào đó đang sử dụng port này, như mình đã nói ở trên nếu bạn có setting XAMPP trên máy tính thì tắt hoàn toàn nó đi bởi vì sẽ bị xung bỗng nhiên port, xong click Next để tiếp tục.

cai-dat-localhost-nginx-thiet-lap-port-mysql

Tiếp thiết lập port cho NGINX, nên để mặc định là 80 và nếu có cài đặt XAMPP thì tắt đi nhé, xong click Next

cai-dat-localhost-nginx-port

cài đặt Port cho NGINX khi dùng SSL, để mặc định 443, nhớ tắt XAMPP nếu có cài, ko nhắc lại nữa nhé 😀

cai-dat-localhost-nginx-port-ssl

sau cuối setting Port cho PHP, nên để mặc định port 9000, click Next

cai-dat-localhost-nginx-php-fpm-port

Xong phần setup, click Next 2 lần để bắt đầu thiết lập phần mềm, chờ một lúc khi ứng dụng setup xong bạn vào Start của Windows tìm ứng dụng Bitnami NGINX Stack Manager và phát động nó lên.

Giao diện Bitnami NGINX Stack sau khi khởi động

tạo host trên máy tính

Di chuyển qua tab Manage Servers và nhân nút Start All để khởi động bộ ba NGINX, PHP-CGI, MySQL lên sao cho nó xanh như hình bên dưới là được.

tao-host-tren-may-tinh

OK rồi đó, bạn đã cài đặt localhost thắng lợi dùng Bitnami NGINX Stack. Mình bảo đảm với bạn là nó sẽ nhanh hơn và dễ dàng sử dụng hơn so với khi bạn cài đặt XAMPP. Quay trở lại tab Welcome bạn nhìn xuống góc phải bên dưới có 3 mục cần lưu ý là:

  • Go to Application: Mở trình duyệt webtruy nhập địa chỉ localhost
  • Open phpmyAdmin: truy nhập phpMyAdmin để quản lý MySQL
  • Open Application Forder: Mở thư mục setup của Bitnami NGINX Stack mà bạn đã thiết lập khi thiết lập, nếu bạn ko nhớ thì có thể mở qua mục này.

Bây giở mở trình duyệt web và gõ localhost, bạn sẽ nhìn thấy giao diện giới thiệu Bitnami NGINX Stack.

Tiếp tục, mình sẽ hướng dẫn cả nhà config một trang web PHP, MySQL chạy trên NGINX. Bạn có thể chạy WordPress, Magento hoặc code của riêng bạn

setup domain ảo – Sửa file host

Nếu dùng domain mặc định là localhost thì có vẻ ko chuyên nghiệp chút nào do đó bạn nên thiết lập một domain ảo kiểu như tên-của-bạn.com, ở đây mình setup domain stevedien.com bằng cách thức sửa file host trong Windows

Bạn truy nhập vào đường dẫn sau: C:\Windows\System32\drivers\etc. Copy file host ra ngoài deskop, tốt nhất Cut luô, sau đó ra ngoài deskop mở file host mà bạn vừa Copy(Cut) xong, mở bằng Notepad mặc định của Windows hoặc bất kì Editor nào, ở đây mình dùng SublimeText. Sở dĩ mình bảo bạn Copy(Cut) file host này ra ngoài nếu bạn để trong đó mà sửa trực tiếp thì sẽ không lưu được Windows đang sử dụng file này.

Sau khi mở file host lên, bạn thêm đoạn mã sau vào cuối file:

127.0.0.1 stevedien.com

Thay stevedien.com thành domain bạn mến mộ, thêm như thế này

sửa file host tạo domain ảo

Tạo domain ảo bằng cách sửa file host

Sửa xong bạn lưu lại và copy file host này vào lại chỗ cũ của nó tại đường dẫn C:\Windows\System32\drivers\etc

Như Thế là bạn đã setting xong domain ảo bằng cách sửa file host trên Windows, đây là một tính năng hay của Windows, bạn có thể áp dụng nó vào nhiều việc khác như Crak các ứng dụng IDM, Chuyển hosting, vps hối hảko cần chờ DNS Propagate.

thiết lập NGINX – config VirtualHost

Bạn đã setup domain ảo rồi do đó giờ muốn dùng nó thay cho localhost mặc định, bạn cần config NGINX

Bạn mở folder setup Bitnami NGINX Stack mà bạn chọn lúc setup ứng dụng, nếu ko nhớ thì mở Bitnami NGINX Stack Manager lên và chọn Open Application Forder như mình đã nói ở trên.

Giao diện folder setup Bitnami NGINX Stack:

thiết lập localhost nginx

Bạn để ý sẽ thấy có forder nginx, mở nó ra, xong mở tiếp forder conf:

Tại đây, bạn tạo một file mới tên là abcxyz.conf (Thay abcxyz thành tên bạn muốn, nên đặt giống với cái domain ảo của bạn cho dễ dàng phân biệt), ở đây mình đặt là stevedien.conf. Nếu bạn không biết cách thức tạo file .conf thì có thể copy một fil .conf trong thư mục đó đổi tên thành stevedien.conf Sau khi tạo filestevedien.conf bạn mở nó lên và copy đoạn code sau bỏ vào, nhớ xoá hết đoạn code trong đó đi (nếu có), xong thay domain stevedien.com trong đoạn code sau bằng domain ảo của bạn

 

Tiếp bạn cần để ý tới dòng root C:\Users\lulzs_000\PhpstormProjects\DigitalOcean; trong đoạn code trên, dòng này có nghĩa chỉ định cho NGINX thư mục lưu code của domain stevedien.con, chính là cái code php của bạn đó hoặc code WordPress, Magento nếu bạn dùng OpenSource. Ở đây mình lưu code ở thư mục: C:\Users\lulzs_000\PhpstormProjects\DigitalOcean;

Bạn lưu ở đâu đều được miễn thay đúng đường dẫn vào đoạn code trên

Giờ quay trợ lại folder …/nginx/conf, bạn tìm đến file nginx.conf mở nó lên tìm đến dòng sau ở cuối file

1
include "C:/Bitnami/nginxstack-1.9.7-0/nginx/conf/bitnami/bitnami.conf";

Copy dòng đó xuống thêm 1 dòng rồi sửa chữ bitnami.conf thành tên file .conf mà bạn vừa tạo ở trên, mình đặt là stevedien.conf nên mình sửa thế này

1
include "C:/Bitnami/nginxstack-1.9.7-0/nginx/conf/bitnami/stevedien.conf";

Nói gì thì nói cứ phải có cái hình cho dễ hình dung:

Thêm domain cho nginx

Lưu file đó lại, xong rồi đó.

Giờ bạn quay lại giao diện phần mềm Bitnami NGINX Stack Manager, Chuyển qua tab Manage Servers, nhấn Restart All để áp dụng những đổi thay.

Test trang web

Bạn mở forder chứa code mà bạn đã setup bền trên, mình cài đặtC:\Users\lulzs_000\PhpstormProjects\DigitalOcean; tạo một file là index.php, mở lên và thêm đoạn code sau vào:

1
2
3
 
phpinfo();
?>

lưu lại và mở trình duyệt web lên gõ stevedien.com (gõ domain ảo mà bạn đã tạo lúc đầu), bạn sẽ thấy giao diện thông báo về PHP. Như vậy à thắng lợi rồi đó, giờ bạn muốn chạy gì thì cứ bỏ code vào thư mục này và bạn cũng có thể tạo nhiều doman ảo nếu làm nhiều project không giống nhau.

Nếu chạy web PHP – MySQL thì bạn mở trình duyệt web gõ 127.0.0.1/phpmyadmin để tạo database. Bài dài rồi nên mình không chỉ dẫn ở đây nữa, bạn search google nêu cần.

Kết luận

Như Vậy là qua bài này, mình đã hướng dẫn cả nhà các thiết lập localhost trên máy tính để tạo webserver ảo chạy web. Hi vọngcác bạn nắm vững tốt các tri thức trong bài viết này, ko hiểu chỗ nào comment bên dưới cho mình biết nhé.

Chúc cả nhà thành công!

(Lượt xem: 19, Lượt xem trong ngày: 1)

Trả lời bài viết

Bài trước:

Bài sau:

Condotel Vinpearl