Exemple de bout en bout

Cet article explique comment créer une application App Engine en Python qui envoie des e-mails annotés aux utilisateurs pour leur demander de confirmer leur abonnement à une liste de diffusion directement depuis leur boîte de réception et collecte les abonnements dans Datastore.

Prérequis et configuration du projet

Ce guide suppose que vous avez déjà installé le SDK App Engine et que vous savez comment créer, exécuter et publier des projets App Engine.

Commencez par créer un répertoire pour votre projet. Placez tous les fichiers de votre application dans ce répertoire.

Copiez le code suivant dans un fichier nommé app.yaml et remplacez l'espace réservé {{ APPID }} par votre ID d'application App Engine unique:

application: {{ APPID }}
version: 1
runtime: python27
api_version: 1
threadsafe: true

handlers:
- url: /.*
  script: main.app

libraries:
- name: jinja2
  version: latest

Créez un fichier nommé main.py dans le dossier de votre projet App Engine, puis copiez le code suivant pour configurer les gestionnaires de collecte et de liste des abonnements, ainsi que pour envoyer des e-mails annotés:

import webapp2

from emailsender import EmailSender
from subscribe import SubscribeHandler

app = webapp2.WSGIApplication([('/', SubscribeHandler), ('/email', EmailSender)], debug=True)

Ajouter des données structurées à l'e-mail

Commençons par un e-mail très simple demandant à l'utilisateur de confirmer son abonnement à une liste de diffusion:

<html>
  <head>
    <title>Please confirm your subscription to Mailing-List XYZ?</title>
  </head>
  <body>
    <p>
      Dear John, please confirm that you wish to be subscribed to the
      mailing list XYZ
    </p>
  </body>
</html>

Vous pouvez ajouter des données structurées dans l'un des formats compatibles (JSON-LD ou Microdonnées) à l'head de l'e-mail pour définir le restaurant et ajouter une OneClickAction. Gmail est compatible avec OneClickAction et affiche une UI spécifique pour permettre aux utilisateurs de confirmer leur abonnement depuis leur boîte de réception.

Copiez le balisage suivant dans un fichier nommé mail_template.html:

JSON-LD

<html>
  <head>
  <title>Please confirm your subscription to Mailing-List XYZ?</title>
  </head>
  <body>
    <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "EmailMessage",
      "potentialAction": {
        "@type": "ConfirmAction",
        "name": "Confirm Subscription",
        "handler": {
          "@type": "HttpActionHandler",
          "url": "{{ confirm_url }}",
          "method": "http://schema.org/HttpRequestMethod/POST",
        }
      },
      "description": "Confirm subscription to mailing list XYZ"
    }
    </script>
    <p>
      Dear John, please confirm that you wish to be subscribed to the mailing list XYZ.
    </p>
  </body>
</html>

Microdonnées

<html>
  <head>
    <title>Please confirm your subscription to Mailing-List XYZ?</title>
  </head>
  <body>
    <div itemscope itemtype="http://schema.org/EmailMessage">
      <div itemprop="potentialAction" itemscope itemtype="http://schema.org/ConfirmAction">
        <meta itemprop="name" content="Approve Expense"/>
        <div itemprop="handler" itemscope itemtype="http://schema.org/HttpActionHandler">
          <link itemprop="url" href="https://myexpenses.com/approve?expenseId=abc123"/>
          <meta itemprop="url" content="{{ confirm_url }}"/>
          <link itemprop="method" href="http://schema.org/HttpRequestMethod/POST"/>
        </div>
      </div>
      <meta itemprop="description" content="Approval request for John's $10.13 expense for office supplies"/>
    </div>
    <p>
      Dear John, please confirm that you wish to be subscribed to the mailing list XYZ.
    </p>
  </body>
</html>

Les données structurées ci-dessus décrivent une liste de diffusion appelée "XYZ" et un ConfirmAction. Le gestionnaire de l'action est un HttpActionHandler qui envoie des requêtes POST à l'URL spécifiée dans la propriété url.

