Hasura
Hasura Cloudで、HTTPヘッダーを付与するメモ
<h2 id="h8909e47bed">Hasura Cloudのprojectsから、該当projectの右上歯車マーククリック</h2><p><br><img src="https://images.microcms-assets.io/assets/f48da51fb8474861bea5ca6dade0c13c/e9e562e1c08c4bd399323e655759cc8a/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-28%2017.28.45.png" alt=""><br></p><h2 id="h846fd4aff6">Env varsからNew Env Varクリック</h2><p><br><img src="https://images.microcms-assets.io/assets/f48da51fb8474861bea5ca6dade0c13c/173d7838b20b4b3eb263273971ebe379/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-28%2017.31.45.png" alt=""><br></p><h2 id="h4b6a1322a8">HASURA<em>GRAPHQL</em>ADMIN_SECRETのValueを登録</h2><p><br><img src="https://images.microcms-assets.io/assets/f48da51fb8474861bea5ca6dade0c13c/a5eaaf8b727242f0bd6e103dcbcc8300/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-28%2017.35.29.png" alt=""><br><br>これだけで、x-hasura-admin-secretが追加されるので、次回のリクエストから、<br>このheader情報を付与する必要があります。<br><img src="https://images.microcms-assets.io/assets/f48da51fb8474861bea5ca6dade0c13c/1783e05cb7a14204b3db277b47ad4285/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-08-28%2017.36.28.png" alt=""><br></p><h2 id="h1b3377c92c">.env作成</h2><p>HASURAGRAPHQLADMIN_SECRETと同じものを入力<br>.env.local</p><pre><code>NEXT_PUBLIC_HASURA_ADMIN=*****</code></pre><p><br></p><h2 id="h7ac1f7b5ea">ApolloClientにheaders追加</h2><pre><code>const createApolloClient = () => {
return new ApolloClient({
ssrMode: typeof window === 'undefined',
link: new HttpLink({
uri: 'https://basic-hasura-lesson00.hasura.app/v1/graphql',
headers: {
'x-hasura-admin-secret': process.env.NEXT_PUBLIC_HASURA_ADMIN
}
}),
cache: new InMemoryCache(),
})
}</code></pre><p><br>こんな感じでOKでした。</p>
