Amplify mock가 매우 편리!

3341 단어 amplifyGraphQL

소개


  • 아래의 기사에 이어 기재한다

  • [Amplify, (ionic) Angular ] 하루에 인증된 채팅 도구 만들기(준비편)
    [Amplify, (ionic) Angular ] 하루에 인증된 채팅 도구 만들기(실장편)

    Amplify mock 정보



    새로운 기능 – Amplify CLI를 사용한 로컬 모의 및 테스트

    실제 백엔드 구성 요소를 사용하는 대신 클라우드 서비스의 경우 API를 사용하는 대신 해당 API의 로컬로 단순화된 에뮬레이션을 대신 사용할 수 있음을 의미합니다.

    장점


  • Amplify는 클라우드 서비스이므로 지금까지 API 측을 수정하면 AWS에 amplify push 에서 배포해야 했기 때문에 시간이 걸렸지만 amplify mock 에서 실행할 수 있기 때문에 API를 수정해도 즉시 반영되기 때문에 확인 시간이 단축되었습니다.
  • GUI에서의 문서, 데이터의 교환의 확인도 가능하므로, 올바른 API의 설계가 되어 있는지 확인할 수 있게 되었다.
  • (AWS에 배포되지 않으므로 비용도 발생하지 않음)

  • 확인


  • 아래를 토대로 말씀드립니다.
    [Amplify, (ionic) Angular ] 하루에 인증된 채팅 도구 만들기(준비편)
    [Amplify, (ionic) Angular ] 하루에 인증된 채팅 도구 만들기(실장편)
  • 프로젝트 아래에서 실행
  • ❯❯❯ amplify mock
    
  • 다음이 출력되는지 확인
  • Running GraphQL codegen
    ✔ Generated GraphQL operations successfully and saved at src/graphql
    ✔ Code generated successfully and saved in file src/app/API.service.ts
    AppSync Mock endpoint is running at http://192.168.0.13:20002
    

    확인



    Amplify mock에서 확인


  • 아래에 액세스
  • http://192.168.0.13:20002

    작성한 UI에서 채팅을 제출하고 GUI에서 내용 확인





    왼쪽에서 listMessages 선택

    로컬로 전송할 수 있는지 확인


    Mock GUI에서 메시지를 만들고 만든 UI에서 확인



    왼쪽에서 CreateMessage를 선택





    GUI에서도 메시지를 보낼 수있었습니다.

    마지막으로


  • 정말 간단한 Mock 정도라면, 프런트 엔드 엔지니어의 힘만으로 개발할 수 있어, 정말 편리한 세상이 되었다고 생각할 뿐입니다.
  • 최근에는 개인 개발에서는 GraphQL에서의 개발이 많아지고 있어, 편리함을 통감하고 있습니다.

  • 참고



    새로운 기능 – Amplify CLI를 사용한 로컬 모의 및 테스트
    GraphQL API 개발 속도를 높이는 AWS Amplify Mocking 시작

    좋은 웹페이지 즐겨찾기