Membuat Web dengan Google Apps Script

Apps Script adalah platform scripting yang dikembangkan oleh Google untuk pengembangan aplikasi ringan di platform G Suite. Google Apps Script pada awalnya dikembangkan oleh Mike Harm sebagai proyek sampingan sambil bekerja sebagai pengembang di Google Sheets.

Dalam App Script ini anda dapat membuat berbagai bentuk aplikasi web, api, script sheet dll dengan bantuan database Google Sheets.

Dalam tutorial ini akan saya jelaskan cara membuat web pendataan YearBook dengan bantuan Apps Script ini.

Website : https://script.google.com/macros/s/AKfycbyWGScRVdAYqZIX7qriMz-GSqii7YhoQIJGuCs3/exec

1. Pertama-tama silahkan kunjungi Google Sheets anda. Silahkan login menggunkan akun google anda. Pilih menu Go to Google Sheets.

2. Isikan SpreadSheet anda dengan atribut-atribut data yang anda butuhkan. Seperti pada gambar dibawah

Atribut yang saya gunakan :

- nama

- alamat

- email

- nohp

- ig

- twitter

- kata

3. Untuk menambahkan script silahkan plih menu Alat > Editor Script

Maka anda akan dialihkan ke halaman editor script seperti gambar dibawah

4. Selanjutnya silahkan isi kode dibawah pada file Kode.gs

function doGet(e) > Untuk meload view web sebagai UI user memasukkan data. Fungsi ini akan meload file index.html
function userClicked > Fungsi akan menerima data inputan user dan akan menambahakan (append) data pada SpreadSheet.

note : id spreadsheet dapat anda lihat pada url spreadsheet anda

pada url dibawah yang ditandai dengan huruf tebal merupakan id dokumen spreedsheet

https://docs.google.com/spreadsheets/d/1A3cz77P6nsIV-v5tYOtHej8ifZlER0th-lH9mc9qxY0/edit#gid=0

5. Untuk membuat UI user maka kita akan membuat file index.html yang berisi form data-data yang kita butuhkan. Pilih menu File > baru > file html. Isikan kode dibawah pada index.html

Pada kode diatas saya menggabungkan js dan css dalam file html. Anda bisa memisahnya menjadi file .css dan .js dan melinkkan file ke html anda.

Yang perlu diperhatikan dalam kode diatas adalah id pada tiap form harus benar agar script dapat berjalan dan data dapat tersimpan pada SpreadSheet.

6. Untuk keperluan hostingnya silahkan pilih menu publikasikan > terapkan sebagai aplikasi web