Logo
Samouczek schematu
Samouczek schematuLekcja 14: Wysyłanie emaili z przyjemnością

Lekcja 14: Wysyłanie emaili z przyjemnością

Ta lekcja samouczka demonstruje różne możliwości Gato GraphQL do wysyłania emaili.

Wysyłanie emaili

Wysyłamy emaile za pomocą mutacji _sendEmail dostarczonej przez rozszerzenie Email Sender.

  • Email jest wysyłany z typem treści "text" lub "HTML" w zależności od tego, która właściwość wejścia messageAs jest używana
  • Wejście from jest opcjonalne; jeśli nie zostanie podane, używane są ustawienia przechowywane w WordPress
  • _sendEmail wykonuje funkcję WordPress wp_mail, więc użyje konfiguracji zdefiniowanej do wysyłania emaili w WordPress (np. dostawcę SMTP)
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
      }
    }
  }
}

Tworzenie emaila przy użyciu Markdown

Pole _strConvertMarkdownToHTML z rozszerzenia Helper Function Collection konwertuje Markdown na HTML.

Możemy użyć tego pola do tworzenia emaila przy użyciu Markdown:

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
      }
    }
  }
}

Wstrzykiwanie danych dynamicznych do emaila

Używając pól funkcji dostarczanych przez PHP Functions via Schema, możemy stworzyć szablon wiadomości zawierający symbole zastępcze i zastąpić je danymi dynamicznymi:

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
  }
}

Wysyłanie powiadomienia emailem do administratora

Możemy pobrać email użytkownika administratora z tabeli wp_options WordPress i wstrzyknąć tę wartość do pola to:

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
  }
}

Alternatywnie, jeśli Zagnieżdżone mutacje są włączone w Schema Configuration, możemy pobrać email administratora bezpośrednio w operacji mutation (i wstrzyknąć go do mutacji za pomocą Field to Input):

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
  }
}

Wysyłanie spersonalizowanego emaila do użytkowników

Aby ta query GraphQL działała, Schema Configuration zastosowana do endpointu musi mieć włączone Zagnieżdżone mutacje

Ponieważ _sendEmail jest polem globalnym (a dokładniej globalną mutacją), może być wykonywana na dowolnym typie ze schematu GraphQL, w tym User.

Ta query pobiera listę użytkowników, uzyskuje ich dane (imię, email i liczbę pozostałych kredytów, która jest przechowywana jako meta) i wysyła spersonalizowanego emaila do każdego z nich:

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
        }
      }
    }
  }
}