วิธีใช้งาน Twitter Login บนแอป Android ด้วย Parse Server

วิธีการเพิ่มการเข้าสู่ระบบ twitter ในแอป android ของคุณ บทนำ ส่วนนี้อธิบายวิธีการสร้างแอปที่มีการลงทะเบียนผู้ใช้โดยใช้การเข้าสู่ระบบ twitter และ https //www back4app com/product/parse server ผ่าน back4app มันจะดูเหมือนแบบนี้ ในทุกเวลา คุณสามารถเข้าถึงโปรเจกต์ android ที่สร้างขึ้นโดยใช้บทเรียนนี้ได้ที่ https //github com/back4app/android geopoints tutorial ข้อกำหนดเบื้องต้น ในการทำตามบทเรียนนี้ เราต้องการ https //developer android com/studio/index html แอปที่สร้างขึ้นบน back4app หมายเหตุ ติดตาม https //www back4app com/docs/get started/new parse app เพื่อเรียนรู้วิธีการสร้าง parse app บน back4app แอป android ที่เชื่อมต่อกับ back4app หมายเหตุ ติดตาม https //www back4app com/docs/android/parse android sdk เพื่อสร้างโปรเจกต์ android studio ที่เชื่อมต่อกับ back4app อุปกรณ์ (หรือ https //developer android com/studio/run/managing avds html ) ที่รัน android 4 1 (jelly bean) หรือใหม่กว่า 1 การตั้งค่า twitter ในการเริ่มใช้ฟังก์ชัน twitter คุณต้อง ไปที่ https //apps twitter com/ , ลงชื่อเข้าใช้ด้วยบัญชี 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 สำหรับ android 1 // อย่าลืมเปลี่ยนบรรทัดด้านล่างด้วยเวอร์ชันล่าสุดของ parse twitter utils sdk สำหรับ android 2 implementation 'com github parse community\ parsetwitterutils android\ latest version here' จำไว้ว่าต้องอัปเดตเวอร์ชันของ parse facebook utils sdk สำหรับ android ให้เป็นเวอร์ชันล่าสุด คุณสามารถตรวจสอบว่าเวอร์ชันล่าสุดคืออะไรที่ https //jitpack io/ , โดยทำตามขั้นตอนเหล่านี้ ที่เว็บไซต์ jitpack ให้วาง parse community/parsetwitterutils android parse community/parsetwitterutils android ใน git repo url git repo url กล่อง หลังจากทำเสร็จแล้ว ให้คลิกที่ look up look up ปุ่ม จากนั้นคุณควรเห็นเวอร์ชันที่มีอยู่ของ parse twitter utils sdk สำหรับ android ตามที่แสดงในภาพด้านล่างนี้ 2 เชื่อมโยงแอป twitter ของคุณกับ back4app ในโปรเจกต์ android studio ของคุณ ในไฟล์ java ที่เรียกว่า app app ที่ขยาย application ที่คุณสร้างขึ้นเพื่อเริ่มต้น parse sdk ใน 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 อย่างถูกต้อง การเข้าสู่ระบบ facebook ของคุณด้วย parse จะไม่ทำงาน 2\ ไปที่ app app > res res > values values > strings xml strings xml ไฟล์ ในไฟล์ strings xml strings xml ให้เพิ่มโค้ดต่อไปนี้ \<! เปลี่ยนสตริงต่อไปนี้ตามที่ต้องการ > \<string name="twitter consumer key">วาง คีย์ผู้บริโภค twitter ของคุณ\</string>\<string name="twitter consumer secret">วาง ความลับผู้บริโภค twitter ของคุณ\</string> 2\ ทิ้งไฟล์ string xml string xml ไว้และไปที่เว็บไซต์ back4app ลงชื่อเข้าใช้และคลิกที่ my apps my apps ค้นหาแอปของคุณแล้วคลิกที่ การตั้งค่าเซิร์ฟเวอร์ การตั้งค่าเซิร์ฟเวอร์ ค้นหา “twitter login” block และคลิกที่ การตั้งค่า การตั้งค่า “twitter login” block มีลักษณะดังนี้ 2\ ทิ้งหน้า back4app twitter login ที่คุณเยี่ยมชมไว้เปิดอยู่และไปที่ https //apps twitter com/ ค้นหาแอปของคุณและคลิกที่ชื่อของมัน 3\ คลิกที่ keys and access tokens, คัดลอก consumer key (api key) และ consumer secret (api secret) และวางในหน้า back4app twitter login โดยกรอกในฟิลด์ที่เกี่ยวข้อง เพื่อเสร็จสิ้นเพียงคลิกที่ save consumer key (api key) และ consumer secret (api secret) มีลักษณะดังนี้ 4\ นอกจากนี้ ให้คัดลอก consumer key (api key) consumer key (api key) และ consumer secret (api secret) consumer secret (api secret) และวางมันใน strings xml strings xml ไฟล์ของโปรเจกต์ android studio ของคุณ 4 เข้าสู่ระบบ นำเข้าไปยัง loginactivity loginactivity 1 import android app alertdialog ; 2 import android app progressdialog ; 3 import android content dialoginterface ; 4 import android content intent ; 5 import android support v7 app appcompatactivity ; 6 import android os bundle ; 7 import android view\ view ; 8 import android util log ; 9 import android widget button ; 10 import android widget toast ; 11 12 import com parse logincallback ; 13 import com parse parseexception ; 14 import com parse twitter parsetwitterutils ; 15 import com parse parseuser ; 16 import com parse savecallback ; 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 }); ในโปรเจกต์ตัวอย่าง รหัสนี้ถูกวางไว้ภายใน เข้าสู่ระบบผ่านทวิตเตอร์ เข้าสู่ระบบผ่านทวิตเตอร์ การเรียกกลับของปุ่ม 3\ น่าสนใจที่จะเพิ่มวิธีการแสดง alert dialogs และทำให้กระบวนการดูเป็นมืออาชีพมากขึ้น วิธีการด้านล่างทำเช่นนี้ 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 1 import android app alertdialog ; 2 import android app progressdialog ; 3 import android content dialoginterface ; 4 import android content intent ; 5 import android support v7 app appcompatactivity ; 6 import android os bundle ; 7 import android view\ view ; 8 import android widget button ; 9 10 import com parse parseuser ; 2\ เพื่อดำเนินการออกจากระบบ twitter เพียงใช้โค้ดด้านล่าง 1 parseuser logout (); 2 alertdisplayer ( "ดังนั้น คุณกำลังจะไป " , "โอเค ลาก่อนแล้วกัน" ); ในโปรเจกต์ตัวอย่าง โค้ดนี้ถูกวางไว้ภายใน logout via twitter logout via twitter การเรียกกลับของปุ่ม วิธีการ alertdisplayer alertdisplayer เป็นวิธีเดียวกับที่คุณเพิ่มใน loginactivity loginactivity , เพียงแค่จำไว้ว่าต้องเปลี่ยน intent intent อาร์กิวเมนต์ในไฟล์ strings xml ของโปรเจกต์ android studio ของคุณ เสร็จเรียบร้อย! ในขั้นตอนนี้ คุณสามารถเข้าสู่ระบบ ลงทะเบียน และออกจากระบบแอปของคุณด้วย twitter โดยใช้ฟีเจอร์หลักของ parse server ผ่าน back4app!