Redwood.js 및 동물 군을 사용하여 이더 리움 앱 구축

이 튜토리얼은 Emanator Monorepo에서 포킹하는 Redwood.js 및 Faunadb를 사용하여 Ethereum 응용 프로그램을 구축하는 것을 보여줍니다. 원래 Heroku 데이터베이스를 FAUNADB로 대체하여 FAUNA의 산 보증과 GraphQL과의 통합 용이성을 강조하는 데 중점을 둡니다.

이 튜토리얼은 Ethereum, Redwood.js 또는 Faunadb에 대한 친숙 함을 가정합니다. 이더 리움에 대한 새로운 이민자들은 리소스를 위해 개조 된 이더 리움 개발자 페이지로 향합니다. 이 프로젝트는 NFT 마이닝 및 경매의 맥락에서 실시간 금융 응용 프로그램에 대한 유체를 활용합니다.

주요 단계 :

1. 설정 : redwood-eth-with-fauna 리포지토리를 복제하고, 의존성 ( yarn )을 설치하고 환경 변수 (Infura Project ID 및 Fauna Secret API 키 포함)를 구성하십시오. 중요한 단계는 api/prisma/schema.prisma 의 Auction 모델에 contentHash 필드를 추가하고 데이터베이스 마이그레이션 실행 ( yarn rw db save redwood-eth-with-fauna && yarn rw db up )과 관련이 있습니다.

2. 동물 군 추가 : faunadb 및 graphql-request 설치하십시오 ( yarn workspace api add faunadb graphql-request ). Prismaclient는 api/src/lib/db.js 의 FAUNADB 클라이언트 인스턴스 및 api/src/functions/graphql.js 로 대체됩니다. 동물 군 클라이언트를 관리하기 위해 새 파일 인 api/src/lib/fauna-client.js 작성되었습니다.

3. GraphQL Schema Integration : 새 파일, api/src/graphql/fauna-schema-to-import.gql 은 세 가지 개별 스키마를 함께 스티칭하도록 만들어졌습니다. 그런 다음이 스키마는 동물 군 데이터베이스로 가져옵니다. 그 후, 세 가지 별도의 스키마 파일 ( auctions.sdl.js , bids.sdl.js 및 web3.sdl.js )이 동물 군주 스키마를 반영하도록 업데이트됩니다. 참고 : FAUNA의 GraphQL API가 사용자 정의 스칼라를 지원하지 않기 때문에, 특히 api/src/services/auctions/auctions.js 에서는 일부 수정 pastAuctions 필요합니다. 이 자습서는 이러한 변경 사항에 대한 차이를 제공하여 데이터베이스 상호 작용에 FQL (Fauna Query Language)의 사용을 강조합니다.

4. 서비스 업데이트 : 자습서는 auctions.js , bids.js 및 web3.js 서비스 파일에 대한 상당한 수정을 자세히 설명하며 Prisma 호출을 FAUNADB FQL 쿼리로 대체합니다. 이러한 변경 사항은 DIFF를 통해 자세히 설명되어 있으며 동물 군 기능 쿼리 접근 방식으로의 전환을 강조합니다. web/src/components/AuctionCell/AuctionCell.js 의 최종 조정은 렌더링 문제를 해결합니다.

결론:

이러한 단계를 완료하고 yarn rw dev 실행 한 후, 응용 프로그램은 FAUNADB와 함께 백엔드로 작동해야합니다. 이 자습서는 나머지 두 가지 문제를 확인합니다 : NFT 생성 후 페이지 새로 고침이 필요한 오류 메시지 및 NFT 세부 정보 페이지의 렌더링 문제. 저자는 이러한 문제를 해결하기 위해 커뮤니티 기여를 장려합니다. 전체 프로젝트는 Github에서 사용할 수 있습니다.

위 내용은 Redwood.js 및 동물 군을 사용하여 이더 리움 앱 구축의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!