ブックマークの変更をお願いします。トークンを取得できるようにしてみます。静的サイト用のホスティングサービス上で公開できるようになります。サーバー(VPSなど)でホスティングする場合と比べ、非常に安価に運用することができます。トークン取得の流れを理解しているものとします。ハードコードするわけにはいきません。実質アクセストークンの取得ができないので、何らかのバックエンドサーバーを介す形でアクセストークンを取得する必要があります。使ってアクセストークンの取得機能を実装します。トークンを取得する処理を実装します。アプリ(プロジェクト)を作成してください。簡単な関数を作ってみる作成する関数の仕様は次のとおりとします。アプリの環境変数(アプリケーション設定)で設定しておく(ハードコードしない)。送り、その結果をクライアントへそのまま返す。アプリの「クライアントID」と「クライアントシークレット」を登録してください。ここでは次のような名前で登録することにします。ボタンを押して反映するのを忘れないでください(これを忘れてハマりがち...)。設定をしてクロスオリジン通信を許可しておく必要があります。サイトをホスティングするドメインを登録してください。典型的には、https://example.comといったドメイン名でアドレスを指定しますが、開発用のサーバーでテストする場合は、次のようなローカルアドレスを登録しておきます。開いてインストールしてください。デプロイする方法でも大丈夫です。ポータル上で作業を完了させてしまいます。型の関数を追加してください。いう名前で関数を作成し、下記のようなコードを入力します。アクセストークン取得リクエストを送っているだけです。アクセストークンを取得するための関数を追加できました。アクセストークンを取得できます。いうキーで保存し、その値の有無によって「サインイン済み」かどうかを判断しています。ボタンを押すと、一時トークンの取得要求を送信し、そのコールバックを受けてアクセストークンを取得しに行きます。ボタンを表示するようにしています。コード含む)でサインイン・アウト処理をひととおり実現しているので、若干スパゲッティコードになってます。呼び出せるようになります。使ってコンポーネント化していった方がよいですね。使って実装するとスッキリします。パスとコンポーネントを次のように構成します。保存されているかどうかで判断します(前述の例と同じ)。「サインイン」ボタンが配置されたトップ画面を表示。