Google Script Web Aplikasyon
-
Baslangic
-
Google Hesabi (yoksa olusturun)
-
Chrome web tarayicisini acin
-
Kullanici adinizla giris yapin
-
-
Google Drive ac
-
Yeni klasor olustur (proje)
-
Proje dosyasini ac
-
Script Olustur
-
Adlandir (webAppScript)
-
code.gs acilista gelir (kesinlikle isim degistirilmez)
-
-
Script ust menuden “File” tikla
-
“New” tikla
-
“HTML file” tikla
-
Yeni olusturulan doyanin ismini ”index.html” olarak degistir
-
-
Script ust menuden “File” tikla
-
“New” tikla
-
“HTML file” tikla
-
Yeni olusturulan doyanin ismini ”javaScript.html” olarak degistir
-
-
Script ust menuden “File” tikla
-
“New” tikla
-
“HTML file” tikla
-
Yeni olusturulan doyanin ismini ”styleSheet.html” olarak degistir
-
-
spread sheet olustur (tablo verileri icin)
-
adlandir(tablolar)
-
-
spread sheet olustur (tablo ayarlari icin)
-
adlandir(tabloAyarlari)
-
-
spread sheet olustur (genel ayarlar icin)
-
adlandir(opsiyonlar)
-
-
spread sheet olustur (thema’lar icin)
-
adlandir(themalar)
-
-
Yeni klasor olustur (resimler, iconlar, icin)
-
adlandir(resimler)
-
-
Sector 1
Fonksiyon doGet, doPost, getContent
Kodun yazilecagi yer “code.gs” (Kod.gs turkce kullaniyorsaniz)
function doGet(request) {
var output = HtmlService.createTemplateFromFile('index').evaluate().setTitle('webAppScript')
output.addMetaTag('viewport', 'width=device-width, initial-scale=1');
output.setSandboxMode(HtmlService.SandboxMode.IFRAME)
output.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
return output
}//fonk sonu
function include(filename) {
return HtmlService.createHtmlOutputFromFile(filename).getContent();
}//fonk sonu
function doPost(e){
}//fonk sonu
HTML
Kodun yazilecagi yer “index.html”
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<?!= include('styleSheet') ?>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<?!= include('javaScript'); ?>
</body>
</html>

web app yayinlama (deploy)