Может ли связанный скрипт Google вызвать Google Web App? - PullRequest
0 голосов
/ 20 февраля 2019

У меня есть веб-приложение, которое отлично работает и создает Google Doc.Это приложение установлено в кнопку на новом сайте Google.Иногда мне нужно создать новый документ с Сайта, но иногда мне нужно создавать новый документ, когда у меня открыта электронная таблица Google (этот лист содержит данные, относящиеся к сайту, и встроенные в сайт).

У меня есть пользовательское меню на этом листе, которое делает несколько разных вещей.Я хочу добавить в это меню пункт, который обращается к описанному выше веб-приложению и запускает его.

Прежде всего: возможно ли это?

Во-вторых, я предполагаю, что если это возможно, тотак или иначе, мне нужно вызвать скрипт веб-приложения, используя его URL (как я это делаю с помощью кнопки, к которой он прикреплен на моем сайте Google).

Код моего веб-приложения указан ниже:

Code.gs

function doGet() {
  return HtmlService
      .createTemplateFromFile('Index')
      .evaluate();
}

function createNewLandscapeSong(objArgs) {
  var docName = objArgs.docName;
  var songTitle = objArgs.songTitle;
  var songWriters = objArgs.songWriters;

  Logger.log('songTitle: ' + songTitle)

  var doc = DocumentApp.create(docName);

  var url = doc.getUrl();
  var body = doc.getBody();
  var paragraph = body.insertParagraph(0, "");
  var text = paragraph.appendText("© "+songWriters);
  text.setFontSize(8);
  var rowsData = [['PUT FIRST VERSE/CHORUS HERE.', 'PUT SECOND VERSE/NEXT CHORUS/BRIDGE/ETC HERE.']];
  var style = {};
  body.insertParagraph(0, songTitle)
  .setHeading(DocumentApp.ParagraphHeading.HEADING3);
  table = body.appendTable(rowsData);
  style[DocumentApp.Attribute.BORDER_WIDTH] = 0;
  table.setAttributes(style);

  return {
   url: url,
   songTitle: songTitle
  };
}

Index.html

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
Fill in fields below to name Google Lyric Document<br> 
and add the song title and writers.<br>
Then click button to create new song lyric docunent.<br><br>
    <input id="idNewDocName" type="text" placeholder="Google Doc Name"><br><br>
    <input id="idNewSongTitle" type="text" placeholder="Song Title"><br><br>
    <input id="idNewSongWriters" type="text" placeholder="Song Writers"><br><br>

    <button onclick="saveUserInput()">Create New Lyric Doc</button>

    <script>
      window.saveUserInput = function() {
        var docName = document.getElementById('idNewDocName').value;
        var songTitle = document.getElementById('idNewSongTitle').value;
        var songWriters = document.getElementById('idNewSongWriters').value;

        console.log('songTitle: ' + songTitle)

        google.script.run

          .withSuccessHandler(openNewDoc)
          .createNewLandscapeSong({docName:docName,songTitle:songTitle, songWriters: songWriters})

      }

       function openNewDoc(results){
           window.open(results.url, '_blank').focus();
       }
    </script>
  </body>
</html>

Связанный скрипт: Меню каталога SP

/*This menu in use.

This function creates the custom menu. Note: Line 3 throws error, but this script works.*/
function onOpen() {
  //SpreadsheetApp.getActiveSpreadsheet().toast('Task started');
  var ui = SpreadsheetApp.getUi();
  ui.createMenu('SP')
      .addItem('Website', 'openSite')
      .addItem('Open Google Drive', 'openDrive')
      .addItem('Open Old SP Site', 'openOldSP')
      .addItem('Create', 'openCreate')
      .addItem('Perform', 'openPerform')
      .addItem('Catalog', 'openCatalog')
      .addItem('New Lyric - Landscape', 'createLandscapeLyricDoc')
      .addItem('New Lyric - Landscape Test', 'newLyricTest')
      .addItem('New Lyric - Portrait', 'openPortrait')
      .addItem('Add Song to Catalog', 'addSong')
      .addToUi();
}
function openSite() {
  var selection = SpreadsheetApp.getActiveSheet();
  var html = "<a href='https://sites.google.com/view/sp-site/catalog'; target='_blank'>Open SP</a>";
  var userInterface = HtmlService.createHtmlOutput(html);
  SpreadsheetApp.getUi().showModalDialog(userInterface, 'Open SP');
  }
function openDrive() {
  var selection = SpreadsheetApp.getActiveSheet();
  var html = "<a href='https://drive.google.com/drive/my-drive'; target='_blank'>Open My Google Drive</a>";
  var userInterface = HtmlService.createHtmlOutput(html);
  SpreadsheetApp.getUi().showModalDialog(userInterface, 'Open My Google Drive');
  }
function openOldSP() {
  var selection = SpreadsheetApp.getActiveSheet();
  var html = "<a href=url'; target='_blank'>Open Old SP Site</a>";
  var userInterface = HtmlService.createHtmlOutput(html);
  SpreadsheetApp.getUi().showModalDialog(userInterface, 'Open My Google Drive');
  }
