nebel/hasura-rest-hands-on
1
0
Fork 0
mirror of https://github.com/kou029w/hasura-rest-hands-on.git synced 2025-03-30 01:25:17 +00:00
Code Issues Projects Releases Wiki Activity

goodbye heroku

Browse source
This commit is contained in:
Nebel 2023-03-07 16:51:53 +09:00
parent b751fcb654
commit 60a80caca7
7 changed files with 29 additions and 64 deletions

1
docs/README.md
View file

@ -19,7 +19,6 @@
構成としては下記の通りです。
- [Hasura Cloud](https://cloud.hasura.io/) - すぐに利用可能なHasuraの環境
- [Heroku Postgres](https://jp.heroku.com/postgres) - すぐに利用可能なデータベース
- [StackBlitz](https://stackblitz.com/) (あるいは、[CodeSandbox](https://codesandbox.io/)) - フロントエンドのオンライン開発環境
- [Vue 3](https://vuejs.org/) - プログレッシブWebフレームワーク
- [Quill](https://quilljs.com/) - リッチテキストエディター

6
docs/SUMMARY.md
View file

@ -1,11 +1,9 @@
# 目次
- [Hasuraで作るREST API](README.md)
- [事前準備](preparation.md)
- [Herokuのアカウント登録](signup-heroku.md)
- [Hasura Cloudのアカウント登録](signup-hasura-cloud.md)
- [Hasura Cloudアカウントの登録](signup-hasura-cloud.md)
- [Hasura Cloudプロジェクトの作成](create-project.md)
- [Heroku Postgresへの接続](create-heroku-postgres.md)
- [新しいデータベースへの接続](connect-new-database.md)
- [テーブルの作成](create-table.md)
- [GraphQLによるデータの挿入と取得](insert-and-select.md)
- [REST APIエンドポイントの作成](create-rest-endpoint.md)

26
docs/connect-new-database.md Normal file
View file

@ -0,0 +1,26 @@
# 新しいデータベースへの接続
Hasuraでデータの保存と検索を実現するためにデータベースを接続します。
このハンズオンでは、データベースとしてNeonを利用します。
Hasura Cloudのプロジェクトの[Launch Console]ボタンからHasuraのコンソール画面にアクセスして、データベースへの接続を行うことが可能です。
まず、コンソール > [Data Manager] にアクセスします。
![](https://lh3.googleusercontent.com/pw/AMWts8CoQ24HeTDkWEXgyNL2hpnvfFfA5yUzsZBMBhIxQ23NNurYBeRQHN6O0i0iNB9CC6dIIh6BvbEKXnJRtMFKjx9A_-Rphry-JdXqKT7RZnYjSVHO9TTPmFDxeil5OfR_TGBDju794zNlrlWLYjtza6pf=w1280)
[Create New Database]を選択し、データベース作成パネルを表示します。
![](https://lh3.googleusercontent.com/pw/AMWts8DiTjBZx1rkcFCiBo0CO1fd9IBBgZUeROvmFREer-CGwqGRNtHv-1QsTp87FbezI_t0IQqra_VVUvQKga5wW0FKXxHupWj-LYyZBCbFDhmhg_IkaggyfQL17tjbF4OqFiDFsnGKMPrwgjP8B14E7K3i=w1280)
[Connect Neon Database]ボタンを選択し、データベースを新たに作成します。
一連の手順でデータベースを作成すると、Hasuraは自動的にデータベースへの接続を開始します。
しばらく待つと、データベースへの接続が完了します。
これであなたはHasuraを利用可能になりました 🎉
![](https://lh3.googleusercontent.com/pw/AMWts8DDazdAGQGOMIDPSQzVcNZeEUVtDT9gLN8qgXxQzoZ-rPH2hwlIO3kXBXkzYKvtmkFcUmsQNWhmN2eer_PSQxXTOVDPdCvUX3Q5upxg5qDEcMIhjSspfqHRh0f9M_-edXvmuKm6HS-RnlPN2MIynXQA=w1280)
それでは実際にHasuraを使ってみましょう!

31
docs/create-heroku-postgres.md
View file

@ -1,31 +0,0 @@
# Heroku Postgresへの接続
Hasuraでデータの保存と検索を実現するためにデータベースを接続します。
このハンズオンでは、データベースとしてHeroku Postgresを利用します。
Hasura Cloudのプロジェクトの[Launch Console]ボタンからHasuraのコンソール画面にアクセスして、Heroku Postgresへの接続を行うことが可能です。
まず、コンソール > [Data Manager] にアクセスします。
![](https://lh3.googleusercontent.com/ekEWHMTkf2qak5oItkay-scmzeiwiaUtNXBvBdCSVSJ3qG25oVc8O_25S4SEWZskj6NqWSfW2eENeEy3iJ94mTw1SmhnL7tONbS_qHHZsgI4l_6sEIdmMnXTEpmF34-aDS2I3Pi7EQ=w1280)
[Create Heroku Database]を選択し、データベース作成パネルを表示します。
![](https://lh3.googleusercontent.com/46sywF2Hl5GGAEsXhAkhhni4_NHcB-kcHiqqJNkZs0HS7zvFy9FZmmWEGLtP-i6F-msLnuJlKPFst8j8_QTCnTcDi1B5diKByqOVDAeuZ_PL1Fo_pDl_DLOBscL-O8ucqZA05_xyjA=w1280)
[Create Database]ボタンを選択し、Heroku Postgresデータベースを新たに作成します。Herokuとの連携を行う際に、初回アクセス時にはHerokuの承認画面が表示されます。[Allow (許諾)]を選択するとHerokuとの連携が完了します。
![](https://lh3.googleusercontent.com/RngvddZ704jKqqPfxGiSEdEkBemMwrz3jApRJQhRqL2Cr0MoV-SxVljdLaglM0XFwkcnIpWFD9zVyUtn9n55LGKG78gJPec6HRrWXrcLbNNnHztycmF-sphYYBkHaRT7Y87nzihdNg=w1280)
一連の手順でHeroku Postgresデータベースを作成すると、Hasuraは自動的にデータベースへの接続を開始します。
![](https://lh3.googleusercontent.com/-0FkvEXZO0FQz0YvrNFdh8JmAMZPbIpaIRygkE4F8xb4Z3ZLMRH9y5pny48-bj-i2nnhbDuqcPKokbznD7X_APL-MkjDeHaxQsJjFyGEY6AxvMBsHwfNOjxPdjQA6S3dGrW1Cz4o0g=w1280)
しばらく待つと、データベースへの接続が完了します。
これであなたはHasuraを利用可能になりました 🎉
![](https://lh3.googleusercontent.com/vJU-gDZJwSNJYAaoq4qu4lAnxhNYGE70rPxmtGct_GyPT9oH0FoZ8_2O8bcI9ocaWHaJsE0Rqv2WHZzO6Z0yGuMkaCtMYjdIKTHW2aREaCYid73GlT6FWLZH9JIQPp_P9QOez0EOBw=w1280)
それでは実際にHasuraを使ってみましょう!

2
docs/create-project.md
View file

@ -25,4 +25,4 @@ Hasuraを利用するためにHasura Cloudのプロジェクトを作成しま
![](https://lh3.googleusercontent.com/LL6dz4np-O19_runPMbCD5-d3kYc1_QUcc1bJif4Yx7dNr16SY4k6037kV82aqg1FrcYff3QGOFTqzyh9ReYyp-j43EtGJercr7dKxdBxcd1nDzPm9bbWFgJOYjhwNDUsGRWNV2d2g=w1280)
プロジェクトの[Launch Console]ボタンからHasuraのコンソール画面にアクセスして、Heroku Postgresへの接続を行いましょう。
プロジェクトの[Launch Console]ボタンからHasuraのコンソール画面にアクセスして、データベースへの接続を行いましょう。

8
docs/preparation.md
View file

@ -1,8 +0,0 @@
# 事前準備
まず、事前準備としてあらかじめ下記のアカウントに登録しておきましょう。
- [Herokuのアカウント登録](signup-heroku.md)
- [Hasura Cloudのアカウント登録](signup-hasura-cloud.md)
もし、すでにアカウント登録済みであれば、[Hasura Cloudプロジェクトの作成の章](create-project.md)まで読み飛ばしてください。

19
docs/signup-heroku.md
View file

@ -1,19 +0,0 @@
# Herokuのアカウント登録
[Herokuの新規登録](https://signup.heroku.com/jp)からアカウントを作成します。
アカウントに必要な項目を入力します。
![](https://lh3.googleusercontent.com/Wa1OrwezKqGADEq-TC1ErAMWRKfrKxr1FWqLXuwPyn2GiKQlIbvmA6tCbsPGA0NWwEwKePo2_574LPl7fdwX89mDE8gltPCBRPFQ24GSdpI4tXQsDU5mfk1o1oqMWrmZPxCOJkm64g=w1280)
入力したメールアドレスに登録用のメールが届くので確認します。
![](https://lh3.googleusercontent.com/c4IrmzaCjk-SuJ4w9t_7esDEdOT1CGj7gLcWPBZxswSbbmvGyOgPz2rUzPlpkyGqGncId9bMHqDl0hya99s3QbEuWbi9CFMpP04A9Vi8txzdzhNpJxI0o2nxEY9SIcIWVmc1Ncqjrw=w1280)
メールに記載のリンクにアクセスし、パスワードを設定します。
![](https://lh3.googleusercontent.com/oGniSBYOCGH3Zb56034x_tzQTGWuZF_81PkEEX68Xk5TCHYs_LmyyS0uZAgkBr5RHdZZVSpbxsZWlgyXeqfEp5NTFb4Ry3EV4I-Wxp07TK-9kpvmtuWLYddkJx4mPmEfuj283RZtJA=w1280)
Herokuにようこそ!
![](https://lh3.googleusercontent.com/klQnC0-tt3v_lcSGRSa_S6L1PvOxLl_e-BGhL75Lmi0Tei-zqJMtvab1GfcdhuwNqUcOqPjvsWUtzQLNMK_cGSrznFmLtFemCLfUnAQRHoKqdvpIsyshwDi7plwfGHM1y8R0gTyy-Q=w1280)