## Hasuraとは？

[Hasura](https://hasura.io/)はデータベースにアクセスするためのGraphQL APIを生成するオープンソースエンジンです。
PostgresやMySQLに対応しています。私は、サーバレスアーキテクチャやJAMStackでアプリやWebサイトを構築することが多いので、NoSQLではなく、RDBを簡単に使用できることはめちゃめちゃアイデアが広がります！(GraphQL APIまでついてくる🚀)

Hasuraの導入事例([User Stories](https://hasura.io/user-stories/))も一読しておくと良いでしょう。

## Hasuraの料金

[料金](https://hasura.io/pricing/)

![Hasura料金](//images.ctfassets.net/0jyj5pjwic68/66aSMEh14DEJhJ8Bx25DTU/aa8fa4f5155cfc478213faa5d4dd64b9/____________________________2021-01-29_13.43.15.png)

### フリー

- 1GB/月のデータ送信
- 60分のリクエスト

### スタンダード(99ドル)

- 20GB/月のデータ送信
- 無制限のリクエスト
- 高可用性
- 追加GBあたり2ドル

## とにかくHasuraをデプロイしてみる

[Hasura のデプロイ](https://hasura.io/learn/ja/graphql/hasura/setup/)を参考して、Hasuraのデプロイをしてみました。Herokuのアカウントがある場合は、HerokuからPostgresを立ち上げて、Hasuraエンジンをデプロイします。自分はこれを最初に実行しました。

## リレーションシップの作成

[リレーションシップの作成](https://hasura.io/learn/ja/graphql/hasura/relationships/2-create-relationship/)

### ステップ1 Foreign Keysの設定

![Hasura Relation](//images.ctfassets.net/0jyj5pjwic68/7jXqkk5ibLlW9QWSs3lDZy/380841414699114b1429ffea0129d9b0/____________________________2021-01-29_19.12.30.png)

### ステップ2 Table Relationshipsの設定

![Hasura Relations](//images.ctfassets.net/0jyj5pjwic68/586GNqglis9DxBLYND05TM/ed1293da05da96add9a8a86145890ded/____________________________2021-01-29_19.18.40.png)

上記の２つを設定すると、

```js
query {
  users {
    id
    role {
      id
      name
    }
  }
}
```

みたいな形で、テーブルを参照できました。

## cliインストール

[HasuraCLIのインストール](https://hasura.io/docs/1.0/graphql/core/hasura-cli/install-hasura-cli.html#install-hasura-cli)

```bash
curl -L https://github.com/hasura/graphql-engine/raw/stable/cli/get.sh | bash
```

必須ではないかも。cliをインストールしたまま何もしていません。

## Hasuraチュートリアル

[Course Introduction](https://hasura.io/learn/graphql/hasura/introduction/)

[Getting Started with Hasura Cloud](https://hasura.io/docs/1.0/graphql/cloud/getting-started/index.html#cloud-getting-started): Corsなどenvの設定

## 参考
- [techcrunch.com Hasura](https://jp.techcrunch.com/tag/hasura/)
- [GraphQLサービスを提供するHasuraが約26.5億円を調達、MySQLを新たにサポート](https://jp.techcrunch.com/2020/09/10/2020-09-08-hasura-raises-25-million-series-b-and-adds-mysql-support-to-its-graphql-service/)
- [Hasura Blog](https://hasura.io/blog/)
- [Hasura認証の説明](https://hasura.io/blog/hasura-authentication-explained/)

Hasura

個人開発でHasuraを使ってみる

## はじめに

[Hasura](https://hasura.io/)で[Heroku Postgres](https://elements.heroku.com/addons/heroku-postgresql)を使用していたら、もうすぐレコード制限(Hobby Freeだと1万レコードまで)にかかるというメールが来たので、Heroku Postgresの[add-on](https://jp.heroku.com/elements/addons)をグレードアップする。ちなみにHasuraは、初期にHerokuデプロイでスタートしています。

## ステップ1 Heroku addonsの作成

DB以外使用していないので、`--app {アプリ名}`は基本的に全てのコマンドにつける。

下記のコマンドでも作成できますが、ブラウザからでも作成することができます。ちなみに自分は、Hobby Basic(9$/月)をブラウザから作成しました。(Hobby Basicだと1千万レコードまで登録できます。)詳細な料金は[Heroku 料金](https://jp.heroku.com/pricing)から確認できます。

```bash
heroku maintenance:on --app {アプリ名} # メンテナンスモード オン
heroku addons:create heroku-postgresql:standard-0 --app {アプリ名}
```

**※standard-0プランは、月50$です。**

## ステップ2 HerokuのDBをコピー

`DATABASE_URL`と`HEROKU_POSTGRESQL_COLOR_URL`は、Herokuの環境変数を確認してください。`HEROKU_POSTGRESQL_COLOR_URL`は、`HEROKU_POSTGRESQL_RED_URL`だったりします。カラーURLは新しく作成したDB(addon)のURLだと思われます。

```bash
heroku pg:copy {DATABASE_URL} {HEROKU_POSTGRESQL_COLOR_URL} --app {アプリ名}
heroku maintenance:off --app {アプリ名} # メンテナンスモード オフ
```

上記でDBのコピーが完了します。

## ステップ3 HasuraのDBのURLを変更

Hasuraのダッシュボードから、データベースのURLを変更します。
`DATABASE_URL`になっていると思うので、`HEROKU_POSTGRESQL_COLOR_URL`に変更します。変更すると、Hasuraが読み込んでくれるので、今まで通り使用することができます。

![Hasura Heroku](//images.ctfassets.net/0jyj5pjwic68/7b6gzg90g7jZxxKudilmfg/4bcaddd17f28cc1fa6bf89e0ba3784ff/image.png)

## 参考

- [Upgrading with pg:copy](https://devcenter.heroku.com/articles/upgrading-heroku-postgres-databases?c=&utm_campaign=postgreslimits&utm_medium=telex&utm_source=nurture&utm_content=devcenter&utm_term=upgrade#upgrading-with-pg-copy)

Hsauraで使用していたHeroku Postgresの制限が来たのでプランをアップグレードする

Nuxt.js公式の[How to deploy on Heroku?](https://nuxtjs.org/faq/heroku-deployment/)にもHerokuのデプロイ方法が書いてあります。

## Heroku cli のインストール

heroku cli がない場合は、brewでHerokuのcliをインストールしましょう。[The Heroku CLI](https://devcenter.heroku.com/articles/heroku-cli)に詳しく書いてあります。

```bash
brew upgrade heroku/brew/heroku
```

## herokuにログイン

```bash
heroku login
```

## herokuでアプリケーション作成

```bash
heroku create {アプリ名}
```

## アプリケーションに環境変数のセット

FirebaseやAlgoliaなどAPIサービスを使用する場合も同様に環境変数をセットしましょう。

```bash
heroku config:set NPM_CONFIG_PRODUCTION=false
heroku config:set HOST=0.0.0.0
heroku config:set NODE_ENV=production
// 他の環境変数も追記 Firebase, Alogolia, etc
```

## pachage.jsonにビルドコマンドを追記

```json
"scripts": {
  "heroku-postbuild": "nnpm run build"
}
```

これがないと、Herokuにデプロイした際に、エラーが発生します。

ここまで設定できたら、GitHubと連携して、auto deployしておきましょう。

## その他のコマンド

### 環境変数一覧の確認

```bash
heroku config
```

### アプリ確認

```bash
heroku apps
```

### ログ確認

```bash
heroku logs --tail
```