Authentifizierung für benutzerdefinierte Funktionen ohne gemeinsame Laufzeit

In einigen Szenarien muss eine benutzerdefinierte Funktion, die keine freigegebene Runtime verwendet, den Benutzer authentifizieren, um auf geschützte Ressourcen zugreifen zu können. Benutzerdefinierte Funktionen, die keine freigegebene Runtime verwenden, werden in einer reinen JavaScript-Runtime ausgeführt. Wenn das Add-In über einen Aufgabenbereich verfügt, müssen Sie daher Daten zwischen der reinen JavaScript-Runtime und der HTML-unterstützenden Runtime, die vom Aufgabenbereich verwendet wird, hin- und her übergeben. Dazu verwenden Sie das OfficeRuntime.storage-Objekt und eine spezielle Dialog-API.

OfficeRuntime.storage-Objekt

Die reine JavaScript-Runtime verfügt nicht über ein localStorage Objekt im globalen Fenster, in dem Sie normalerweise Daten speichern. Stattdessen sollte Ihr Code Daten zwischen benutzerdefinierten Funktionen und Aufgabenbereichen freigeben, indem zum Festlegen und Abrufen von Daten verwendet OfficeRuntime.storage wird.

Vorgeschlagene Verwendung

Wenn Sie sich über ein benutzerdefiniertes Funktions-Add-In authentifizieren müssen, das keine freigegebene Runtime verwendet, sollte Ihr Code überprüfen OfficeRuntime.storage , ob das Zugriffstoken bereits abgerufen wurde. Wenn dies nicht der Fehler ist, verwenden Sie OfficeRuntime.displayWebDialog , um den Benutzer zu authentifizieren, das Zugriffstoken abzurufen und das Token dann zur zukünftigen Verwendung in OfficeRuntime.storage zu speichern.

Dialog-API

Wenn kein Token vorhanden ist, sollten Sie die OfficeRuntime.dialog API verwenden, um den Benutzer aufzufordern, sich anzumelden. Nachdem ein Benutzer seine Anmeldeinformationen eingegeben hat, kann das resultierende Zugriffstoken als Element in OfficeRuntime.storagegespeichert werden.

Das folgende Diagramm beschreibt diesen grundlegenden Vorgang. Die gepunktete Linie gibt an, dass benutzerdefinierte Funktionen und der Aufgabenbereich Ihres Add-Ins beide Teil Ihres Add-Ins als Ganzes sind, obwohl sie separate Laufzeiten verwenden.

1. Sie rufen eine benutzerdefinierte Funktionsaufruf aus einer Zelle in einer Excel-Arbeitsmappe auf.
2. Die benutzerdefinierte Funktion verwendet OfficeRuntime.dialog, um Ihre Benutzeranmeldeinformationen an eine Website zu übergeben.
3. Diese Website gibt dann ein Zugriffstoken für die Seite im Dialogfeld zurück.
4. Ihr JavaScript im Dialogfeld ruft die Office.ui.messageParent-Funktion auf, um das Zugriffstoken an die benutzerdefinierte Funktion zu senden. Weitere Informationen zu dieser Funktion finden Sie unter Senden von Informationen aus dem Dialogfeld an die Hostseite.
5. Ihre benutzerdefinierte Funktion legt dieses Zugriffstoken dann auf ein Element im OfficeRuntime.storagefest.
6. Der Aufgabenbereich des Add-Ins greift aus OfficeRuntime.storage auf das Token zu.

Speichern des Tokens

Die folgenden Beispiele stammen aus dem Codebeispiel Verwenden von OfficeRuntime.storage in benutzerdefinierten Funktionen. In diesem Codebeispiel finden Sie ein vollständiges Beispiel für die Freigabe von Daten zwischen benutzerdefinierten Funktionen und dem Aufgabenbereich in Add-Ins, die keine freigegebene Runtime verwenden.

Bei der Authentifizierung der benutzerdefinierten Funktion empfängt sie das Zugriffstoken und muss es in OfficeRuntime.storage speichern. Im folgenden Codebeispiel wird veranschaulicht, wie die storage.setItem-Methode zum Speichern eines Werts aufgerufen wird. Die storeValue Funktion ist eine benutzerdefinierte Funktion, die einen Wert vom Benutzer speichert. Sie können dies so ändern, dass Sie beliebige benötigte Tokenwerte gespeichert werden.

