web payments quickstart

웹 결제 빠른 시작

Square의 웹 결제 SDK 사용을 위한 빠른 시작

• 웹 결제 SDK 개요.
• API 문서.

시작하기

이 저장소를 복제하여 시작하세요.

git clone https://github.com/square/web-payments-quickstart
cd web-payments-quickstart

npm 포함하는 Node.js를 설치합니다. nvm 사용하여 노드 버전을 관리하는 경우 이 리포지토리에는 .nvmrc 파일이 포함되어 있습니다.

그런 다음 종속성을 설치하려면 다음을 실행하십시오.

npm install

개발 서버를 실행합니다.

npm run dev

마지막으로 http://localhost:3000을 엽니다.

신임장

결제를 받기 전에 개발자 대시보드에서 찾을 수 있는 개발자 자격 증명을 구성해야 합니다.

.env.example .env.sandbox 로 복사

cp .env.example .env.sandbox

개발자 대시보드에서 샌드박스 액세스 토큰으로 SQUARE_ACCESS_TOKEN 정의하세요.

 SQUARE_ACCESS_TOKEN =eX@mpl3_t0k3n

이 새 값을 사용하려면 서버를 다시 시작하세요.

기억하세요: git에 액세스 토큰을 추가하지 마세요!

개발

설정

이 프로젝트에 기여할 때 .nvmrc 에 정의된 Node 버전을 사용하는 것이 좋습니다. nvm을 사용하여 올바른 버전을 설치할 수 있습니다.

nvm install $( cat .nvmrc )

위의 "시작하기" 지침에 따라 종속성을 설치하고 로컬 서버가 제대로 시작되는지 확인하세요.

테스트

npm test 사용하면 CI와 같은 모든 린터, 테스트 및 빌드를 실행할 수 있습니다.

린팅

npm run lint 사용하여 모든 린터를 실행할 수 있습니다.

ESLint

ESLint는 코드를 분석하여 문제를 찾아 수정합니다. 우리는 기본 구성을 위해 eslint-plugin-square를 사용합니다.

npm run lint:eslint

경고 및 오류 자동 수정

ESLint는 --fix 옵션을 사용하여 자동으로 경고 및 오류를 수정할 수 있습니다.

npm run lint:eslint --fix

더 예뻐요

Prettier는 독선적인 코드 포맷터입니다. 이러한 의견에는 @square/prettier-config를 사용합니다.

npm run lint:prettier

코드 스타일 문제 해결

npm run lint:prettier 실행한 후 "위 파일에서 코드 스타일 문제가 발견되었습니다. Prettier를 실행하는 것을 잊으셨나요?"와 같은 경고가 표시되면 Prettier에서 문제를 해결하도록 할 수 있습니다.

npm run lint:prettier:fix

지속적인 통합

GitHub Actions는 CI/CD 워크플로에 사용됩니다. 자세한 내용은 .github/workflows 참조하세요.

특허

Copyright 2021 (주)스퀘어

Apache 라이센스 버전 2.0("라이센스")에 따라 라이센스가 부여되었습니다. 라이센스를 준수하는 경우를 제외하고는 이 파일을 사용할 수 없습니다. 다음에서 라이센스 사본을 얻을 수 있습니다.

http://www.apache.org/licenses/LICENSE-2.0

해당 법률에서 요구하거나 서면으로 동의하지 않는 한, 라이선스에 따라 배포되는 소프트웨어는 명시적이든 묵시적이든 어떠한 종류의 보증이나 조건 없이 "있는 그대로" 배포됩니다. 라이선스에 따른 허가 및 제한 사항을 관리하는 특정 언어는 라이선스를 참조하세요.