https://github.com/53ningen/cdk-appsync

TypeScript + AWS CDK で AppSync を理解するためのシンプルな学習用サンプルコード
https://github.com/53ningen/cdk-appsync

Last synced: 7 days ago
JSON representation

TypeScript + AWS CDK で AppSync を理解するためのシンプルな学習用サンプルコード

• Host: GitHub
• URL: https://github.com/53ningen/cdk-appsync
• Owner: 53ningen
• Created: 2021-09-04T16:23:52.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-09-04T16:40:54.000Z (over 3 years ago)
• Last Synced: 2024-11-14T03:49:26.318Z (2 months ago)
• Language: TypeScript
• Size: 275 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TypeScript + CDK で理解する AppSync

* TypeScript + AWS CDK で AppSync を理解するためのシンプルな学習用サンプルコード

* 次の内容が含まれます

  * AppSync GraphQL API + Resolver + None Type Data Source の CDK での定義

  * 作成した GraphQL API を curl で呼び出す

  * 作成した GraphQL API を Node.js から呼び出す

  * 作成した GraphQL API を React アプリケーションから呼び出す

* 解説記事はこちら: [TypeScript + CDK で理解する AppSync: はじめの一歩](https://zenn.dev/gomi_ningen/articles/df9a4a6ea28ab1)

## 使い方

AppSync および関連リソースのデプロイは次のようなコマンドにて実行します

```bash

$ cd ./backend

$ yarn install

$ cdk deploy --outputs-file ../outputs.json

```

デプロイ成功後 GraphQL API の URL や API キーの情報が含まれた `./outputs.json` が作成され、このファイルは API コールを行う際に利用されます。

* curl で GraphQL API を呼び出す際には `backend` ディレクトリより `./src/etc/hello.sh` を実行します

  * `jq` のインストールが必要です

* Node.js から GraphQL API を呼び出す際には `backend` ディレクトリより `ts-node ./src/etc/hello.ts` を実行します

  * `ts-node` のインストールが必要です

* React アプリケーション から GraphQL API を呼び出す際には `frontend` ディレクトリより `yarn install && yarn start` を実行しブラウザで http://localhost:3000 を開きます