mirror of
https://github.com/kou029w/hasura-rest-hands-on.git
synced 2025-02-01 22:58:47 +00:00
Compare commits
2 commits
b751fcb654
...
f945065b01
| Author | SHA1 | Date | |
|---|---|---|---|
| f945065b01 | |||
| 60a80caca7 |
19 changed files with 29 additions and 178 deletions
|
|
@ -1,3 +0,0 @@
|
|||
# [memo-demo.hasura.app](https://memo-demo.hasura.app)
|
||||
|
||||
https://cloud.hasura.io → "Git Deployment"
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
version: 3
|
||||
endpoint: https://memo-demo.hasura.app
|
||||
metadata_directory: metadata
|
||||
actions:
|
||||
kind: synchronous
|
||||
handler_webhook_baseurl: http://localhost:3000
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
actions: []
|
||||
custom_types:
|
||||
enums: []
|
||||
input_objects: []
|
||||
objects: []
|
||||
scalars: []
|
||||
|
|
@ -1 +0,0 @@
|
|||
- collection: allowed-queries
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
- name: daily_reset
|
||||
webhook: https://memo-demo.hasura.app/api/rest/delete_pages
|
||||
schedule: 0 0 * * *
|
||||
include_in_metadata: true
|
||||
payload: {}
|
||||
headers:
|
||||
- value: "***"
|
||||
name: x-hasura-admin-secret
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
- name: default
|
||||
kind: postgres
|
||||
tables:
|
||||
- table:
|
||||
schema: public
|
||||
name: pages
|
||||
insert_permissions:
|
||||
- role: anonymous
|
||||
permission:
|
||||
check: {}
|
||||
columns:
|
||||
- id
|
||||
- content
|
||||
backend_only: false
|
||||
select_permissions:
|
||||
- role: anonymous
|
||||
permission:
|
||||
columns:
|
||||
- id
|
||||
- content
|
||||
filter: {}
|
||||
update_permissions:
|
||||
- role: anonymous
|
||||
permission:
|
||||
columns:
|
||||
- id
|
||||
- content
|
||||
filter: {}
|
||||
check: {}
|
||||
configuration:
|
||||
connection_info:
|
||||
use_prepared_statements: false
|
||||
database_url:
|
||||
from_env: HEROKU_DATABASE_URL
|
||||
isolation_level: read-committed
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
- name: allowed-queries
|
||||
definition:
|
||||
queries:
|
||||
- name: get page
|
||||
query: "query getPage($id: Int!) {\n page: pages_by_pk(id: $id) {\n id\n content\n }\n}"
|
||||
- name: put page
|
||||
query: "mutation putPage($id: Int, $content: jsonb!) {\n page: insert_pages_one(object: {id: $id, content: $content}, on_conflict: {constraint: pages_pkey, update_columns: content}) {\n id\n content\n }\n}"
|
||||
- name: delete all
|
||||
query: "mutation deleteAll($scheduled_time: String = \"\", $payload: jsonb = {}, $name: String = \"\", $id: String = \"\") {\n delete_pages(where: {id: {_is_null: false}, _or: {content: {_neq: {scheduled_time: $scheduled_time, payload: $payload, name: $name, id: $id}}}}) {\n affected_rows\n }\n}"
|
||||
|
|
@ -1 +0,0 @@
|
|||
[]
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
- definition:
|
||||
query:
|
||||
collection_name: allowed-queries
|
||||
query_name: delete all
|
||||
url: delete_pages
|
||||
methods:
|
||||
- POST
|
||||
- DELETE
|
||||
name: delete all
|
||||
comment: null
|
||||
- definition:
|
||||
query:
|
||||
collection_name: allowed-queries
|
||||
query_name: get page
|
||||
url: page/:id
|
||||
methods:
|
||||
- GET
|
||||
name: get page
|
||||
comment: null
|
||||
- definition:
|
||||
query:
|
||||
collection_name: allowed-queries
|
||||
query_name: put page
|
||||
url: page/:id
|
||||
methods:
|
||||
- PUT
|
||||
name: put page
|
||||
comment: null
|
||||
|
|
@ -1 +0,0 @@
|
|||
version: 3
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
SET check_function_bodies = false;
|
||||
CREATE TABLE public.pages (
|
||||
id integer NOT NULL,
|
||||
content jsonb NOT NULL
|
||||
);
|
||||
CREATE SEQUENCE public.pages_id_seq
|
||||
AS integer
|
||||
START WITH 1
|
||||
INCREMENT BY 1
|
||||
NO MINVALUE
|
||||
NO MAXVALUE
|
||||
CACHE 1;
|
||||
ALTER SEQUENCE public.pages_id_seq OWNED BY public.pages.id;
|
||||
ALTER TABLE ONLY public.pages ALTER COLUMN id SET DEFAULT nextval('public.pages_id_seq'::regclass);
|
||||
ALTER TABLE ONLY public.pages
|
||||
ADD CONSTRAINT pages_pkey PRIMARY KEY (id);
|
||||
|
|
@ -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/) - リッチテキストエディター
|
||||
|
|
|
|||
|
|
@ -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
26
docs/connect-new-database.md
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
# 新しいデータベースへの接続
|
||||
|
||||
Hasuraでデータの保存と検索を実現するためにデータベースを接続します。
|
||||
|
||||
このハンズオンでは、データベースとしてNeonを利用します。
|
||||
|
||||
Hasura Cloudのプロジェクトの[Launch Console]ボタンからHasuraのコンソール画面にアクセスして、データベースへの接続を行うことが可能です。
|
||||
|
||||
まず、コンソール > [Data Manager] にアクセスします。
|
||||
|
||||
|
||||
|
||||
[Create New Database]を選択し、データベース作成パネルを表示します。
|
||||
|
||||
|
||||
|
||||
[Connect Neon Database]ボタンを選択し、データベースを新たに作成します。
|
||||
|
||||
一連の手順でデータベースを作成すると、Hasuraは自動的にデータベースへの接続を開始します。
|
||||
しばらく待つと、データベースへの接続が完了します。
|
||||
|
||||
これであなたはHasuraを利用可能になりました 🎉
|
||||
|
||||
|
||||
|
||||
それでは実際にHasuraを使ってみましょう!
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
# Heroku Postgresへの接続
|
||||
|
||||
Hasuraでデータの保存と検索を実現するためにデータベースを接続します。
|
||||
|
||||
このハンズオンでは、データベースとしてHeroku Postgresを利用します。
|
||||
|
||||
Hasura Cloudのプロジェクトの[Launch Console]ボタンからHasuraのコンソール画面にアクセスして、Heroku Postgresへの接続を行うことが可能です。
|
||||
|
||||
まず、コンソール > [Data Manager] にアクセスします。
|
||||
|
||||
|
||||
|
||||
[Create Heroku Database]を選択し、データベース作成パネルを表示します。
|
||||
|
||||
|
||||
|
||||
[Create Database]ボタンを選択し、Heroku Postgresデータベースを新たに作成します。Herokuとの連携を行う際に、初回アクセス時にはHerokuの承認画面が表示されます。[Allow (許諾)]を選択するとHerokuとの連携が完了します。
|
||||
|
||||
|
||||
|
||||
一連の手順でHeroku Postgresデータベースを作成すると、Hasuraは自動的にデータベースへの接続を開始します。
|
||||
|
||||
|
||||
|
||||
しばらく待つと、データベースへの接続が完了します。
|
||||
|
||||
これであなたはHasuraを利用可能になりました 🎉
|
||||
|
||||
|
||||
|
||||
それでは実際にHasuraを使ってみましょう!
|
||||
|
|
@ -25,4 +25,4 @@ Hasuraを利用するためにHasura Cloudのプロジェクトを作成しま
|
|||
|
||||
|
||||
|
||||
プロジェクトの[Launch Console]ボタンからHasuraのコンソール画面にアクセスして、Heroku Postgresへの接続を行いましょう。
|
||||
プロジェクトの[Launch Console]ボタンからHasuraのコンソール画面にアクセスして、データベースへの接続を行いましょう。
|
||||
|
|
|
|||
|
|
@ -1,8 +0,0 @@
|
|||
# 事前準備
|
||||
|
||||
まず、事前準備としてあらかじめ下記のアカウントに登録しておきましょう。
|
||||
|
||||
- [Herokuのアカウント登録](signup-heroku.md)
|
||||
- [Hasura Cloudのアカウント登録](signup-hasura-cloud.md)
|
||||
|
||||
もし、すでにアカウント登録済みであれば、[Hasura Cloudプロジェクトの作成の章](create-project.md)まで読み飛ばしてください。
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
# Herokuのアカウント登録
|
||||
|
||||
[Herokuの新規登録](https://signup.heroku.com/jp)からアカウントを作成します。
|
||||
|
||||
アカウントに必要な項目を入力します。
|
||||
|
||||
|
||||
|
||||
入力したメールアドレスに登録用のメールが届くので確認します。
|
||||
|
||||
|
||||
|
||||
メールに記載のリンクにアクセスし、パスワードを設定します。
|
||||
|
||||
|
||||
|
||||
Herokuにようこそ!
|
||||
|
||||
|
||||
Loading…
Add table
Reference in a new issue