Membuka Dapur Kode: Membuat Script GAS Pertama
BeniSubianto.web.id - Database (Google Sheets) yang baru saja Anda buat di artikel sebelumnya ibarat sebuah buku tulis kosong yang pasif. Ia hanya bisa diam menunggu Anda mengetikkan sesuatu. Agar buku ini menjadi "pintar"—bisa menerima data dari luar, mengirim email, atau menghubungi server—kita perlu menanamkan sebuah otak di dalamnya.
Di ekosistem Google, otak ini bernama Google Apps Script. Cara kita membuatnya kali ini disebut dengan metode Container-bound. Istilah teknisnya terdengar rumit, tapi artinya sederhana: Script yang "menempel" langsung pada file Spreadsheet. Kelebihannya? Script ini akan otomatis tahu bahwa "Majikan"-nya adalah file database yang sedang Anda buka, tanpa perlu kita kenalkan lagi.
Langkah 1: Masuk ke Editor Script
Pastikan Anda masih membuka file "DraftPost Database Master" yang tadi kita buat.
- Lihat deretan menu di bagian atas (File, Edit, View, dsb).
- Klik menu Extensions (atau Ekstensi dalam bahasa Indonesia).
- Di menu yang muncul, pilih Apps Script.
Sebuah tab baru akan terbuka di browser Anda. Selamat datang di Apps Script Editor! Ini adalah "bengkel" tempat kita akan merakit mesin aplikasi kita. Tampilannya mungkin terlihat seperti program hacker di film-film dengan latar belakang putih/hitam dan nomor baris, tapi jangan terintimidasi.
Langkah 2: Mengenal Lingkungan Kerja
Mari kita lihat sebentar apa yang ada di layar Anda:
- Bagian Tengah (Editor): Ini adalah kanvas utama tempat kita menulis kode. Saat ini, mungkin sudah ada tulisan
function myFunction() { ... }. - Bagian Kiri (Files): Daftar file kode. Secara default, ada satu file bernama
Code.gs. - Bagian Atas (Toolbar): Ada tombol Run, Debug, dan ikon Disket (Save).
Langkah 3: Memberi Nama Project
Secara default, project ini bernama "Untitled project". Mari kita rapikan agar tidak bingung nanti.
- Klik tulisan Untitled project di bagian paling atas layar.
- Akan muncul kotak dialog ganti nama. Masukkan nama: DraftPost Client v1.
- Klik tombol Rename.
Langkah 4: Membersihkan Kanvas
Google selalu memberikan contoh kode kosong bernama myFunction setiap kali kita membuat project baru. Kita tidak membutuhkannya.
- Klik di area editor (tengah).
- Hapus semua tulisan yang ada di sana (blok semua, tekan Delete/Backspace).
- Pastikan file
Code.gssekarang benar-benar kosong melompong, bersih tanpa sisa teks sedikitpun.
Langkah 5: Membuat File HTML (Untuk Dashboard)
Selain kode logika (file .gs), aplikasi kita nanti juga punya tampilan visual (Dashboard) yang cantik. Tampilan ini dibuat menggunakan bahasa HTML. Mari kita siapkan filenya sekarang.
- Arahkan kursor ke sebelah kiri, di samping tulisan Files, ada tanda + (Plus). Klik tanda itu.
- Pilih opsi HTML.
- Beri nama file tersebut: Dashboard (Perhatikan huruf 'D' besar, tanpa spasi).
- Tekan Enter.
Sekarang di panel kiri Anda punya dua file: Code.gs dan Dashboard.html. Keduanya masih kosong atau berisi kode dasar.
Dapur sudah siap, alat-alat sudah digelar. Sekarang saatnya "memasak". Di artikel selanjutnya, kita akan mulai menyalin (copy-paste) kode rahasia yang sudah saya siapkan untuk menghidupkan sistem ini. Pastikan Anda sudah menyiapkan data-data seperti Client ID, Secret, Token, dll di dekat Anda!
