Membuat Googlesheet sebagai database

Untuk menyimpan data langsung ke Google Sheets, kita bisa menggunakan Google Apps Script sebagai backend untuk menerima dan menyimpan data dari HTML. Berikut langkah-langkahnya:

1. Buat Google Spreadsheet:

   • Buka Google Sheets.
   • Buat spreadsheet baru dan salin ID Spreadsheet dari URL (formatnya seperti https://docs.google.com/spreadsheets/d/ID_SPREADSHEET/edit).

2. Buat Google Apps Script:

   • Di Google Sheets, buka Extensions > Apps Script.
   • Hapus semua kode yang ada, lalu tambahkan kode berikut:

   function doPost(e) {
       var sheet = SpreadsheetApp.openById("ID_SPREADSHEET_ANDA").getSheetByName("Sheet1");
       var data = JSON.parse(e.postData.contents);
       sheet.appendRow([data.title, data.code]);
       return ContentService.createTextOutput("Success").setMimeType(ContentService.MimeType.TEXT);
   }
   

   • Ganti "ID_SPREADSHEET_ANDA" dengan ID dari Google Sheet Anda.

   • Simpan dan Deploy as Web App dengan pengaturan:

     • Who has access: "Anyone"
     • Run as: "Me"

   • Salin URL Web App yang diberikan setelah deployment.

3. Modifikasi HTML untuk Mengirim Data ke Google Sheets:

   • Ubah fungsi addScript() dalam kode HTML Anda:

   function addScript() {
       let title = document.getElementById("scriptTitle").value;
       let code = document.getElementById("scriptCode").value;
       if (title && code) {
           let scripts = JSON.parse(localStorage.getItem("savedScripts")) || [];
           scripts.push({ title, code });
           localStorage.setItem("savedScripts", JSON.stringify(scripts));
           loadScripts();
   
           // Kirim ke Google Sheets
           fetch("URL_WEB_APP_ANDA", {
               method: "POST",
               mode: "no-cors",
               headers: { "Content-Type": "application/json" },
               body: JSON.stringify({ title, code })
           });
       } else {
           alert("Harap isi semua kolom!");
       }
   }
   

   • Ganti "URL_WEB_APP_ANDA" dengan URL Web App yang telah Anda salin.

Dengan ini, setiap kali Anda menambahkan script, data akan tersimpan di localStorage dan dikirim ke Google Sheets secara otomatis! 🚀

Coba dulu, kalau ada kendala beri tahu saya! 😊