Panduan memulai menjelaskan cara menyiapkan dan menjalankan aplikasi yang memanggil Google Workspace API.
Panduan memulai Google Workspace menggunakan library klien API untuk menangani beberapa detail alur autentikasi dan otorisasi. Sebaiknya gunakan library klien untuk aplikasi Anda sendiri. Panduan memulai ini menggunakan pendekatan autentikasi yang disederhanakan dan sesuai untuk lingkungan pengujian. Untuk lingkungan produksi, sebaiknya pelajari autentikasi dan otorisasi sebelum memilih kredensial akses yang sesuai untuk aplikasi Anda.
Membuat aplikasi web JavaScript yang membuat permintaan ke Google Docs API.
Tujuan
- Menyiapkan lingkungan Anda.
- Siapkan contoh.
- Jalankan contoh.
Prasyarat
- Node.js & npm diinstal.
- Project Google Cloud.
- Akun Google
Menyiapkan lingkungan Anda
Untuk menyelesaikan panduan memulai ini, siapkan lingkungan Anda.
Mengaktifkan API
Sebelum menggunakan Google API, Anda harus mengaktifkannya di project Google Cloud. Anda dapat mengaktifkan satu atau beberapa API dalam satu project Google Cloud.Di konsol Google Cloud, aktifkan Google Docs API.
Mengonfigurasi layar izin OAuth
Jika Anda menggunakan project Google Cloud baru untuk menyelesaikan panduan memulai ini, konfigurasikan layar izin OAuth, lalu tambahkan diri Anda sebagai pengguna uji coba. Jika sudah menyelesaikan langkah ini untuk project Cloud Anda, lanjutkan ke bagian berikutnya.
- Di konsol Google Cloud, buka Menu > APIs & Services > OAuth consent screen.
- Untuk Jenis pengguna, pilih Internal, lalu klik Buat.
- Lengkapi formulir pendaftaran aplikasi, lalu klik Simpan dan Lanjutkan.
Untuk saat ini, Anda dapat melewati penambahan cakupan, lalu mengklik Simpan dan Lanjutkan. Pada masa mendatang, jika Anda membuat aplikasi untuk digunakan di luar organisasi Google Workspace, Anda harus mengubah Jenis pengguna menjadi Eksternal, lalu menambahkan cakupan otorisasi yang diperlukan aplikasi Anda.
- Tinjau ringkasan pendaftaran aplikasi Anda. Untuk melakukan perubahan, klik Edit. Jika pendaftaran aplikasi sudah benar, klik Back to Dashboard.
Memberi otorisasi kredensial untuk aplikasi web
Untuk mengautentikasi pengguna akhir dan mengakses data pengguna di aplikasi, Anda harus membuat satu atau beberapa Client ID OAuth 2.0. Client ID digunakan untuk mengidentifikasi satu aplikasi ke server OAuth Google. Jika aplikasi berjalan di beberapa platform, Anda harus membuat client ID terpisah untuk setiap platform.- Di konsol Google Cloud, buka Menu > APIs & Services > Credentials.
- Klik Create Credentials > OAuth client ID.
- Klik Jenis aplikasi > Aplikasi web.
- Di kolom Name, ketik nama untuk kredensial tersebut. Nama ini hanya ditampilkan di Konsol Google Cloud.
- Tambahkan URI resmi yang terkait dengan aplikasi Anda:
- Aplikasi sisi klien (JavaScript)–Di bagian Asal JavaScript yang diotorisasi, klik Tambahkan URI. Kemudian, masukkan URI yang akan digunakan untuk permintaan browser. Atribut ini mengidentifikasi domain tempat aplikasi Anda dapat mengirim permintaan API ke server OAuth 2.0.
- Aplikasi sisi server (Java, Python, dan lainnya)–Di bagian Authorized redirect URI, klik Add URI. Kemudian, masukkan URI endpoint yang dapat menerima respons dari server OAuth 2.0.
- Klik Create. Layar yang dibuat klien OAuth akan muncul, yang menunjukkan Client ID dan Rahasia klien baru Anda.
Catat Client-ID-nya. Rahasia klien tidak digunakan untuk aplikasi Web.
- Klik OK. Kredensial yang baru dibuat akan muncul di bagian Client ID OAuth 2.0.
Catat kredensial ini karena Anda akan memerlukannya nanti dalam panduan memulai ini.
Membuat Kunci API
- Di konsol Google Cloud, buka Menu > APIs & Services > Credentials.
- Klik Create credentials > API key.
- Kunci API baru Anda akan ditampilkan.
- Klik Copy untuk menyalin kunci API agar dapat digunakan dalam kode aplikasi Anda. Kunci API juga dapat ditemukan di bagian "Kunci API" pada kredensial project Anda.
- Klik Restrict key untuk memperbarui setelan lanjutan dan membatasi penggunaan kunci API. Untuk detail selengkapnya, lihat Menerapkan pembatasan kunci API.
Menyiapkan contoh
- Di direktori kerja, buat file bernama
index.html
. Di file
index.html
, tempel kode contoh berikut:Ganti kode berikut:
YOUR_CLIENT_ID
: client ID yang Anda buat saat mengotorisasi kredensial untuk aplikasi web.YOUR_API_KEY
: kunci API yang Anda buat sebagai Prasyarat.
Menjalankan contoh
Di direktori kerja Anda, instal paket http-server:
npm install http-server
Di direktori kerja, jalankan server web:
npx http-server -p 8000
- Di browser Anda, buka
http://localhost:8000
. -
Anda akan melihat perintah untuk mengizinkan akses:
- Jika Anda belum login ke Akun Google, login saat diminta. Jika Anda login ke beberapa akun, pilih satu akun yang akan digunakan untuk otorisasi.
- Klik Accept.
Aplikasi JavaScript Anda menjalankan dan memanggil Google Docs API.
Langkah berikutnya
- Memecahkan masalah autentikasi dan otorisasi
- Dokumentasi referensi Docs API
- Bagian
google-api-javascript-client
di GitHub