Open12
GitHub草収穫
Github GraphQLでユーザの草を収穫するクエリ
# Type queries into this side of the screen, and you will
# see intelligent typeaheads aware of the current GraphQL type schema,
# live syntax, and validation errors highlighted within the text.
# We'll get you started with a simple query showing your username!
query {
user(login: "gentamura") {
contributionsCollection {
earliestRestrictedContributionDate
latestRestrictedContributionDate
contributionCalendar {
totalContributions
colors
weeks {
contributionDays {
date
weekday
color
contributionCount
contributionLevel
}
}
}
}
}
}
Thee.jsで草を積む
a React renderer for threejs
👆のhelper ライブラリ
Next.js + next-authで実装しようと思ったけど、dreiが上手いこと動かなかった。
ので、素のReact + Auth0で。
IdPでAuth0で認証するとプロバイダのaccess tokenが取れる。という話。
SPAでも上手いこと隠してくれるのかしらと思ったら、
First, you will build a process in your backend that will implement the steps included in the backend section of this article, and expose it to your application as an API.
ですよねー。
せっかくなので学習のためにBackendを実装しよう。
参考になりそうなページ
next-auth は jwt
Auth0 Management API は PKCE
frontend api call
backend (Node.js)
SPA login with Auth0
Firebase auth と Auth0 の違い
Authorization Code Flow with Proof Key for Code Exchange (PKCE)