Write Your First Action
This guide will walk you through how to create and deploy your first Action using the Auth0 Dashboard. When you finish, you should understand the basic functionality that you will use with all Actions and you will be familiar with the programming model. What you will learn constitutes the foundation of writing any Action, regardless of its purpose or the flow.
The goal: notify Slack on user login
You are creating an Action that sends a message to a Slack channel when a user logs in. While this tutorial will use the Post Login trigger, the information provided here is useful for triggers of any type.
To accomplish this task, you will do the following:
Prerequisites
Because this Action will be sending messages to a Slack channel, you need to create an Incoming Webhook for a Slack Workspace. Once you have a Slack Webhook URL, you may continue with this guide.
Create an Action
To get an Action working in a specific flow, you need to create the Action and then add it to a flow.
Navigate to Auth0 Dashboard > Actions > Library, then select Create Action > Build from scratch.
Enter a Name and select the Login / Post Login trigger since you’ll be adding an Action to the Login flow, then select Create.
The Actions Code Editor appears:
![Actions Code Editor](http://images.ctfassets.net/cdy7uua7fh8z/12Q8OEuDI39eWuWsrVVwN0/afcf60398d133d2b66bc9a35614ccadd/Untitled.png)
Create an Action from a Template
The Actions Template gallery offers a variety of starter templates on their way to creating an Action. To create an Action from a Template:
Navigate to Auth0 Dashboard > Actions > Library, then select Create Action.
Select Choose from template.
Select the template that you would like to use for building an Action.
You should now see a read-only preview of the code within the template. To proceed, select Use this template.
Enter a name, and select Create.
![Show screen for creating an action from a template.](http://images.ctfassets.net/cdy7uua7fh8z/2i6Hv4XxsSAzEXdIKGR8Qz/1c45a12bc39707ba7495bb0fd708f572/925f0c6d-59d4-4a88-a841-e3b912f21083.png)
Add a Secret
Each Action can contain Secret values, which are suitable for holding sensitive information, such as Access Tokens and API Keys. Let’s store the Slack Webhook URL as a Secret.
Select the Key Icon from the code editor's left sidebar
Select Add Secret.
Give the Secret the following name:
SLACK_WEBHOOK_URL
.Paste in the Webhook URL provided by Slack and select Create.
You’ll see that the Secret has been added to the Action and you can use the new secret via intelligent code complete by typing event.secrets
.
![Actions Code Editor - Your Secret has been added in the Secrets section.](http://images.ctfassets.net/cdy7uua7fh8z/4FyFtKRSIYuigxE9U8TkEJ/9598b5909694631ca673f748abf2268a/Screen_Shot_2022-02-09_at_3.24.05_PM.png)
Add a dependency
You’ll be using the @slack/webhook
npm
package to make it easy to send a message to Slack. You can use nearly any public npm
package in an Action as long as it can be installed without relying on native add-ons.
To add the dependency:
Select the Dependency icon (cube icon) in the sidebar.
For Name, enter
@slack/webhook
.By default, your Action will use the latest version of the dependency at the time the dependency was added.
Select Create, and the Dependency should be added to the Action:
Save the Draft
Select Save Draft. Your Action is saved, but it won’t be executed as part of any user flows yet. With Actions, you have the opportunity to create, edit, and test Actions before they affect any traffic in your Auth0 tenant. Once you’re happy with the behavior of the Action, you’ll deploy the Action and add it to a Flow later.
Add custom logic
Now that the Action has been configured with a Secret and a dependency, let’s write some code!
Every Action has an event object that contains read-only, contextual information relevant to the associated trigger. If you start typing event.
in the Editor, you should be presented with all the available properties of the event. To learn more about which information is available on each trigger, read Explore Flows and Triggers.
Let’s use our Action to notify Slack. Add this code to your action:
const { IncomingWebhook } = require('@slack/webhook');
exports.onExecutePostLogin = async (event, api) => {
const url = event.secrets.SLACK_WEBHOOK_URL;
const webhook = new IncomingWebhook(url);
// Send the notification
await webhook.send({ text: "Logging In..." });
};
Was this helpful?
Select Save Draft to save your Action.
Test the Action
Before you run this Action in your tenant with real user traffic, test it to ensure it behaves as expected.
Select the Test (triangle) icon in the sidebar. In the Payload section, you’ll see editable JSON data relevant to the trigger that you selected when you created the Action.
Select the Run button, and you should see a message appear in your Slack channel.
Deploy the Action
Now that we’re satisfied that the Action is working as expected, it’s time to deploy it.
Select Deploy. Deploying an Action takes a snapshot of the Action at that time and records it as an Action Version.
Select Version History, and you should see the Action recorded as Version 1:
![Actions: Version History](http://images.ctfassets.net/cdy7uua7fh8z/53sn70cXoxUHibc3Bmk7Og/193af512ac2b58f3d60ab36ca5499d90/Screen_Shot_2022-02-10_at_10.02.47_AM.png)
You are now free to update your Action and save it without affecting Version 1 of your Action. Auth0 will only execute the currently deployed version of an Action, so until you deploy an action again, Version 1 will be executed by Auth0.
Attach the Action to a Flow
The final step in configuring a new Action so that it’s executed as part of your tenant’s traffic is to attach it to a Flow.
Navigate to Auth0 Dashboard > Actions > Flows to see a list of the available Flows:
Select the Login flow and drag
my-slack-action
into the flow.Select Apply.
The Action is now running for real user traffic within your tenant. If you’d like a more robust testing environment, consider setting up multiple Auth0 environments.
Observe Actions in Tenant Logs
Now that your Action is running as part of the Login flow, Auth0 captures information about each Action execution in the tenant logs. To view this, navigate to Auth0 Dashboard > Monitoring > Logs, and select a Successful Login event.
You should see an Action Details view that contains information about any Actions that were executed as part of that flow.
![Tenant Logs: Action Details view](http://images.ctfassets.net/cdy7uua7fh8z/61k82wmsXSb9M3wOExM4jH/3cc5d35a73d01c2c8d8802675d26cc1f/dashboard-actions-logs_my-slack-action_tutorial.png)
Next steps
Now that you’ve written your first Action, check out Explore Flows and Triggers to learn how to perform some common tasks with Actions.