laravel react sample app
2.0
這是一個基本的 BigCommerce 應用程序，有兩個螢幕、一個目錄摘要視圖和可以取消的訂單列表，使用 Laravel 和 React 構建。
它旨在快速追蹤您將應用程式概念轉換為可在 BigCommerce 控制面板中使用的內容的能力。實時商店可以在本地運行時安裝此應用程式。
可以在此處閱讀有關生成此應用程式所採取的步驟以及在 BigCommerce 中創建應用程式所需的步驟的演練。
在開始之前，您需要確保滿足系統要求：
為了簡化 PHP 開發並使您開發的應用程式輕鬆共享，您需要使用 Valet 或 Homestead，具體取決於您的作業系統：
我們將在下面的一些步驟中使用 Valet，但 Valet 和 Homestead 的託管和共享網站的功能是相似的。本教程中更重要的是如何配置 Laravel 以使用 React 並與 BigCommerce 連接。
安裝 PHP 依賴項：
composer install以及 JS 依賴：
npm install要在 BigCommerce 商店上進行測試，您可以在 bigcommerce.com 上建立免費試用版，或透過註冊成為技術合作夥伴來要求免費沙盒商店。
這是我們將為未來開發創建基線的地方：一個簡單的應用程序，在瀏覽器中的特定 URL 加載並加載 React 組件而不是默認的 Laravel 屏幕。
建立新的 Laravel 程式碼庫 您可以使用 Laravel 指令在 ~/Sites 目錄中為應用程式建立初始樣板，也可以使用 Composer：
composer global require laravel/installer
laravel new laravel-react-bigcommerce-app或者
composer create-project laravel/laravel laravel-react-bigcommerce-app存取應用程式位址以確保其在本地運行：
上面的命令完成後，我們需要設定目錄，以便 Valet 可以安全地為應用程式提供服務。
cd laravel-react-bigcommerce-app
valet link
valet secure現在您應該能夠在瀏覽器中訪問以下 URL 並看到預設的 Laravel 歡迎畫面：
https://laravel-react-bigcommerce-app.test
Larvel Breeze 為建立具有身份驗證功能的 Laravel 應用程式提供了一個最小且簡單的起點。它由 Blade 和 Tailwind 提供動力，但可以使用 Inertia 配置為 SPA。在此範例中，我們將使用 React 為我們的前端提供支援。
首先我們來安裝 Breeze：
composer require laravel/breeze --dev然後我們安裝react腳手架：
php artisan breeze:install react注意：最後一個命令執行了npm install因此無需執行此命令。
最後，讓應用程式運行：
npm run dev現在您的控制台中應該可以使用Local url 來存取您的 React 應用程式
http://127.0.0.1:5173/
https://laravel.com/docs/10.x/installation#your-first-laravel-project https://laravel.com/docs/10.x/starter-kits
歡迎請求請求。對於重大更改，請先開啟一個問題來討論您想要更改的內容。
麻省理工學院
