category

サイトへのログインに Facebook や Twitter でのソーシャルログインを設定してみる #craftcms

2020-02-25

ユーザーのログインが必要なサイト用に Craft CMS でソーシャルログインを試してみた。

Social というプラグインがあったのでこちらを試してみる。

Social
https://plugins.craftcms.com/s...

プラグインをダッシュボードからインストールする。

初期の設定画面

リダイレクトURLをコピっておいてFacebookアプリの Facebook ログインの「Client OAuth Settings>Valid OAuth Redirect URIs」に登録する。

Twitter も似たような設定があるのだけど、Twitterはパラメータを受け付けていないので Craft 側の usePathInfo の設定を変更する必要がある。

以前書いた Social Poster のエントリにある。

2019-05-22

FbアプリやTwitterアプリのキー、シークレットキーを Craft CMS 側のそれぞれの Login Providers の設定に入れておく。

テンプレートサンプル

サンプルテンプレートが用意されているので、とりあえずそちらを使うと簡単に試せる。

dukt/social-demo: Demo templates for the Social plugin for Craft CMS
https://github.com/dukt/social...

これをおとしてきて適当な場所におく。

https://example.com/social みたいな感じでアクセスできるようになる。

こんな感じのログイン画面が出る。

これでFacebook, Twitter とかでログインできるようになった。

ユーザーがいないとアカウントが作成される。

管理画面へのログイン

管理画面へログインできるように設定も可能。

管理画面にログインさせる場合はユーザーグループを設定して、デフォルトのユーザーグループの設定とか、ユーザーグループへの権限設定とかをしておく必要がある。

ユーザー画像の設定

最初試した時になんかログインがうまくいかなくて調べていたら、ユーザーフォトのボリュームの設定が必要だった。

もともとボリュームは作成してあったのだけど、「設定>ユーザー」で一度設定を保存しておく必要がある様子。

軽くハマったのでメモ。


Craft CMS の場合ユーザーの1つのメールアドレスでのアカウントは1つである必要があるので、その辺の調整が必要になる可能性はありそう。