勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

opauthのTwitterでログインできない

      2018/06/20

opauthを使ったソーシャルログインのシステムにてTwitterでログインできなくなっていた。「Callback URL not approved for this client application. Approved callback URLs can be adjusted in your application settings.」とエラー内容が表示されており、調べたところTwitter側のAPIの仕様変更らしく他所でも複数報告が見られた。ただ、opauthをしており尚且つアプリではなくWebページでの記事がなかったので対応策が中々分からなかった。以下に対応方法をメモ。

 

対応方法

https://apps.twitter.com/

上記ページからログインして利用中のAppを選択し、Settingsタブを開く。Callback URLsを入れる。URLは「http://hoge.com/login/」で実装している場合は、

http://hoge.com/login/twitter/oauth_callback

を入力しUpdate Settingsボタンを押して設定を反映させると解決する。

 

その他

CallbackのURLを設定するというのはエラー内容から分かるんだけど、実際にURLをどう書けばよいのか分からなかった。「http://hoge.com/login/」「http://hoge.com/login/index.php」「http://hoge.com/login/callback.php」「http://hoge.com/login/twitter」あたりを試したが解決されなかった。

なのでopauthの「/login/lib/Opauth/Strategy/Twitter/TwitterStrategy.php」内にある、

の中身を見たところ「http://hoge.com/login/twitter/oauth_callback」が正解だった。

無いとは思うけどopauthのバージョン違いとかで上記で対応できない場合は、71行目あたりで以下を追記することでcallback用のURLが見られる。

 

 - その他

  関連記事

phtmlファイル

これまた見たことの無い拡張子があった。 phtmlファイルというもの。 中身を見 ...

androidでgeolocationを使うとtimeoutになる

Geolocation APIを用いて現在地をGoogleMapに表示させるとい ...

httpsについて

「https」について触れることがあったのでメモ。 どのようなものかはベリサイン ...

ウィジウィグとは

ちょいちょい「ウィジウィグ」という単語を聞くけど、 実際にどういうものなのかよく ...

ペッパーフラッシュ(Pepper Plugin API)

最近職場で「ペッパーフラッシュが云々……」という会話が 聞こえて(ペッパーフラッ ...

管理画面やダッシュボードとして便利そうなテンプレート

新規サイトの立ち上げでダッシュボード、管理画面を作る必要があった。 小規模なサイ ...

firebugでCSSパスをコピー

要素を調査⇒右クリック⇒CSSパスをコピーできる。 jQueryでのセレクタ指定 ...

Cookieの最大文字(byte)数

CookieにID等の文字数を大量に保存したかった。ただ、どの程度の文字(バイト ...

異なるVPS間でMySQLの接続を行う

異なるVPS間でMySQL接続を行った際のメモ。 さくらVPS(IP:111.1 ...

javascriptの圧縮

javascriptの圧縮を自身で行えると聞いたので 調べたところ、そういうオン ...