ログインがめちゃくちゃ簡単になるwpプラグイン “Gianism” を使ってみた
みなさんこんにちは。上間ウェブ店の上間です。
今回紹介するジャイアニズムは、いわゆるソーシャルログイン系のプラグインで、日本の方が作ってます。
プラグインのウェブサイト
作者さん本人のブログはこちら
海外製のソーシャルログイン系のプラグインはたくさんあるのですが、facebook, twitter, google+ あたりの連携ばっかりで、LINEが入ってなかったりするんですよね。
Gianismは日本の方なのでわかってますね、LINEにもバッチリ対応しています。仕事で使うgoogleアカウントも対応しているのでもう最高です。
そして今回は、何番煎じかわからないくらい参考記事があるので、僕がわかりやすかった記事を紹介する形で進めて、ハマったところで解説を加えていきます。
プラグインの設定は超簡単。難しいのは巨人側の設定。
設定はホント簡単です。プラグインの設定ページを開いて、”設定方法タブ”の中に書いてある通りに進めるだけです。
が、googleのapiコンソールや、LINEのデベロッパーサイトに慣れていない人からすると、その設定が上手くいかずなかなか進まないという事があるかもしれません。
まずは簡単だったLINEの方から紹介します。
LINEの設定
まずは参考サイトの紹介です。
こちらのサイト、めちゃくちゃ詳しく書いてあるので僕が書くことはほぼ無いです。出オチにも程があるくらいこのサイトで完結です。
こちらのサイト、めちゃくちゃ詳しく書いてあるので僕が書くことはほぼ無いです。出オチにも程があるくらいこのサイトで完結です。
ハマりポイント
1点だけ僕がハマったポイントは、この画像の印のところを公開にしないと、他のユーザーがログインできないというところです。
会員制のサイトで使ってみたんですが、僕だけログインできて他のユーザーさんがログインできず、コードの部分で試行錯誤してましたが無駄でした。
まだ公開していない製作中のサイトでは、怖いのでとりあえず非公開にしておく癖ってないですか？僕はその癖のまま進めて時間を無駄にしました。。
非公開のままでもデベロッパーのアカウントは使えるので、1人しか使う予定の無いサイトでは非公開のままの方がセキュリティは保たれるかもしれないですね。
googleの設定
次はgoogleの設定です。参考サイトを貼ります。
先ほどのサイトのgoogle版です。このサイトの人すごいですね、ここでも分かりやすく詳しく書いてくれています。助かります。
ハマりポイント
ここでのハマりポイントは、”ドメインの確認”ってところですね。
参考サイトの真ん中くらいに、”同意画面の設定”って見出しがあるんですが、それを進めるために”ドメインの確認”が必要になってきます。
この”ドメインの確認”が面倒くさくて、プロジェクトを作ったばかりでgoogleにドメインの所有権が確認できてないと、”ドメインを追加する”から進めるとこんな画面が出てきます。(アナリティクスなど設定していない場合ですね)
ちなみに画像はテストのため適当なドメイン名でやってみた時のです。
この”確認する”をクリックすると、次の画像のように別タブで飛ばされます。
セレクトボックスからお名前ドットコムを選択するとこんな感じです。
これで進めていけばできるんだと思いますが、僕はこの方法はやらなかったです。
理由は認証されるまで時間がかかるから。
すぐにできる方法はないかと探っていたら、右上あたりの戻るボタンを押してみうると次の画像のところにいきました。
所有権が確認できているページですね。ここの”プロパティを追加”ボタンをクリックしてドメインを入力すると、次の画像のようになります。
僕は”別の方法”タブの”HTMLタグ”を使いました。
この方法だとドメイン名プロバイダを通すよりずっと早かったのでさっさと進めたい人にはこちらがオススメ。
この確認が済むと、参考サイトの通りに進められるようになります。
おわりに
参考サイトのギークスグロースさんが素晴らしくて僕はあまり何もしていませんが、僕の失敗から誰かが救われたら嬉しく思います。
それにしてもgoogleのこういうところ本当に面倒くさいですよねー。
でもgoogleのサービスはgmailやマップやアナリティクスなどいろいろあるので慣れておくとあとあと楽になりますのでこの際覚えちゃいましょう。