How to Integrate Google Dialogflow with Slack

Create a Dialogflow Agent

• Go to the Dialogflow Console.

 

• Sign in with your Google account if prompted.

 

• Click on "Create Agent" in the left-hand menu.

 

• Provide a name for your agent. Ensure the Google Project is created or selected.

 

• Click "Create" to set up your new Dialogflow agent.

Define Intents in Dialogflow

• Once your agent is ready, click on "Intents" from the left-hand panel.

 

• Create new intents by selecting "Create Intent" and specify their training phrases, actions, and responses.

 

• Ensure your intents cover the conversation scenarios you want to automate with Slack.

Enable Fulfillment in Dialogflow

• Navigate to "Fulfillment" in Dialogflow.

 

• Enable the "Webhook" option for handling complex requests externally.

 

• Specify the Webhook URL where requests will be sent. This URL will be provided by your Slack app integration later.

Create a Slack App

• Access the Slack API Apps page and sign in.

 

• Click on "Create New App" and enter a name and select the Slack workspace where it should be installed.

 

• Under "Add features and functionality", click "Bots" to create a bot user for your app.

Configure Slack App to Receive Messages

• In the Slack app settings, navigate to "Event Subscriptions".

 

• Enable the toggle for "Enable Events".

 

• Specify your request URL, which handles incoming Slack events. This URL will be used to relay messages to Dialogflow.

 

• Add event subscriptions (like "message.channels" or "message.im") to listen for messages.

Set Up Middleware to Communicate between Slack and Dialogflow

• Create a server script (e.g., using Node.js) that receives Slack events and forwards messages to Dialogflow via its API.

 

• Configure the script to handle Dialogflow responses and format these back into Slack messages.

const { WebClient } = require('@slack/web-api');
const dialogflow = require('@google-cloud/dialogflow');

const slackToken = 'YOUR_SLACK_BOT_TOKEN';
const slackClient = new WebClient(slackToken);
const dialogflowClient = new dialogflow.SessionsClient();
const projectId = 'YOUR_PROJECT_ID';

app.post('/slack/events', async (req, res) => {
  const message = req.body.event.text;
  const sessionPath = dialogflowClient.projectAgentSessionPath(projectId, sessionId);
  
  const request = {
    session: sessionPath,
    queryInput: {
      text: {
        text: message,
        languageCode: 'en-US',
      },
    },
  };
  
  const [response] = await dialogflowClient.detectIntent(request);
  const reply = response.queryResult.fulfillmentText;

  await slackClient.chat.postMessage({
    channel: req.body.event.channel,
    text: reply,
  });

  res.sendStatus(200);
});

Deploy and Test the Integration

• Deploy your middleware script to a platform like Google Cloud Functions, AWS Lambda, or any suitable server hosting your application can access.

 

• Test your integration by sending messages in Slack and verifying the responses from your Dialogflow agent.

 

• Monitor logs for any errors and adjust configurations as necessary to ensure seamless message handling.

Install and Manage Your App in Slack Workspace

• In Slack, navigate to your app settings and install the app into the desired workspace if you haven't already.

 

• Manage scopes and permissions in your Slack app settings to ensure it has access to channels or groups if needed.

 

• Ensure the bot user is added to specific channels or direct messages where it needs to interact.