Cách xây dựng website laravel trên Xampp

Cách xây dựng website laravel trên Xampp

Bài viết chia sẻ các cách xây dựng website laravel trên Xampp. Từ cài đặt các công cụ cần thiết cho đến cấu hình và chạy ứng dụng.Laravel là một trong những framework PHP mạnh mẽ và phổ biến nhất hiện nay, cung cấp nhiều tính năng giúp phát triển ứng dụng web dễ dàng và nhanh chóng. Để bắt đầu xây dựng một website bằng Laravel, XAMPP là một lựa chọn tuyệt vời cho môi trường phát triển cục bộ trên máy tính. XAMPP cung cấp tất cả các thành phần cần thiết, bao gồm Apache (máy chủ web), MySQL (hệ quản trị cơ sở dữ liệu), và PHP (ngôn ngữ lập trình), giúp bạn dễ dàng thiết lập và chạy một dự án Laravel trên máy tính của mình. 

Cách xây dựng website laravel trên Xampp

Cách xây dựng website laravel trên Xampp
Cách xây dựng website laravel trên Xampp

Bước 1: Cài Đặt XAMPP và Composer

Cài đặt XAMPP:

Tải xuống XAMPP từ trang chủ Apache Friends và cài đặt nó.

Khởi động ApacheMySQL từ XAMPP Control Panel.

Cài đặt Composer:

Tải xuống Composer từ trang web Composer.

Cài đặt Composer và đảm bảo rằng nó nhận diện được PHP đã cài đặt trong XAMPP.

Bước 2: Đặt Dự Án Laravel vào Thư Mục htdocs

Di chuyển dự án Laravel

Đặt thư mục dự án Laravel của bạn (ví dụ: my-laravel-app) vào thư mục htdocs của XAMPP. Thư mục htdocs thường nằm ở đường dẫn C:\xampp\htdocs.

Cấu hình file .env của Laravel

Mở file .env trong thư mục gốc của dự án Laravel (my-laravel-app).

Cấu hình các thông số cơ sở dữ liệu để khớp với thiết lập XAMPP của bạn

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=my_database_name
DB_USERNAME=root
DB_PASSWORD=

Lưu ý: Thay my_database_name bằng tên cơ sở dữ liệu mà bạn muốn sử dụng. Bạn có thể tạo cơ sở dữ liệu này trong phpMyAdmin.

Bước 3: Tạo Cơ Sở Dữ Liệu trong phpMyAdmin

Truy cập phpMyAdmin

Mở trình duyệt và truy cập http://localhost/phpmyadmin/.

Tạo cơ sở dữ liệu mới

Nhấp vào “Databases”.

Tạo một cơ sở dữ liệu mới với tên bạn đã đặt trong file .env (my_database_name).

Bước 4: Chạy Lệnh Composer và Migrations

Mở Command Prompt (CMD) hoặc Terminal

Mở Command Prompt (Windows) hoặc Terminal (Mac/Linux).

Di chuyển đến thư mục dự án Laravel

cd C:\xampp\htdocs\my-laravel-app

Cài đặt các phụ thuộc của Composer: Nếu bạn chưa cài đặt các phụ thuộc, hãy chạy lệnh sau

composer install

Chạy migrations để tạo bảng cơ sở dữ liệu

php artisan migrate

Bước 5: Thiết Lập Quyền Truy Cập

Đảm bảo rằng thư mục storagebootstrap/cache có quyền ghi. Điều này rất quan trọng để Laravel có thể lưu trữ tạm thời và ghi log.

Thiết lập quyền ghi (trên Windows)

Bạn có thể nhấp chuột phải vào thư mục storagebootstrap/cache, chọn “Properties” > “Security”, sau đó thiết lập quyền ghi cho người dùng cần thiết.

Bước 6: Chạy Dự Án Laravel Trên XAMPP

Có 3 cách để chạy dự án Laravel trên XAMPP:

Cách 1: Sử dụng lệnh Artisan

php artisan serve

Chạy server tích hợp của Laravel

Từ Command Prompt hoặc Terminal, chạy lệnh

Sau đó, mở trình duyệt và truy cập http://localhost:8000.

Cách 2: Chạy trực tiếp qua XAMPP

Truy cập trực tiếp qua URL:

Mở trình duyệt và truy cập http://localhost/my-laravel-app/public.

Cấu hình lại .htaccess (nếu cần): Nếu bạn muốn truy cập Laravel mà không cần /public trong URL, bạn có thể cấu hình lại .htaccess trong thư mục public của Laravel. Thay thế nội dung trong file .htaccess với đoạn mã sau

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteRule ^(.*)$ public/$1 [L]
</IfModule>

Sau đó, mở httpd.conf trong thư mục XAMPP (C:\xampp\apache\conf\httpd.conf) và bật mod_rewrite bằng cách bỏ dấu # trước dòng sau

LoadModule rewrite_module modules/mod_rewrite.so

Cách 3 :Tạo Virtual Host 

Nếu bạn muốn truy cập ứng dụng Laravel thông qua một domain tùy chỉnh như http://my-laravel-app.local, bạn cần tạo một Virtual Host.

Chỉnh sửa file httpd-vhosts.conf:

Mở file httpd-vhosts.conf trong thư mục C:\xampp\apache\conf\extra\httpd-vhosts.conf.

Thêm đoạn cấu hình sau:

<VirtualHost *:80>
    DocumentRoot "C:/xampp/htdocs/my-laravel-app/public"
    ServerName my-laravel-app.local
    <Directory "C:/xampp/htdocs/my-laravel-app/public">
        Options Indexes FollowSymLinks
        AllowOverride All
        Require all granted
    </Directory>
</VirtualHost>

Chỉnh sửa file hosts

Mở file hosts bằng quyền admin. File này thường nằm ở C:\Windows\System32\drivers\etc\hosts.

127.0.0.1 my-laravel-app.local

Khởi động lại Apache trong XAMPP để các thay đổi có hiệu lực.

Bây giờ, bạn có thể truy cập ứng dụng Laravel tại http://my-laravel-app.local mà không cần /public trong URL.

Bước 7: Kiểm Tra Hoạt Động Của Ứng Dụng

Kiểm tra trang chủ:Mở trình duyệt và truy cập vào http://localhost/my-laravel-app/public hoặc http://localhost:8000 (nếu sử dụng php artisan serve) hoặc  http://my-laravel-app.local  khi sử Virtual Host .Nếu mọi thứ được cấu hình đúng, bạn sẽ thấy trang chủ của ứng dụng Laravel hiển thị.

KẾT LẠI 

Trên đây là các cách xây dựng website laravel trên Xampp, bạn đã thiết lập thành công và chạy một dự án Laravel trên XAMPP. Laravel cung cấp một môi trường phát triển mạnh mẽ, và XAMPP là một công cụ tuyệt vời để bắt đầu phát triển trên môi trường cục bộ.

5/5 - (1 bình chọn)
Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
Click outside to hide the comparison bar
so sánh