/**
 * Stores a key-value pair into OfficeRuntime.storage.
 * @customfunction
 * @param {string} key Key of item to put into storage.
 * @param {*} value Value of item to put into storage.
 */
function storeValue(key, value) {
  return OfficeRuntime.storage.setItem(key, value).then(function (result) {
      return "Success: Item with key '" + key + "' saved to storage.";
  }, function (error) {
      return "Error: Unable to save item with key '" + key + "' to storage. " + error;
  });
}

Wenn der Aufgabenbereich das Zugriffstoken benötigt, kann er das Token aus dem OfficeRuntime.storage Element abrufen. Im folgenden Codebeispiel wird veranschaulicht, wie die storage.getItem-Methode verwendet wird, um ein Token abzurufen.

/**
 * Read a token from storage.
 * @customfunction GETTOKEN
 */
function receiveTokenFromCustomFunction() {
  const key = "token";
  const tokenSendStatus = document.getElementById('tokenSendStatus');
  OfficeRuntime.storage.getItem(key).then(function (result) {
     tokenSendStatus.value = "Success: Item with key '" + key + "' read from storage.";
     document.getElementById('tokenTextBox2').value = result;
  }, function (error) {
     tokenSendStatus.value = "Error: Unable to read item with key '" + key + "' from storage. " + error;
  });
}

Allgemeine Hinweise

Office-Add-Ins sind webbasiert, und Sie können jedes beliebige Webauthentifizierungsverfahren verwenden. Es gibt keine bestimmten Muster oder Methoden, die Sie zum Implementieren ihrer eigenen Authentifizierung für benutzerdefinierte Funktionen verwenden müssen. In der Dokumentation können Sie sich über verschiedene Authentifizierungsmuster informieren, beispielsweise, indem Sie mit diesem Artikel über die Autorisierung über externe Dienste beginnen.

Vermeiden Sie beim Entwickeln von benutzerdefinierten Funktionen, die folgenden Speicherorte zum Speichern von Daten zu verwenden:

• localStorage: Benutzerdefinierte Funktionen, die keine freigegebene Runtime verwenden, haben keinen Zugriff auf das globale window Objekt und daher keinen Zugriff auf in gespeicherte localStorageDaten.
• Office.context.document.settings: Dieser Speicherort ist nicht sicher, und Die Informationen können von jeder Person extrahiert werden, die das Add-In verwendet.

Beispiel für die Dialogfeld-API

Im folgenden Codebeispiel verwendet die Funktion getTokenViaDialog die OfficeRuntime.displayWebDialog -Funktion, um ein Dialogfeld anzuzeigen. Dieses Beispiel wird bereitgestellt, um die Funktionen der -Methode zu veranschaulichen und nicht die Authentifizierung zu veranschaulichen.

/**
 * Function retrieves a cached token or opens a dialog box if there is no saved token. Note that this isn't a sufficient example of authentication but is intended to show the capabilities of the displayWebDialog method.
 * @param {string} url URL for a stored token.
 */
function getTokenViaDialog(url) {
  return new Promise (function (resolve, reject) {
    if (_dialogOpen) {
      // Can only have one dialog box open at once. Wait for previous dialog box's token.
      let timeout = 5;
      let count = 0;
      const intervalId = setInterval(function () {
        count++;
        if(_cachedToken) {
          resolve(_cachedToken);
          clearInterval(intervalId);
        }
        if(count >= timeout) {
          reject("Timeout while waiting for token");
          clearInterval(intervalId);
        }
      }, 1000);
    } else {
      _dialogOpen = true;
      OfficeRuntime.displayWebDialog(url, {
        height: '50%',
        width: '50%',
        onMessage: function (message, dialog) {
          _cachedToken = message;
          resolve(message);
          dialog.close();
          return;
        },
        onRuntimeError: function(error, dialog) {
          reject(error);
        },
      }).catch(function (e) {
        reject(e);
      });
    }
  });
}

Nächste Schritte

Erfahren Sie, wie Sie benutzerdefinierte Funktionen debuggen.

Siehe auch

• Reine JavaScript-Laufzeit für benutzerdefinierte Funktionen
• Lernprogramm zum Erstellen von benutzerdefinierten Funktionen in Excel
• Reine JavaScript-Runtime