Lihat Pemilih Google
Minggu lalu kami melihat Pengunggah File umum dengan Vue .
Sekarang mari kita lihat bagaimana kita dapat memilih file dari Google Drive.
Pengaturan Awal dengan Google
Pergi ke https://console.developers.google.com. Buat proyek.
Setelah membuat proyek Anda maka akan terdaftar, klik pada proyek yang Anda buat.
Anda akan melihat kotak dialog ini.
Anda harus membuat dua kredensial:
- kunci API
- Id Klien OAuth
Membuat Id Klien OAuth:
Untuk membuat ID klien OAuth, Anda harus menetapkan nama produk terlebih dahulu di layar persetujuan.
Di sini layar persetujuan OAuth Anda (seperti terlihat pada gambar di atas), masukkan detail Aplikasi seperti:
- Nama aplikasi,
- Logo Aplikasi, dan
- Domain Resmi.
Lanjutkan untuk membuat Id Klien OAuth.
Saat berhasil membuat Id klien OAuth. Anda akan mendapatkan ID Klien unik dan kunci rahasia.
Sekarang masuk ke layar Dashboard dan ikuti langkah-langkahnya:
- Klik “ Aktifkan API dan Layanan ”.
- Cari “ Google Picker API ” dan Aktifkan API .
Menginstal Vue dan Membuat Aplikasi baru .
( Lewati ke bagian selanjutnya, jika sudah selesai.. )
Instal vue-cli jika Node v8.9 atau lebih tinggi telah diinstal.
Atau
Membuat Proyek baru.
Buat komponen GDriveSelector dan sertakan skrip Google API pada kait siklus proses yang terpasang pada komponen ini.
Deklarasikan properti data yang diperlukan dari komponen.
Mendefinisikan Fungsi untuk Menghubungkan Google Drive
- Fungsi yang menangani Google Auth dan Memuat Picker
- Fungsi yang menangani Hasil Google Auth
- Fungsi yang membuat Picker
- Fungsi panggilan balik untuk Picker
Setelah semuanya siap, Anda siap untuk menguji fitur Google File Picker Anda.
Contoh kerja sederhana dapat ditemukan di sini .
Repo dapat ditemukan di sini .
Inilah Karthik yang mewakili Timeless .
Jika Anda merasa postingan blog ini bermanfaat, bagikan dengan teman.
Jika Anda menemukan kesulitan, silakan tambahkan komentar Anda.
Yang akan hadir minggu depan adalah Dropbox Chooser API dengan Vue.
Ikuti Desain Praktis dan pantau terus.
Suggested posts
Dua tahun dalam desain- Yang baik, buruk, dan jelek…
“Hai Siri, mainkan Me Dive oleh Olivia Dean.” Saat itu Mei 2021 ketika saya memulai magang di Future Academy Africa di Akure, Nigeria.
“Pulau kecil itu mengubah segalanya”
Bagaimana kami merancang Lyft Live Activities untuk meningkatkan pengalaman pengendara
Pengubah permainan untuk rideshare Dari semua hal yang kami lakukan di Lyft, membuat koreografi pickup antara pengendara & pengemudi adalah salah satu yang paling kompleks dan konsekuensial. Memakukan koreografi ini bergantung pada Lyft yang melakukan banyak hal dengan baik, tetapi menjaga kecepatan pengendara itu penting.
Related posts
Lacak Siapa Saja Hanya dengan Nomor Telepon | Investigasi OSINT
Anda bisa menjadi Penyelidik OSINT, Pemain CTF, atau sekadar seseorang yang menerima panggilan spam. Seseorang yang mencoba memverifikasi nomor yang Anda lihat di iklan.
Tidak ada lagi kata sandi — bagaimana kunci sandi akan menggantikan kata sandi Anda
Untuk menghindari ambiguitas istilah berikut akan digunakan; Pengautentikasi; Ponsel yang digunakan untuk membuat situs web login; Situs web atau aplikasi yang digunakan pengguna untuk membuat Layanan permintaan login; Vendor menyediakan layanan yang diberikan misalnya
Revolusi Tempat Kerja: Para Ahli Teratas Membahas Kerja Hibrid dan Jarak Jauh
Dalam lanskap bisnis yang berkembang pesat saat ini, konsep kerja hibrid dan jarak jauh telah mendapatkan momentum yang belum pernah terjadi sebelumnya. Saat perusahaan terus beradaptasi dengan perubahan kebutuhan dan harapan karyawan mereka, para ahli dari berbagai bidang berkumpul untuk membahas manfaat, tantangan, dan masa depan cara kerja transformatif ini.
"The Mariana Trench Unveiled: Menyingkap Kebenaran Tersembunyi yang Mengerikan dari Abyss"
Pendahuluan:Selamat datang, para pembaca yang pemberani, dalam sebuah perjalanan yang akan membawa kita ke kedalaman tergelap planet kita. Di blog ini, kami menyelidiki dunia penuh teka-teki Palung Mariana, mengungkap rahasianya yang tersembunyi dan mengungkap kebenaran mengerikan yang ada di bawah permukaannya.