Mini Woo는 웹에서 가장 인기있는 전자 상거래 플랫폼 인 WooCommerce 웹 사이트에 연결되는 5 억 명이 넘는 사용자가있는 메시징 앱인 Telegram 용 Mini 앱을 만들 수있는 프로젝트입니다.

빠르고 확장 가능한 웹 애플리케이션을 구축하기위한 React 프레임 워크 인 Next.js와 Telegram Bot API 및 WooCommerce REST API를 사용하여 Telegram의 고객에게 완벽한 쇼핑 경험을 제공합니다.
이 프로젝트를 템플릿으로 사용하여 자신의 브랜딩, 제품 및 기능으로 미니 앱을 사용자 정의하거나 API를 수정하여 RESTFul 웹 서비스를 지원하는 다른 온라인 상점을 연결할 수 있습니다. 이 프로젝트는 오픈 소스이며 무료로 사용할 수 있습니다. GitHub에서 소스 코드, 문서 및 설치 지침을 찾을 수 있습니다.
이 프로젝트를 사용하려면 다음 환경 변수를 설정해야합니다.
NEXT_PUBLIC_BASE_PATH 배포의 기본 URL입니다. 예를 들어, Vercel에 배포하는 경우 https://mini-woo-<your-username>.vercel.app 와 같은 것일 수 있습니다.
TELEGRAM_BOT_TOKEN Telegram Bot을 만들 때 @Botfather로부터 얻는 액세스 토큰입니다.
TELEGRAM_BOT_SECRET API를 보호하기 위해 설정 한 비밀번호입니다. my-pass 또는 무작위로 생성 된 해시와 같은 모든 문자열 일 수 있습니다. 비밀을 유지하십시오.
TELEGRAM_PAYMENT_PROVIDER_TOKEN 이것은 Telegram 지불 제공 업체 토큰입니다. Botfather에서 결제 방법을 연결할 수 있습니다. 지불 제공 업체, 지원 통화
WOOCOMMERCE_URL 이것은 Woocommerce 웹 사이트의 URL입니다. 예를 들어, https://<your-super-cool-store>.com .
WOOCOMMERCE_CONSUMER_KEY WOOCOMMERCE_CONSUMER_SECRET woocommerce 설정에서 얻는 인증 키와 비밀입니다. 이 명령어를 따라 생성 할 수 있습니다.
선택한 플랫폼 또는 서버에 앱을 배포해야합니다.
Next.js 앱을 배포하는 가장 쉬운 방법은 Next.js의 제작자의 Vercel 플랫폼을 사용하는 것입니다. 이 저장소를 먼저 포크해야합니다.
자세한 내용은 Next.js 배포 문서를 확인하십시오.
자신의 서버에 앱을 배포하려면 프로젝트의 루트에서 example.env .env 로 복사하고 변수를 채워야합니다. 그런 다음 다음 명령을 실행해야합니다.
npm run build
npm run start 이것은 .env 의 PORT 변수로 지정된 포트에서 앱을 구축하고 시작합니다.
환경 변수를 설정 한 다음 실행합니다.
npm run devhttps://ngrok.com/을 사용할 수 있습니다.
이것이 마지막 단계입니다! Telegram 봇을 위해 Webhook를 설정하여 Telegram에서 업데이트를받을 수 있습니다. 이렇게하려면 다음 URL에 대한 게시물 요청 만하면됩니다.
curl -X POST https:// < your-deployment-url > /api/telegram-hook/init ? secret_hash= < the-secret-password-from-env-var > 배포의 기본 URL 및 <your-deployment-url> 로 <your your your your your your your your your your your hecret- <the-secret-password-from-env-var> >를 환경 변수 또는 .env 에서 TELEGRAM_BOT_SECRET 값으로 바꾸십시오.
이제 미니 앱이 준비되었습니다! Telegram Bot에 명령이나 메시지를 보내서 테스트 할 수 있습니다. 즐기다! ?
자세한 내용은 다음 리소스를 살펴보십시오.
귀하의 의견과 기여를 환영합니다!