Значение столбца таблицы Google на странице html

Question

Я хотел бы сделать страницу уведомлений в моих сайтах Google из данных ячейки электронной таблицы. Ниже приведен пример html от W3 CSS Taps. W3 CSS Taps

Пожалуйста, помогите, как я могу поместить значения ячеек в теги

.

function getData(){  
  var ssID = "SHEET ID",
      ws = SpreadsheetApp.openById(ssID).getSheets()[2],
      data = ws.getRange(1, 1,ws.getLastRow(),4).getValues();
  var lastRow = getLastRow(data);

    Logger.log(data);
  return data;
}

  <div id="London" class="w3-container w3-border city">
    <h2>London</h2>
    <p id="str1"></p>
  </div>

  <div id="Paris" class="w3-container w3-border city" style="display:none">
    <h2>Paris</h2>
    <p id="str2"></p> 
  </div>

  <div id="Tokyo" class="w3-container w3-border city" style="display:none">
    <h2>Tokyo</h2>
    <p id="str3"></p>
  </div>

Answer 1

Вы можете попробовать использовать HTMLService из App Script.

В документации имеются действительные руководства по шаблонам HTML . Будучи более точным c для вашего случая, вы на самом деле можете pu sh переменных из скрипта приложения в ваши шаблоны .

Так что создайте файл html в Ваш проект выглядит так:

  <div id="London" class="w3-container w3-border city">
    <h2>London</h2>
    <p id="str1"><?= london ?></p>
  </div>

  <div id="Paris" class="w3-container w3-border city" style="display:none">
    <h2>Paris</h2>
    <p id="str2"><?= paris ?></p> 
  </div>

  <div id="Tokyo" class="w3-container w3-border city" style="display:none">
    <h2>Tokyo</h2>
    <p id="str3"><?= tokyo ?></p>
  </div>

А затем обслуживайте эту страницу с помощью скрипта приложений следующим образом:

function doGet() {
  var t = HtmlService.createTemplateFromFile('Index');
  var ss = SpreadsheetApp.getActiveSheet();
  t.london = ss.getRange("A2").getValue();
  t.paris = ss.getRange("B2").getValue();
  t.tokyo = ss.getRange("C2").getValue();
  return t.evaluate();
}

Конечно, вы можете изменить логику c после получения значений для вашего шаблон HTML.

---

Также другой вариант мог бы иметь функцию, позволяющую получать эту информацию через JavaScript, для этого варианта посмотрите это руководство для Связь между клиентом и сервером .