WebAppTemplate FARM

전체 스택 웹 앱 템플릿 - FARM 스택

이 저장소에는 FARM 솔루션 스택에서 실행되는 전체 스택 웹 애플리케이션 템플릿이 포함되어 있습니다.

• 백엔드 Python 웹 프레임워크인 F lask.
• 소프트웨어를 호스팅할 수 있는 클라우드 서비스 인 mazon 웹 서비스입니다.
• 프론트엔드 JavaScript 웹 프레임워크인 React .
• 관계형 데이터베이스 관리 시스템인 M ySQL.

팜이란 무엇인가요?

FARM 스택은 다음과 같은 주목할 만한 변경 사항이 포함된 LAMP 스택의 확장입니다.

• 미들웨어 프레임워크는 명시적입니다(Flask).
• MEAN 스택과 마찬가지로 애플리케이션 프리젠테이션 계층(React)을 포함합니다.
• 소프트웨어가 실행되는 환경은 대신 PaaS/IaaS 클라우드 컴퓨팅 서비스(AWS)로 대체됩니다.
• 어떤 운영 체제를 사용할지에 대한 의견이 없습니다.

플라스크

Flask는 웹 UI와 웹 백엔드/데이터베이스 간에 통신할 수 있는 웹 API/미들웨어를 작성하는 데 사용됩니다. 이는 전체 스택 애플리케이션의 조각들을 하나로 묶는 전체 애플리케이션의 핵심입니다.

이 특정 템플릿은 ORM을 사용하지 않고 대신 pymysql 모듈을 사용합니다. 이는 개발자가 SQL 쿼리를 작성해야 하지만 데이터베이스에서 실행하는 데 필요한 쿼리의 복잡성을 극대화할 수 있음을 의미합니다.

아마존 웹 서비스

AWS는 애플리케이션을 호스팅할 수 있는 클라우드 서비스입니다. 우리는 다음 서비스에서 전체 소프트웨어 스택을 호스팅할 수 있습니다.

• 서버리스 인프라에서 애플리케이션을 호스팅하기 위한 AWS Lambda . 또한 Zappa를 통해 Flask API를 호스팅하도록 선택하여 프로덕션 배포를 매우 쉽게 만들 수 있습니다.
• 데이터베이스 호스팅을 위한 AWS RDS .
• 이미지 및 파일과 같은 모든 종류의 기타 객체를 저장하는 AWS S3 .

이는 개발자가 모든 것을 하나의 플랫폼에 유지하고 DevOps/IT 작업을 최소화할 수 있음을 의미합니다.

반응하다

React는 웹 UI가 실행되는 프레임워크입니다. React 애플리케이션은 NodeJS를 사용하여 AWS Lambda에서 실행될 수도 있습니다.

이 템플릿은 JavaScript/JSX를 사용하지만 TypeScript도 사용할 수 있습니다.

MySQL

MySQL은 웹 백엔드가 사용하는 관계형 데이터베이스입니다. RDS 서비스를 통해 AWS에서 호스팅할 수도 있습니다.

로컬로 실행하는 방법

이 웹 애플리케이션을 실행하려면 다음을 수행해야 합니다.

1. db/ 의 스키마를 사용하여 로컬 MySQL 인스턴스 설정
2. API 및 UI용 모듈 설치
3. API 및 UI를 로컬에서 실행

데이터베이스 설정

MySQL 인스턴스를 설정하려면 다음 단계를 따르세요.

1. MySQL 데이터베이스 인스턴스를 생성하고 연결합니다. 이를 수행하는 가장 일반적인 방법은 Linux 명령줄 인터페이스에서 MySQL Workbench 또는 mysql 사용하는 것입니다.
2. 인스턴스 내에서 sample.sql 실행합니다. SampleInventory 라는 스키마를 생성한 다음 Inventory 라는 테이블을 초기화합니다.

API 설정

Flask API의 코드베이스는 api/ 디렉터리에서 찾을 수 있습니다.

최초 설정(macOS)

1. 해당 디렉터리로 이동한 후 virtualenv farm-stack 사용하여 Python 가상 환경을 생성합니다.
2. source farm-stack/bin/activate 로 활성화하세요.
3. api/ 로 이동하고 pip3 install -r requirements.txt 실행하여 API에 필요한 모든 Python 모듈을 설치합니다.
4. api/ 디렉터리에서 dbcreds.py 열고 필요에 따라 데이터베이스 자격 증명을 편집합니다.

API 실행

1. 위에서 가상 환경을 활성화합니다.
2. python3 app.py 실행하여 http://localhost:8080 에서 API를 실행합니다.

UI 설정

React UI의 코드베이스는 ui/ 디렉터리에서 찾을 수 있습니다. 이 템플릿은 yarn 패키지 관리자로 사용합니다. 개발자가 새 모듈을 추가할 때 npm 과 같은 다른 패키지 관리자를 혼합하지 않는 것이 중요합니다.

이 템플릿에는 react-bootstrap 과 같은 패키지가 없습니다.

최초 설정(macOS)

1. yarn install 실행하여 필요한 모든 종속성을 설치합니다.

UI 실행

1. 개발 모드에서 실행하려면 yarn start 실행하세요.
2. 브라우저에서 http://localhost:3000 으로 이동합니다.