อย่าลืมโหลดไลบรารี JavaScript ของ Google Identity Services (https://accounts.google.com/gsi/client) ในหน้าเว็บที่ผู้ใช้อาจเริ่มขั้นตอนการให้สิทธิ์ OAuth 2.0 เพื่อรับรหัสการให้สิทธิ์หรือโทเค็นเพื่อการเข้าถึง ใช้ข้อมูลโค้ด <script> ต่อไปนี้ใน <head> หรือ <body> ของ HTML
<script src="https://accounts.google.com/gsi/client" async></script>
คุณเพิ่มประสิทธิภาพความเร็วในการโหลดหน้าเว็บได้โดยการโหลดสคริปต์ที่มีแอตทริบิวต์ async หากสคริปต์เริ่มต้นไคลเอ็นต์โทเค็น (google.accounts.oauth2.initTokenClient) หรือไคลเอ็นต์โค้ด (google.accounts.oauth2.initCodeClient) ทันทีที่โหลด คุณสามารถแนบ Callback Handler onload กับแท็ก <script> ได้ ดังนี้
<script src="https://accounts.google.com/gsi/client" onload="initClient()" async></script>
ดูรายการเมธอดและพร็อพเพอร์ตี้การกำหนดค่าทั้งหมดที่เนมสเปซ google.accounts.oauth2 รองรับได้ที่เอกสารอ้างอิง JavaScript API สำหรับการให้สิทธิ์บัญชี Google
ขั้นตอนถัดไป
หลังจากโหลดไลบรารีของไคลเอ็นต์แล้ว ให้เลือกรูปแบบการให้สิทธิ์ที่ตรงกับสถาปัตยกรรมแอปพลิเคชันของคุณ ดังนี้
- เลือกรูปแบบการให้สิทธิ์ผู้ใช้เพื่อเปรียบเทียบขั้นตอนรหัสการให้สิทธิ์และขั้นตอนการให้สิทธิ์โดยนัย
- ใช้รูปแบบรหัสการให้สิทธิ์ (แนะนำสำหรับแอปที่มีเซิร์ฟเวอร์แบ็กเอนด์)
- ใช้โมเดลโทเค็น (สำหรับแอปฝั่งไคลเอ็นต์ที่ใช้ได้เฉพาะในเบราว์เซอร์)