ionic(cordova)にてtwitterログインを実装

ionic cordova ハイブリッドアプリ

やりたいことは、Twitterアカウントでのログインの実装。
前提としては、fabricへは登録済みであること。

やることは以下
・fabricからorganizationsを作成
・twitterアプリを作成
・twitter-connect-pluginプラグインの導入
・プログラム実装

fabricからorganizationsを作成

https://fabric.io/settings/organizations

作成したorganizationsの詳細画面へ行くと小さく「API Key」というのがあるのでコレをメモしておく。
ちなみに「Build Secret」というのもあるが今時点ではこちらは未使用。

twitterアプリを作成

https://apps.twitter.com/
作る際にハマったのが、今回は「Callback URL」使わないと思って未設定だったのだがこれが空だとなぜかうまくいかず。適当なURLをいれたらなぜかいけた。。
アプリを作ると「Consumer Key (API Key)」と「Consumer Secret (API Secret)」が確認できるのでこれをメモしておく。

twitter-connect-pluginプラグインの導入

ちょっと調べたらこのプラグインが1番ヒット気がしたので今回はこれで。

xxxxxの部分はfabricでメモした「API Key」

$ ionic plugin add twitter-connect-plugin --variable FABRIC_KEY=xxxxx

config.xml

・・・
  <preference name="TwitterConsumerKey" value="xxxxx" />
  <preference name="TwitterConsumerSecret" value="zzzzzz" />
</widget>

twitterアプリ作成時にメモしたConsumer KeyとConsumer Secretを設定

プログラム実装
TwitterConnect.login(
  function(result) {
    // 成功
    console.log(result);
  }, function(error) {
    // 失敗
  }

前もfabricでの作業で完結するのか、twitterアプリをつくらなきゃならないのか。。てところで迷ってる気がする。両方って覚えておけばよいのかな。以上です。