Mubbashir's Blog
Enable Slack Notifications for AWS Amplify Deployments

Enable Slack Notifications for AWS Amplify Deployments

Mubbashir Mustafa's photo
Mubbashir Mustafa
·

3 min read

AWS Amplify is a set of purpose-built tools and features that lets front-end web and mobile developers quickly and easily build full-stack applications on AWS, with the flexibility to leverage the breadth of AWS services as your use cases evolve.

At our company, we use AWS Amplify for hosting our frontend (React) apps. Although it's an amazing service and we love it, it lacks one important feature: integration with AWS Chat Bot (for sending pipeline notification to slack). It however allows you to send notifications to email addresses (which is not ideal, at least for us).

But there's a robust workaround for this problem, let me share that with you.

From AWS web console, go to AWS Amplify AWS Amplify from AWS Console

Select the app against which you want to enable slack notifications AWS Amplify Hosting App

Select "Notifications" from the left sidebar AWS Amplify App Details

Enter an email address that you use and then click save AWS Amplify Email Notifications

Now you need to create a lambda function that will receive messages from the AWS SNS topic (created by AWS Amplify) and forward that to slack

From AWS Console, go to AWS Lambda AWS Lambda Link

Select "Create function" Create AWS Lambda Function

Give a name to your function, choose runtime as node 14.x, and click create Create AWS Lambda Function

Add the following code to your function

// deps in lambda are added as layers
const fetch = require('node-fetch')

// this should be your webhook URL (doc: https://api.slack.com/messaging/webhooks)
const integrationURL = ''

exports.handler = async (event) => {

  const message = event.Records[0].Sns.Message

  return await fetch(integrationURL, {
      method: 'POST',
      body: JSON.stringify({
        attachments: [{
          title: `AWS Amplifyy Notification!`,
          text: message,
        }]
      }),
      headers: { 'Content-Type': 'application/json' },
    })
    .then((data) => console.log('sent!'))
    .catch((e) => console.error(e.response.data))
}

Or grab it from github gist

The code uses the node-fetch package to make HTTP post request, you will need to add a dependency layer to your lambda function for it to work

To get integration URL you will need to create the slack app and enable incoming webhooks, check out the official tutorial.

Save your changes and click the "Deploy" button AWS Lambda Code Deploy

Next, add a trigger to your AWS Lambda function Add AWS Lambda Trigger

Select "SNS" as the trigger, and then select the SNS Topic that would be created by AWS Amplify (when you added email earlier to enable notifications) Image description

To test things out, go back to AWS Amplify and from being within the project, click "Redeploy this version" AWS Amplify Deployment

You should receive a notification in your slack AWS Slack Notification from AWS Amplify

The email you added earlier is no longer needed (we only did that to expose SNS Topic) and you could remove it by visiting AWS Amplify-> notifications.

Originally posted on dev.to

Let's connect:

Linkedin: https://www.linkedin.com/in/mubbashir10/

Twitter: https://twitter.com/mubbashir100

AWSTutorialhackaws lambda