function openCreate() {
  var selection = SpreadsheetApp.getActiveSheet();
  var html = "<a href='url'; target='_blank'>Open Create Spreadsheet</a>";
  var userInterface = HtmlService.createHtmlOutput(html);
  SpreadsheetApp.getUi().showModalDialog(userInterface, 'Open Create Sheet');
}
function openPerform() {
  var selection = SpreadsheetApp.getActiveSheet();
  var html = "<a href= 'url'; target='_blank'>Open Perform Spreadsheet</a>";
  var userInterface = HtmlService.createHtmlOutput(html);
  SpreadsheetApp.getUi().showModalDialog(userInterface, 'Open Perform Sheet');
}
function createLandscapeLyricDoc() {
  var doc = DocumentApp.create('Rename');
  var title = "replace with song title and then link this text to song title cell in Catalog Spreadsheet"
  var url = doc.getUrl();
  var body = doc.getBody();
  var paragraph = body.insertParagraph(0, "");
  var text1 = paragraph.appendText("© replace with writer(s)");
      text1.setFontSize(8);
  var rowsData = [['PUT FIRST VERSE/CHORUS HERE.  (SUGGEST USE ALL CAPS.)', 'PUT SECOND VERSE/NEXT CHORUS/BRIDGE/ETC HERE.']];
   var style = {};
  body.insertParagraph(0, title)
      .setHeading(DocumentApp.ParagraphHeading.HEADING3);
  table = body.appendTable(rowsData);
  style[DocumentApp.Attribute.BORDER_WIDTH] = 0;
  table.setAttributes(style);
  var html = '<a href= "' + url + '"; target="_blank">Open new lyric doc</a>;'
  var selection = SpreadsheetApp.getActiveSheet();
  var userInterface = HtmlService.createHtmlOutput(html);
  /*Note: The following line throws error when you debug, 
  but the script works from the Catalog Sheet SP Menu.*/
  SpreadsheetApp.getUi().showModalDialog(userInterface, 'Open Landscape New Lyric Doc');
}
function newLyricTest() {
// This is where I want to put call to run the SPSiteNewSongButtonScript (Web App)
}
function openPortrait() {
  var html = "<a href= 'url'; target='_blank'>Open 1-Column Lyric Template</a>";
  var selection = SpreadsheetApp.getActiveSheet();
  var userInterface = HtmlService.createHtmlOutput(html);
  SpreadsheetApp.getUi().showModalDialog(userInterface, 'Open Portrait New Lyric Doc');
}  
function addSong() {
    var ss = SpreadsheetApp.getActive();
    var sheet = ss.getActiveSheet();
    var lastRow = sheet.getLastRow()
    sheet.appendRow([lastRow+1]);
    SpreadsheetApp.flush();
    var range = sheet.getRange(sheet.getLastRow(), 1);
    var songTitle = Browser.inputBox('New Song', 'Enter the song title', Browser.Buttons.OK_CANCEL);
    var namedRange = sheet.getRange("Title");
    var range=sheet.getRange(sheet.getLastRow(), namedRange.getColumn())
  range.setValue(songTitle);
    SpreadsheetApp.setActiveRange(range);
}

1 Ответ

0 голосов
/ 20 февраля 2019

Есть несколько способов подойти к этому,
1) Использовать боковую панель или настраиваемые диалоги для отображения страницы HTML в электронной таблице Google.И он ведет себя как веб-приложение в электронной таблице.

Псевдокод: сначала создайте копию своего веб-приложения в электронной таблице (html и code.gs), а затем измените newLyricTest()

function newLyricTest() 
{
  var html = HtmlService.createHtmlOutputFromFile('Index')
      .setTitle('My custom sidebar')
      .setWidth(300);
  SpreadsheetApp.getUi() // Or DocumentApp or SlidesApp or FormApp.
      .showSidebar(html);
}

Когда вы запустите приведенный выше код, значение для html-страницы будет отображено в той части таблицы, где вы можете ввести свое значение и запустить сохранение файла.

2) Вы можете просто использовать подсказки, чтобы получить значения для docName, songTitle и songWriters.Псевдокод:

function newLyricTest() 
    {
   var ui = SpreadsheetApp.getUi();  
   var result = ui.prompt(
      'New Lyric Test',
      'Please enter Document name:',
      ui.ButtonSet.OK_CANCEL);

  // Process the user's response.
  var button = result.getSelectedButton();
  var text = result.getResponseText();
  if (button == ui.Button.OK) {
    // User clicked "OK".
    var docName = text
  } else if (button == ui.Button.CANCEL) {
    // User clicked "Cancel".
    return // exit function
  } else if (button == ui.Button.CLOSE) {
    // User clicked X in the title bar.
    return // exit function
  }

   // Now repeat the process as above to get values for songTitle and songWriters.
  // once you have the values of all these variables you can run the remaining code
  // of function createNewLandscapeSong()
  Logger.log('songTitle: ' + songTitle)

  var doc = DocumentApp.create(docName);

  var url = doc.getUrl();
  var body = doc.getBody();
  var paragraph = body.insertParagraph(0, "");
  var text = paragraph.appendText("© "+songWriters);
  text.setFontSize(8);
  var rowsData = [['PUT FIRST VERSE/CHORUS HERE.', 'PUT SECOND VERSE/NEXT CHORUS/BRIDGE/ETC HERE.']];
  var style = {};
  body.insertParagraph(0, songTitle)
  .setHeading(DocumentApp.ParagraphHeading.HEADING3);
  table = body.appendTable(rowsData);
  style[DocumentApp.Attribute.BORDER_WIDTH] = 0;
  table.setAttributes(style);

  return {
   url: url,
   songTitle: songTitle
  };
}

Приведенный выше код является измененной копией вашего кода из веб-приложения.Я привел пример использования подсказки для получения значения docName, вы также можете получить значения songTitle и songWriters.Получив эти значения, вы можете просто запустить оставшуюся часть кода из веб-приложения.

Примечание: Это ни в коем случае не исчерпывающий список способов решения этой проблемы.Также обратите внимание, что оба эти метода основаны на наличии копии кодов веб-приложения в редакторе сценариев электронной таблицы.Наконец, весь приведенный выше код является псевдокодом и не был протестирован.Коды были скопированы из примеров, приведенных в боковой панели и быстрой документации, перечисленной выше.

...