google.script.run.withSuccessHandler () zwraca wartość Undefined

Utworzyłem tablicę w oddzielnym pliku GS, używając kodu podanego poniżej. Próbowałem wywołać to w moim pliku HTML. Moim celem jest porównanie zawartości tablicy z parametrem email. Jednak wartość zwracana przez google.script.run.withSuccessHandler()toundefined

//in GS
function mailGetter()
{
  //open sheet
  var sheet = SpreadsheetApp.openByUrl("https://sheet.url").getSheetByName("Email Sheet").activate();
  //get size of given row range
  var row_data_email = sheet.getRange("C2:C").getValues();
  var emailArray = row_data_email.join().split(',').filter(Boolean);
  Logger.log(emailArray);
  
  return emailArray;
}

//in HTML
function checkEmail(email) 
    {
      var reg1 = /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/;
      var arraySize = google.script.run.withSuccessHandler(misc).sizeGetter(); 
      console.log(arraySize);
      var emailArray = new Array(arraySize);
      emailArray = google.script.run.withSuccessHandler(misc).mailGetter();
      console.log(emailArray);
      
      if (reg1.test(email) == false) 
      {
        emails.style.border = "1px solid red";
        document.getElementById('submitBtn').disabled = true;
      } 
      else if (reg1.test(email) == true) 
      {
        emails.style.border = "1px solid green";
        document.getElementById('submitBtn').disabled = false;
      }
      
      for (var row = 0; row < arraySize; row++)
      {
        if (emailArray[row][0] == email)
        {
          emails.style.border = "1px solid green";
          document.getElementById('submitBtn').disabled = false;
          break;
        }
        else if (emailArray[row][0] != email)
        {
          emails.style.border = "1px solid red";
          document.getElementById('submitBtn').disabled = true;
        }
      }
    }

    function misc()
    {
      console.log("Pass");
    }

Kwestia:

• Używanie google.script.runwartości zwracanej przez funkcję asynchroniczną ( ), która zawsze będzie undefined.

Rozwiązanie:

• Użyj SuccessHandler, jak wspomniano w innej odpowiedzi, lub możemy użyć obietnic z async / await.

Skrawek:

/*Create a promise around old callback api*/
const p = func => 
  new Promise(resolve=>
    google.script.run.withSuccessHandler(resolve)[func]()
  );

async function checkEmail(email) //modified
    {
      var arraySize = await p('sizeGetter');//Wait to resolve
      console.log(arraySize);
      //var emailArray = new Array(arraySize);
      var emailArray = await p('mailGetter');//Wait to resolve
      console.log(emailArray);
      //....
    }

Uwaga:

• Lepiej jest zmniejszyć liczbę połączeń z serwerem. Jeśli możesz połączyć oba Getterw jedną funkcję serwera, będzie lepiej.
• Powyżej znajduje się fragment pokazujący, jak używać async/ await. Ale jeśli będziesz czekać na każdą odpowiedź z serwera, jak pokazano powyżej, Twój interfejs użytkownika / interfejs użytkownika będzie wolny. Czekaj tylko wtedy, gdy jest to absolutnie konieczne. Wywołania do serwera powinny być nieblokujące / asynchroniczne.

Bibliografia:

• Obietnice
• async
• czekać na

Problem dotyczy tych wierszy:

emailArray = google.script.run.withSuccessHandler(misc).mailGetter();
console.log(emailArray);

Próbujesz wykonać mailGetter()i oczekujesz, że zwróci wartość, którą przechowujesz, emailArrayalethis method is asynchronous and does not return directly

Zamiast tego otrzymasz wartość w wywołaniu zwrotnym, którą zdefiniowałeś jako SuccessHandler

Sugerowane rozwiązania:

1. Wywołanie funkcji Apps Script z szablonu: https://developers.google.com/apps-script/guides/html/templates#apps_script_code_in_scriptlets
2. Bezpośrednie wywoływanie interfejsów API Apps Script: https://developers.google.com/apps-script/guides/html/templates#calling_apps_script_apis_directly
3. Przekazywanie zmiennych do szablonów: https://developers.google.com/apps-script/guides/html/templates#pushing_variables_to_templates

Odniesienie : https://developers.google.com/apps-script/guides/html/reference/run#myFunction(...)