Code

สร้าง google sheet และเปลี่ยนชื่อชีตเป็น user

2. เปิดแถบส่วนขยาย > apps script > code.gs หรือ รหัส.gs คัดลอกโค้ดด้านล่างไปวาง และทำให้ใช้งานได้

code.gs

//-------------------คัดลอก-------------------

function doPost(e){

const obj = JSON.parse(e.postData.contents)

return signin(obj)

}

function signin(obj){

const dataAll = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("user").getDataRange().getDisplayValues()

try{

let item = dataAll.findIndex(r=> r[0] === obj.userID && r[1] === obj.pwd )

if(~item){

return ContentService.createTextOutput("Successfully")

}else{

return ContentService.createTextOutput("Try again")

}

}catch(err){

return ContentService.createTextOutput(err)

}

3. ฝังโค้ดด้านล่างลงในเพจของกูเกิลไซต์

นำไอดีของโฟลเดอร์กูเกิลไดรฟ ไปแทนที่ YourIdFolder
นำ URL เว็บแอปของท่าน https://script.google.com/macros/s/AKfy..........MugZ8t9/exec ไปแทนที่ xxxxxxxxx

code ฝั่งใน page google site

<!DOCTYPE html>

<html>

<head>

<title>Login</title>

<style>

.inputtext {

width: 100%;

vertical-align: middle;

margin: 5px 10px 5px 0;

padding: 10px;

background-color: #ffffff;

border: 2px solid #000;

border-radius: 20px;

box-sizing: border-box;

}

.button {

width: 100%;

vertical-align: middle;

margin: 5px 10px 5px 0;

padding: 10px;

background-color: #ff49c2;

border: 2px solid #e2036b;

border-radius: 20px;

box-sizing: border-box;

text-transform: uppercase;

color: white;

}

div {

font-family: arial;

font-weight: bold;

}

#msg {

color: #000000;

}

body {

overflow-y: hidden;

/* Hide vertical scrollbar */

overflow-x: hidden;

/* Hide horizontal scrollbar */

}

</style>

</head>

<body>

<br>

<br>

</form>

</div>

</center>

</center>

//App Script URL

const url = "xxxxxxxxx"; //Change API URL xxx...xxx.exec

function login() {

const user = document.forms["myform"]["uname"].value;

const pass = document.forms["myform"]["pass"].value;

const obj = {

userID: user,

pwd: pass

};

fetch(url, {

method: "POST",

body: JSON.stringify(obj)

})

.then((r) => r.text())

.then((data) => {

if(data === "Successfully"){

document.forms["myform"].reset()

document.querySelector("#frame").innerHTML = `

}else{

document.forms["myform"].reset()

document.querySelector("#frame").innerHTML = data

}

})

}

</script>

</body>

</html>

หมายเหตุ โฟลเดอร์ต้องแชร์ให้ทุกคนอ่านได้