laravel react sample app 다운로드 - laravel react sample app 소스 코드 다운로드

laravel react sample app

기타 소스코드

2.0

다운로드

BigCommerce용 Laravel React 앱

이것은 Laravel 및 React를 사용하여 구축된 카탈로그 요약 보기와 취소할 수 있는 주문 목록이라는 두 개의 화면이 있는 기본 BigCommerce 앱입니다.

이는 BigCommerce 제어판 내에서 사용할 수 있는 앱 개념을 적용하는 능력을 빠르게 추적하기 위한 것입니다. 라이브 스토어에서는 이 앱이 로컬에서 실행되는 동안 설치할 수 있습니다.

BigCommerce에서 앱을 만드는 데 필요한 단계와 함께 이 앱을 생성하는 데 수행된 단계에 대한 연습을 여기에서 읽을 수 있습니다.

전제조건 및 설치

시작하기 전에 시스템 요구 사항이 충족되었는지 확인해야 합니다.

PHP (설치 가이드)
작성기(설치 안내서)
라라벨(설치 가이드)

PHP 개발을 쉽게 하고 개발한 앱을 쉽게 공유할 수 있도록 하려면 OS에 따라 Valet 또는 Homestead를 사용하는 것이 좋습니다.

로컬 SSL 인증서(손쉬운 설정을 위해 Valet 또는 Homestead 권장)
- Mac OS: Valet(설치 안내서)
- Windows / Linux: 홈스테드(설치 가이드)

아래 단계 중 일부에서는 Valet을 사용할 예정이지만 사이트를 호스팅하고 공유하는 기능은 Valet과 Homestead 모두에서 유사합니다. 이 튜토리얼에서 더 중요한 것은 React를 사용하고 BigCommerce와 연결하도록 Laravel을 구성하는 방법입니다.

PHP 종속성을 설치하려면:

composer install

그리고 JS 종속성:

npm install

BigCommerce 스토어에서 테스트하려면 bigcommerce.com에서 무료 평가판을 만들거나 기술 파트너로 등록하여 무료 샌드박스 스토어를 요청할 수 있습니다.

Laravel과 React를 함께 실행하기

여기가 향후 개발을 위한 기준선을 만드는 곳입니다. 즉, 브라우저의 특정 URL에 로드되고 기본 Laravel 화면 대신 React 구성 요소를 로드하는 간단한 애플리케이션입니다.

새 Laravel 코드베이스 생성 ~/Sites 디렉터리에 앱의 초기 상용구를 생성하는 Laravel 명령을 사용하거나 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

Breeze 및 Inertia를 사용하여 React를 JS 프레임워크로 설정

Larvel Breeze는 인증 기능을 통해 Laravel 애플리케이션 구축을 위한 최소한의 간단한 시작점을 제공합니다. Blade 및 Tailwind로 구동되지만 Inertia를 사용하여 SPA로 구성할 수 있습니다. 이 예에서는 반응을 통해 프런트엔드를 강화할 것입니다.

먼저 Breeze를 설치해 보겠습니다.