[B! TypeScript][GraphQL] t28atenaのブックマーク

Apollo ServerとNowで作るGraphQLモックサーバ #4 モニタリング編 - 僕は音楽ができない

前回の続き。 nomusiclife.hatena blog.jp 作成したGraphQLサーバをモニタリング可能な状態にする。 Apollo Engine Apollo Engine | The GraphQL Gateway with essential features like caching and performance tracing. GraphQL caching Query execution tracing Error tracking Trends などの機能を備えるモニタリングしたいだけなのでcachingは今回使わないアラートは有償版でのみ有効有償版は$99/mo~(割と高い) プラン一覧導入最初にGraphQLのスキーマをアップロードする npm i -g apollo apollo schema:publish --endpoint=<your gr

t28atena 2019/09/13

リンク

Apollo ServerとNowで作るGraphQLモックサーバ #3 デプロイ編 - 僕は音楽ができない

前回の続き nomusiclife.hatena blog.jp ZEIT Nowにデプロイする Deploying Node.js Apps - ZEIT Documentation 詳しい方法は公式ドキュメントに譲るとして... 一般的なnode appは特に設定をしなくてもプロジェクトディレクトリで now コマンドを実行すればデプロイされ、利用可能な状態になる。 npm scriptsの "start" がエントリーポイントになるので、以下のように設定しておく。 "scripts": { "start": "ts-node src/index.ts" }, now.json また、設定なしでデプロイした場合URLにプロジェクトディレクトリ名が勝手に入ってしまうため、 now.jsonの "name" で明示的にプロジェクト名を設定しておくとよい。 { "name": "graphql

t28atena 2019/09/13

リンク

Apollo ServerとNowで作るGraphQLモックサーバ #2 実装編 - 僕は音楽ができない

モックサーバの実装前回 nomusiclife.hatena blog.jp 1. 型の定義を行う import { ApolloServer, gql } from 'apollo-server' const typeDefs = gql` type Person { id: ID name: String phone: String } type Query { people: [Person] } ` const mocks = { Query: () => ({ people: () => new MockList([2, 5]), // 2~5件の[Person]が返る }), } const server = new ApolloServer({ typeDefs, mocks, playground: true, }) const port = 4004 server.lis

t28atena 2019/09/13

リンク

Apollo ServerとNowで作るGraphQLモックサーバ #1 準備編 - 僕は音楽ができない

GraphQLのモックサーバを作る際に使うものをメモ使うもの TypeScript ts-node, ts-node-dev apollo-server, apollo-engine Zeit Now TypeScript 型があったほうが書きやすい最近はクライアント(React)も全てTypeScriptで書いてるし... apollo-serverのパッケージには型情報が含まれている ts-nodeとts-node-dev 本番はともかく、パフォーマンスを必要としないdevでいちいちコンパイルしてから実行するのはめんどくさい ts-nodeを使えば.tsをそのまま実行できるとある案件のdev環境でしばらく使っているが安定稼働しているローカルで開発を行う際にはts-node-devを使う --respawn オプション付きで起動するとファイルの更新を検知して再起動する Apoll