Skip to content
A simple serverless application that sends an email to a single user by way of an Azure Function connecting to SendGrid v3 API
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
contact
webdocs
.funcignore
.gitignore
README.MD
host.json
package.json
proxies.json

README.MD

Azure Serverless Contact Form (SendGrid v3 API)

A simple serverless application that sends an email to a single user by way of an Azure Function connecting to SendGrid v3 API.

One of the reasons I created a separate repo based on Mike Pfeiffer's original source was the changes both in the SendGrid API and some underpinnings in Azure Functions for loading the necessary extensions.

Deployment Steps

  1. Create an Azure Function App using the steps outlined in this guide.
  2. Create an Azure Storage account and enable static website hosting.
  3. Create a SendGrid Account in the Azure Portal and create a SendGrid API key in the SendGrid console.
  4. Create an App Setting entry in your Function App called SENDGRID_API_KEY that contains your SendGrid API key.
  5. Deploy the Contact function in this repo to your Function App. You can do this easily with Visual Studio (VS) Code using the steps outlined in Deploy to Azure using Azure Functions. Make sure you update line 17 in the function.json file to include your desired destination email address before you deploy.
  6. The webdocs HTML and JS files are heavily commented for reference. If you look at my portfolio site repo you'll see that the HTML is dropped in-line into the contact.md file and the JS is included in the template path and added to the config.toml . You must first update line 12 in the contact.js file with your function URL before you upload.
  7. The CSS animation uses the loading.css library.
  8. I'm in the process of implementing Skeleton CSS and found Skeleton-alerts in the process. That's how the confirmation is marked up.
  9. The SVG comes from the Microsoft Icon library.

App Info

alt text

Author

Houston Haynes @HoustonHaynes

and borrows very heavily from the work of Mike Pfeiffer @mike_pfeiffer

Version

1.0.0

License

This project is licensed under the Apache License 2.0

You can’t perform that action at this time.