Logo
Schema-Tutorial
Schema-TutorialLektion 14: E-Mails mit Freude versenden

Lektion 14: E-Mails mit Freude versenden

Diese Tutorial-Lektion demonstriert verschiedene Funktionen von Gato GraphQL zum Versenden von E-Mails.

E-Mails versenden

Wir versenden E-Mails über die Mutation _sendEmail, die von der Erweiterung Email Sender bereitgestellt wird.

  • Die E-Mail wird mit dem Inhaltstyp "text" oder "HTML" gesendet, je nachdem welche Eigenschaft des Inputs messageAs verwendet wird
  • Der Input from ist optional; wenn er nicht angegeben wird, werden die in WordPress gespeicherten Einstellungen verwendet
  • _sendEmail führt die WordPress-Funktion wp_mail aus und verwendet daher die in WordPress definierte Konfiguration für den E-Mail-Versand (wie z. B. den zu verwendenden SMTP-Anbieter)
mutation {
  sendTextEmail: _sendEmail(
    input: {
      from: {
        email: "from@email.com"
        name: "Me myself"
      }
      replyTo: "replyTo@email.com"
 
      to: "target@email.com"
      cc: ["cc1@email.com", "cc2@email.com"]
      bcc: ["bcc1@email.com", "bcc2@email.com", "bcc3@email.com"]
      
      subject: "Email with text content"
      messageAs: {
        text: "Hello world!"
      }
    }
  ) {
    status
    errors {
      __typename
      ...on ErrorPayload {
        message
      }
    }
  }
  
  sendHTMLEmail: _sendEmail(
    input: {
      to: "target@email.com"
      subject: "Email with HTML content"
      messageAs: {
        html: "<p>Hello world!</p>"
      }
    }
  ) {
    status
    errors {
      __typename
      ...on ErrorPayload {
        message
      }
    }
  }
}

E-Mail mit Markdown verfassen

Das Feld _strConvertMarkdownToHTML der Erweiterung Helper Function Collection konvertiert Markdown in HTML.

Wir können dieses Feld verwenden, um die E-Mail mit Markdown zu verfassen:

query GetEmailData {
  emailMessage: _strConvertMarkdownToHTML(
    text: """
 
We have great news: **Version 1.0 of our plugin will be released soon!**
 
If you'd like to help us beta test it, please complete [this form](https://forms.gle/FpXNromWAsZYC1zB8).
 
_Please reply by 30th June 🙏_
 
Thanks!
 
    """
  )
    @export(as: "emailMessage")
}
 
mutation SendEmail @depends(on: "GetEmailData") {
  _sendEmail(
    input: {
      to: "target@email.com"
      subject: "Great news!"
      messageAs: {
        html: $emailMessage
      }
    }
  ) {
    status
    errors {
      __typename
      ...on ErrorPayload {
        message
      }
    }
  }
}

Dynamische Daten in die E-Mail einfügen

Mithilfe der Funktionsfelder der Erweiterung PHP Functions via Schema können wir eine Nachrichtenvorlage mit Platzhaltern erstellen und diese durch dynamische Daten ersetzen:

query GetPostData($postID: ID!) {
  post(by: {id: $postID}) {
    title @export(as: "postTitle")
    excerpt @export(as: "postExcerpt")
    url @export(as: "postLink")
    author {
      name @export(as: "postAuthorName")
      url @export(as: "postAuthorLink")
    }
  }
}
 
query GetEmailData @depends(on: "GetPostData") {
  emailMessageTemplate: _strConvertMarkdownToHTML(
    text: """
 
There is a new post by [{$postAuthorName}]({$postAuthorLink}):
 
**{$postTitle}**: {$postExcerpt}
 
[Read online]({$postLink})
 
    """
  )
  emailMessage: _strReplaceMultiple(
    search: ["{$postAuthorName}", "{$postAuthorLink}", "{$postTitle}", "{$postExcerpt}", "{$postLink}"],
    replaceWith: [$postAuthorName, $postAuthorLink, $postTitle, $postExcerpt, $postLink],
    in: $__emailMessageTemplate
  )
    @export(as: "emailMessage")
  subject: _sprintf(string: "New post created by %s", values: [$postAuthorName])
    @export(as: "emailSubject")
}
 
mutation SendEmail @depends(on: "GetEmailData") {
  _sendEmail(
    input: {
      to: "target@email.com"
      subject: $emailSubject
      messageAs: {
        html: $emailMessage
      }
    }
  ) {
    status
  }
}

Eine Benachrichtigungs-E-Mail an den Administrator senden

Wir können die E-Mail-Adresse des Administrators aus der WordPress-Tabelle wp_options abrufen und diesen Wert in das Feld to einfügen:

query ExportData {
  adminEmail: optionValue(name: "admin_email")
    @export(as: "adminEmail")
}
 
mutation SendEmail @depends(on: "ExportData") {
  _sendEmail(
    input: {
      to: $adminEmail
      subject: "Admin notification"
      messageAs: {
        html: "There is a new post on the site, go check!"
      }
    }
  ) {
    status
  }
}

Alternativ können wir, wenn Verschachtelte Mutationen in der Schema-Konfiguration aktiviert sind, die Administrator-E-Mail bereits in der mutation-Operation abrufen (und sie über Field to Input in die Mutation einfügen):

mutation SendEmail {
  adminEmail: optionValue(name: "admin_email")
  _sendEmail(
    input: {
      to: $__adminEmail
      subject: "Admin notification"
      messageAs: {
        html: "There is a new post on the site, go check!"
      }
    }
  ) {
    status
  }
}

Eine personalisierte E-Mail an Benutzer senden

Damit diese GraphQL-Query funktioniert, muss die Schema-Konfiguration, die auf den Endpoint angewendet wird, Verschachtelte Mutationen aktiviert haben

Da _sendEmail ein globales Feld (oder genauer gesagt, eine globale Mutation) ist, kann es auf jedem Typ des GraphQL-Schemas ausgeführt werden, einschließlich User.

Diese Query ruft eine Liste von Benutzern ab, erhält deren Daten (Name, E-Mail und Anzahl der verbleibenden Credits, die als Meta gespeichert sind) und sendet eine personalisierte E-Mail an jeden von ihnen:

mutation {
  users {
    email
    displayName
    credits: metaValue(key: "credits")
    
    # If the user does not have meta entry "credits", use `0` credits
    hasNoCreditsEntry: _isNull(value: $__credits)
    remainingCredits: _if(condition: $__hasNoCreditsEntry, then: 0, else: $__credits)
 
    emailMessageTemplate: _strConvertMarkdownToHTML(
      text: """
 
Hello %s,
 
Your have **%s remaining credits** in your account.
 
Would you like to [buy more](%s)?
 
      """
    )
    emailMessage: _sprintf(
      string: $__emailMessageTemplate,
      values: [
        $__displayName,
        $__remainingCredits,
        "https://mysite.com/buy-credits"
      ]
    )
 
    _sendEmail(
      input: {
        to: $__email
        subject: "Remaining credits alert"
        messageAs: {
          html: $__emailMessage
        }
      }
    ) {
      status
      errors {
        __typename
        ...on ErrorPayload {
          message
        }
      }
    }
  }
}