Найти в Дзене
Александр Маслов

Apps Script получение запроса от веб приложения.

нужно создать 2 файла 1 с расширением gs (Скрипт) 2 с расширением HTML Название можно использовать любое. При переходе на наш сайт нам нужен обработчик этого события. За это отвечает следующая функция, обязательная функция. function doGet(e){ } Мы должны вернуть наш Html файл для этого мы используем команду return HtmlService.createTemplateFromFile("тут должно быть название вашего html файла").evaluate().setTitle('название страницы(любое)'); HtmlService это класс в app script который создает html файл В нашем html файле создаем самый обычный сайт например <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Простой HTML-документ</title>
</head>
<body >
<h1>Мир то уже не тот</h1>
<p>Это пример простого HTML-документа.</p>
</body>
</html> Должно получиться так В этом случае код в js будет выглядеть так function doGet(e){ return HtmlService.createTemplateFromFile("Без названия").
Оглавление

Гугл скрипты (App Script) создание сайта получение и отправка запроса в скрипт.

1 Шаг

нужно создать 2 файла

1 с расширением gs (Скрипт)

2 с расширением HTML

-2

Название можно использовать любое.

2 шаг

При переходе на наш сайт нам нужен обработчик этого события.

За это отвечает следующая функция, обязательная функция.

function doGet(e){

}

3 шаг

Мы должны вернуть наш Html файл

для этого мы используем команду return HtmlService.createTemplateFromFile("тут должно быть название вашего html файла").evaluate().setTitle('название страницы(любое)');

HtmlService это класс в app script который создает html файл

-3

4 шаг

В нашем html файле создаем самый обычный сайт например

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Простой HTML-документ</title>
</head>
<body >
<h1>Мир то уже не тот</h1>
<p>Это пример простого HTML-документа.</p>
</body>
</html>

Должно получиться так

-4

В этом случае код в js будет выглядеть так

function doGet(e){

return HtmlService.createTemplateFromFile("Без названия").evaluate().setTitle('Вы кто такие я вас не звал');

}

5 шаг

Нам нужно начать развертывание нашего приложение

-5

Выбираем новое развертывание

-6

жмем на шестеренку и выбираем веб приложение

-7

Затем кнопку новое развертывание

-8

Получаем нашу сылку

Переходим на нее

6 шаг

для отправки и получение запроса в скрипт мы можем использовать следующие

HTML ФАЙЛ

(добавляем id по нему мы будем находить нужный элемент и заменять его скриптом )

добавляем скрипт обработки нажатия кнопки

-9

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Простой HTML-документ</title>

</head>

<body id="main">

<script>

function getHtmlCode(name){

google.script.run

.withSuccessHandler(

function(html) {

document.getElementById('main').innerHTML = html;

})

.test1ny(name);//Название функций

};

</script>

<h1>Добро пожаловать на мой сайт</h1>

<p>Это пример простого HTML-документа.</p>

<div class="item"><button onclick="getHtmlCode(' ')">Тест</button></div>

</body>

</html>

В скрипте

function doGet(e){

return HtmlService.createTemplateFromFile("Без названия").evaluate().setTitle('HOME');

}

function test1ny(name){

return "НУ и че";

}

-10

Дальше мы должны все сохранить и начать новое развертывание --> Начать развертывание

Переходим по новой ссылке и жмем на кнопку.

Так как есть задержка после нажатие ждем 10-20 секунд и все готово.

пример https://script.google.com/macros/s/AKfycbwNT2oMyXr37l80A--Ncsf8GzvJMnF3k8EPKaAIA1Vd8sqpy1uGsdxI6QAkOJtDRBXJNQ/exec