Envoyer des demandes d'abonnement aux utilisateurs

Copiez le code suivant dans un fichier nommé emailsender.py dans le dossier du projet App Engine:

import jinja2
import os
import webapp2

from google.appengine.api import mail
from google.appengine.api import users

from urlparse import urlparse

class EmailSender(webapp2.RequestHandler):

  def get(self):
    # require users to be logged in to send emails
    user = users.get_current_user()
    if not user:
      self.redirect(users.create_login_url(self.request.uri))
      return

    email = user.email()

    # The confirm url corresponds to the App Engine app url
    pr = urlparse(self.request.url)
    confirm_url = '%s://%s?user=%s' % (pr.scheme, pr.netloc, user.user_id())

    # load the email template and replace the placeholder with the confirm url
    jinja_environment = jinja2.Environment(
        loader=jinja2.FileSystemLoader(os.path.dirname(__file__)))
    template = jinja_environment.get_template('mail_template.html')
    email_body = template.render({'confirm_url': confirm_url})

    message = mail.EmailMessage(
        sender = email,
        to = email,
        subject = 'Please confirm your subscription to Mailing-List XYZ',
        html = email_body)

    try:
      message.send()
      self.response.write('OK')
    except:
      self.error(500)

La classe EmailSender nécessite que l'utilisateur soit connecté pour que son adresse e-mail puisse être récupérée. Elle charge ensuite le corps de l'e-mail à partir de mail_template.html, remplace l'espace réservé confirm_url par l'URL racine de l'application App Engine (https://APP-ID.appspot.com) et envoie l'e-mail à l'utilisateur actuellement connecté en son nom.

Collecter et lister les abonnements

Copiez le code suivant dans un fichier nommé subscribe.py dans le dossier du projet App Engine:

import webapp2

from emailsender import EmailSender
from google.appengine.ext import db


class SubscribeHandler(webapp2.RequestHandler):

  def post(self):
    user_id = self.request.get('user')

    # insert the subscription into the Datastore
    subscription = Subscription(user_id=user_id)
    subscription.put()

  def get(self):
    # retrieve up to 1000 subscriptions from the Datastore
    subscriptions = Subscription.all().fetch(1000)

    if not subscriptions:
      self.response.write('No subscriptions')
      return

    count = len(subscriptions)

    for s in subscriptions:
      self.response.write('%s subscribed<br/>' % (s.user_id))

    self.response.write('<br/>')
    self.response.write('%d subscriptions.' % (count))


class Subscription(db.Model):
    user_id = db.TextProperty(required=True)

Le paramètre SubscribeHandlerclass listens to bothPOSTandGETrequests sent to the app root url (https://APP-ID.appspot.com).POSTrequests are used by Gmail to insert new subscriptions including theuser_id` qui correspond à l'utilisateur, comme dans l'exemple suivant:

https://subscribe.appspot.com/?user_id=123abcd

Le gestionnaire de requêtes vérifie simplement que l'ID utilisateur requis est défini, puis stocke l'abonnement dans Datastore. Un code de réponse HTTP 200 est alors renvoyé à Gmail pour signaler que la requête a abouti. Si la requête n'inclut pas le champ obligatoire, le gestionnaire de requêtes renvoie un code de réponse HTTP 400, signalant la requête non valide.

Les requêtes GET envoyées à l'URL racine de l'application permettent de lister les abonnements collectés. Le gestionnaire de requêtes extrait d'abord tous les abonnements du Datastore, puis les imprime sur la page, avec un simple compteur.

Tester l'application

Déployez votre application sur App Engine, puis accédez à https://APP-ID.appspot.com/email (remplacez APP-ID par votre ID d'application App Engine) pour vous envoyer l'e-mail annoté.

Actions dans Gmail

Une fois que vous avez déployé votre application et inséré des abonnements, accédez à https://APP-ID.appspot.com pour obtenir une page récapitulative des abonnements.