Karotter Login
OAuth 2.0 + PKCE
認可コードフローとPKCE(S256)により、Client Secretを晒すことなく安全にログインを実装します。
WordPress プラグイン
Karotterログインを、
Karotterログインを、
ワンクリックで実装。
OAuth 2.0とPKCEに対応した認可コードフローで、Karotterアカウントによるログインとアカウント登録をWordPressサイトに追加します。設定はClient IDとClient Secretを入力するだけ。外部ライブラリへの依存はありません。
PKCE (S256)
ゼロ依存・軽量
GPLv2
ブロックエディタ対応
あなたのサイト
K
Karotter
- 認可画面へ遷移
- ユーザーが許可
- トークン交換
- ログイン完了
特徴
必要な機能だけを、無駄なく。
マーケティング機能や余計な管理画面を増やさず、ログイン導入に必要な要素だけに絞りました。
ブロックエディタ対応
block.jsonベースの軽量ブロック。Client ID未設定の状態でも、編集画面にボタンのプレビューが表示されます。
ショートコード対応
[karotter_login mode="login"] を貼るだけで、テーマを問わず好きな位置に設置できます。
自動アカウント作成
初回ログイン時にWordPressアカウントを自動作成。既存のメールアドレスとも自動で紐付けます。
柔軟な設定
エンドポイントURLとレスポンス項目名を管理画面から調整可能。API仕様の変更にも追従できます。
軽量・高速
外部ライブラリに依存しない実装。フロントエンドの読み込み速度にほとんど影響を与えません。
仕組み
認可コードフローの5ステップ。
ボタンをクリックしてからログインが完了するまでの流れです。すべてサーバー側で完結し、Client Secretがブラウザに露出することはありません。
-
01
ログイン/登録ボタンをクリック
設置したボタンから、ログインまたはアカウント登録のどちらのモードで開始するかが決まります。
-
02
認可画面へリダイレクト
サイトが state とPKCEのcode_challengeを発行し、Karotterの認可画面(
/api/oauth/authorize)へ遷移します。 -
03
ユーザーが許可
Karotter側でユーザーがアプリの利用を許可すると、登録済みのリダイレクトURIへ認可コードとともに戻ります。
-
04
トークン交換とユーザー情報取得
認可コードをアクセストークンに交換し(
/api/oauth/token)、続けてユーザー情報を取得します(/api/oauth/userinfo)。 -
05
WordPressにログイン
対応するWordPressアカウントを検索し、無ければ自動作成してログイン状態にします。
コードで見る
設置は数行で終わります。
ブロックでもショートコードでも、同じ見た目のボタンを設置できます。
ショートコード
// 固定ページや投稿本文に貼り付け
[karotter_login mode="login"]
// 登録ボタンとして使う場合
[karotter_login mode="register" text="今すぐ登録"]
ブロックエディタ
// block.json (抜粋)
{
"name": "karotter-login/button",
"attributes": {
"mode": { "default": "login" }
}
}
導入方法
導入は4ステップ。
技術者でなくても迷わないよう、やさしい手順ガイドも用意しています。
01
OAuthアプリを作成
Karotterの管理画面でリダイレクトURIを登録し、機密クライアントとして作成します。
02
認証情報を取得
発行されたClient IDとClient Secretを控えます。
03
プラグインに設定
「Karotter Login」の設定画面に貼り付けて保存します。
04
ボタンを設置
ブロックまたはショートコードで、ログイン/登録ボタンをページに追加します。
写真つきのやさしい解説は 使い方ガイド をご覧ください。自動アカウント作成の可否や権限グループも設定画面から変更できます。
よくある質問
導入前に確認しておきたいこと。
対応しているWordPress / PHPのバージョンは？
WordPress 5.9以降、PHP 7.4以降に対応しています。
既存のログイン方法と併用できますか？
できます。標準のログイン画面やほかのログイン手段と共存し、Karotterログインは追加の選択肢として設置されます。
refresh_tokenは利用されますか？
scopeに offline_access を含めると発行され、ユーザーメタに保存されます。トークン更新用のヘルパーメソッドも用意しています。
料金はかかりますか？
プラグイン本体はGPLv2ライセンスで無償配布しています。Karotter側の利用条件は別途Karotterの規約をご確認ください。
今すぐ導入する。
ZIPをダウンロードしてアップロードするだけ。設定は数分で終わります。