Android
Users
AndroidでTwitter認証を実装する方法
16 分
androidアプリにtwitterログインを追加する方法 はじめに このセクションでは、twitterログインを使用してユーザー登録を行うアプリを作成する方法を説明します。 parse serverのコア機能 をback4appを通じて。 このようになります いつでも、このチュートリアルで構築した完全なandroidプロジェクトにアクセスできます。 githubリポジトリ にて。 前提条件 このチュートリアルを完了するには、 android studio back4appで作成されたアプリ。 注意 新しいparseアプリのチュートリアル を参照して、back4appでparseアプリを作成する方法を学んでください。 back4appに接続されたandroidアプリ。 注意 parse sdkのインストールチュートリアル を参照して、back4appに接続されたandroid studioプロジェクトを作成してください。 android 4 1(jelly bean)以上を実行しているデバイス(または 仮想デバイス )。 1 twitterの設定 twitter機能を使用するには、次のことが必要です。 に行く twitterアプリケーション管理ウェブサイト , twitterアカウントでサインインし、 新しいアプリを作成 新しいアプリを作成 をクリックします。 に必要事項を記入します アプリケーションの詳細 アプリケーションの詳細 コールバックurl コールバックurl を指定するように求められたら、 twittersdk // twittersdk // を挿入してください。これは、 必須 であり、twitterを通じた認証を有効にするためです。 3\ 開発者契約 開発者契約 をクリックし、次に twitterアプリケーションを作成 twitterアプリケーションを作成 をクリックします。 4\ あなたのandroid studioプロジェクトを開き、次を見つけます build gradle (module app) build gradle (module app) と dependencies{} dependencies{} セクションに、parse twitter utils sdk for androidをインストールするための以下のコードを追加します。 parse facebook utils sdk for androidのバージョンを最新のものに更新することを忘れないでください。最新のバージョンは jitpackウェブサイト で確認できます。次の手順に従ってください jitpackウェブサイトで、 parse community/parsetwitterutils android parse community/parsetwitterutils android を git repo url git repo url ボックスに貼り付けます。 その後、 look up look up ボタンをクリックします。次に、parse twitter utils sdk for androidの利用可能なバージョンが表示されるはずです。以下の画像に示されています。 2 twitterアプリをback4appにリンクする android studioプロジェクト内で、parse sdkを初期化するために作成した app app という名前のjavaファイルの oncreate oncreate メソッド内で、 parse initialize() parse initialize() の呼び出しの直後に、以下のコードを使用してparse twitter utils sdkを初期化します。 1 parsetwitterutils initialize(getstring(r string twitter consumer key), getstring(r string twitter consumer secret)); このステップで説明されているように、 app java app java ファイルがない場合は、 https //www back4app com/docs/android/parse android sdk のドキュメントにアクセスし、parse sdkを正しくインストールするために必要なすべての手順を実行したことを確認してください。parse sdkを正しくインストールしないと、parseでのfacebookログインは機能しません。 2\ app app > res res > values values > strings xml strings xml ファイルに移動します。 「 strings xml strings xml 」ファイルに次のコードを追加します 2\ 「 string xml string xml 」を開いたままにして、back4appのウェブサイトに移動し、ログインして「 マイアプリ マイアプリ 」をクリックします。アプリを見つけて、「 サーバー設定 サーバー設定 」をクリックします。 「twitterログイン」ブロックを見つけて、 設定 設定 をクリックします。「twitterログイン」ブロックはこのように見えます 2\ あなたが訪れた「back4app twitterログイン」ページを開いたままにして、 twitterアプリケーション管理ウェブサイト に行き、あなたのアプリを見つけてその名前をクリックします。 3\ 「キーとアクセストークン」をクリックし、消費者キー(apiキー)と消費者シークレット(apiシークレット)をコピーして、back4app twitterログインページに貼り付け、それぞれのフィールドを埋めます。最後に「保存」をクリックします。消費者キー(apiキー)と消費者シークレット(apiシークレット)はこのように見えます 4\ また、 消費者キー (apiキー) 消費者キー (apiキー) と 消費者シークレット (apiシークレット) 消費者シークレット (apiシークレット) をコピーして、 strings xml strings xml ファイルに貼り付けます。 4 ログイン あなたの loginactivity loginactivity にインポートします 2\ twitterログインを実装するには、以下のコードを使用してください 1 parsetwitterutils login(loginactivity this, new logincallback() { 2 3 @override 4 public void done(final parseuser user, parseexception err) { 5 if (err != null) { 6 dlg dismiss(); 7 parseuser logout(); 8 log e("err", "err", err); 9 } 10 if (user == null) { 11 dlg dismiss(); 12 parseuser logout(); 13 toast maketext(loginactivity this, "the user cancelled the twitter login ", toast length long) show(); 14 log d("myapp", "uh oh the user cancelled the twitter login "); 15 } else if (user isnew()) { 16 dlg dismiss(); 17 toast maketext(loginactivity this, "user signed up and logged in through twitter ", toast length long) show(); 18 log d("myapp", "user signed up and logged in through twitter!"); 19 user setusername(parsetwitterutils gettwitter() getscreenname()); 20 user saveinbackground(new savecallback() { 21 @override 22 public void done(parseexception e) { 23 if (null == e) { 24 alertdisplayer("first tome login!", "welcome!"); 25 } else { 26 parseuser logout(); 27 toast maketext(loginactivity this, "it was not possible to save your username ", toast length long) show(); 28 } 29 } 30 }); 31 } else { 32 dlg dismiss(); 33 toast maketext(loginactivity this, "user logged in through twitter ", toast length long) show(); 34 log d("myapp", "user logged in through twitter!"); 35 alertdisplayer("oh, you!","welcome back!"); 36 } 37 } 38 }); この例のプロジェクトでは、このコードは twitterでログイン twitterでログイン ボタンのコールバック内に配置されています。 3\ アラートダイアログを表示するメソッドを追加すると、プロセスがよりプロフェッショナルに見えるのが興味深いです。以下のメソッドはこれを実現します 1 private void alertdisplayer(string title,string message){ 2 alertdialog builder builder = new alertdialog builder(loginactivity this) 3 settitle(title) 4 setmessage(message) 5 setpositivebutton("ok", new dialoginterface onclicklistener() { 6 @override 7 public void onclick(dialoginterface dialog, int which) { 8 dialog cancel(); 9 // don't forget to change the line below with the names of your activities 10 intent intent = new intent(loginactivity this, logoutactivity class); 11 intent addflags(intent flag activity clear task | intent flag activity new task); 12 startactivity(intent); 13 } 14 }); 15 alertdialog ok = builder create(); 16 ok show(); 17 } 5 ログアウト あなたの loginactivity loginactivity にインポートします 2\ twitterログアウトを実装するには、以下のコードを使用してください この例のプロジェクトでは、このコードは twitter経由でログアウト twitter経由でログアウト ボタンのコールバック内に配置されています。 メソッド alertdisplayer alertdisplayer は、あなたが loginactivity loginactivity に追加したものと同じです。 intent intent 引数を変更することを忘れないでください。あなたのandroid studioプロジェクトのstrings xmlファイル内で。 完了しました! この段階で、あなたはparse serverのコア機能を通じてback4appを使用して、twitterでアプリにログイン、登録、ログアウトできます!