web analytics

Android Code : ทำ Google Plus login ตอนที่ 1

cover-1

บทความนี้ มาบันทึกการทำ Google+ login ครับ เป็นอีกหนึ่งความสะดวกเวลาล็อคอิน ในที่ต่างๆ นิยมใช้กันพอสมควร
โดยบทความนี้จะพาทำตั้งแต่สร้างโปรเจคกันเลย step by step

เนื้อหาอ้างอิงกับ Google service 9.0.0 ครับ ในจึงอนาคตอาจเปลี่ยนแปลงได้ (มันเปลี่ยนบ่อยด้วย) แต่โดยรวมคิดว่าไม่น่าจะแตกต่างจากเดิมมากนัก

 

ตรวจสอบว่า Google play service ล่าสุดหรือยัง

ตรวจสอบว่า Google play service ใน SDK Manager ล่าสุดแล้ว
ใน Android studio ไปที่ SDK Manager

2

 

แล้วกด Luanch Standalone SDK manager ด้านล่าง

3

 

เลื่อนไปด้านล่าง จะพบ Google Play service ถ้ามีให้อัพเดทให้กด อัพเดทเลย

1

 

เริ่มต้น

ให้เข้าเว็บ เพื่อโหลดไฟล์พวก config มาลงในโปรเจคเรา

https://developers.google.com/identity/sign-in/android/start-integrating

 

กดที่ปุ่ม GET A CONFIGURATION FILE (ถ้ามีล็อคอินก็ให้ล็อคอิน)

4

 

จากนั้น จะให้เราสร้าง app ขึ้น โดยใส่ชื่อแอปกับ package name

5

 

เว็บจะให้ใส่ Certificate SHA-1 เราต้องไปหามาใส่ วิธีหาอ่านต่อๆ

6

 

โดย เจ้า key นี้ จะมี 2 ตัว ตัวแรกเป็น debug key ใช้แค่ในตอนรันเพื่อพัฒนาแอป อีกตัวคือใช้ตอน release เพื่อขึ้น store
ตอนนี้เราจะหา debug key มาใส่กัน

 

หา Certificate SHA-1 ของ DEBUG KEY

ก่อนอื่นต้องรู้ก่อนว่าไฟล์ debug key ของ android studio อยู่ที่ไหน
ปกติแล้วมันจะอยู่ path นี้

C:\Users\your_user_name\.android

8

 

ดังนั้น path ของผมจึงเป็นลักษณะนี้

C:\Users\benznest\.android\debug.keystore

 

ต่อมา เปิด cmd ขึ้นมา แล้ว cd ไปยังโฟลเดอร์ bin ของ JDK บนเครื่องของเรา

7

 

แปะ command นี้ลงไป โดยใช้ path เมื่อสักครู่

keytool -list -v -keystore C:\Users\benznest\.android\debug.keystore

แล้วมันจะถามรหัสผ่าน ให้ใส่คำว่า android ลงไป

9

 

แล้ว Certificate SHA-1 ก็จะโผล่มาให้เราไปใส่ในเว็บแล้ว เย้

10

 

ใส่ SHA-1 ลงไป แล้วกด ENABLE GOOGLE SIGN-IN

11

แล้วปุ่ม Generate configuration files ด้านล่างจะปรากฏตัว เย้

12

 

กดแล้วก็ให้เลื่อนขึ้นไปด้านบน จะมีปุ่ม Download google-service.json

13

เราก็จะได้ไฟล์ google-servies.json มา
ให้เรา copy มันมาไว้ใน โฟลเดอร์ app ในโปรเจค ไฟล์นี้คือไฟล์พวก config ต่างๆ ทำให้ไม่ยุ่งยากใน code เรา

14

 

เปิดใช้งาน Google+ API

ขั้นตอนถัดมาคือ การไปเปิด google api ให้ใช้งาน

เข้าเว็บ developer console
https://console.developers.google.com/projectselector/apis/library

กดเลือกโปรเจคที่เราทำไว้เมื่อสักครู่

15

กดไปที่ Google+ API

16-1

 

ถ้ายังไม่ได้เปิดใช้งาน (ขึ้น ENABLE) ก็กดให้มันเปิดใช้งานซะ

17

 

เราทำขั้นตอนเตรียมการก่อน coding เสร็จแล้ว เดี๋ยวบทความนี้หน้าจะเขียน code กันครับ
พบกันบทความตอนหน้าจ้า

(:

 

Reference

https://developers.google.com/+/mobile/android/getting-started
https://developers.google.com/android/guides/client-auth
https://developers.google.com/identity/sign-in/android/start-integrating