How to Integrate Google Dialogflow with Google Slides

Setting Up Dialogflow

• Create a new Dialogflow agent by logging into your Dialogflow console and clicking on "Create Agent". Fill in necessary details like agent name, timezone, and Google Project.

 

• Under "Intents", create various intents which will be responsible for responding to specific user inputs. For each intent, define training phrases and the appropriate responses.

 

• Enable the Dialogflow API via the Google Cloud Console to allow proper functionality of your agent.

Google Cloud Platform Setup

• Open your project in the Google Cloud Console and ensure that Dialogflow API is enabled in the APIs & services section.

 

• Navigate to IAM & Admin > Service Accounts. Create a new service account, providing it with necessary roles such as Dialogflow API Client.

 

• Create and download a private key in JSON format for your service account. This key will be used to authenticate Dialogflow requests through your application.

Setting Up Google Slides

• Go to the Google Slides API in the Google Cloud Console. Enable the API for your project to allow programmatic access to your slides.

 

• Create OAuth 2.0 credentials in the Credentials page and set up OAuth consent screen as needed. Note the client ID and client secret which will be needed later.

 

• Share the Google Slides presentation you want to manipulate with your service account's email to grant it access.

Integrating with Node.js

• Initialize a Node.js project and install required packages:

   

  npm init -y
  npm install dialogflow googleapis google-auth-library
  

   

• Write a script to authenticate using the service account JSON and manipulate Google Slides based on Dialogflow responses:

   

  const { google } = require('googleapis');
  const dialogflow = require('@google-cloud/dialogflow');
  const { GoogleAuth } = require('google-auth-library');
  const path = require('path');
  
  // Path to your service account JSON
  const serviceAccountPath = path.join(__dirname, 'service-account.json');
  
  // Set up Dialogflow session client
  const sessionClient = new dialogflow.SessionsClient({ keyFile: serviceAccountPath });
  
  // Set up Google Slides API
  const auth = new GoogleAuth({
    keyFile: serviceAccountPath,
    scopes: ['https://www.googleapis.com/auth/presentations']
  });
  
  // Function to update slides based on Dialogflow conversation
  async function updateSlides(sessionId, text) {
    const sessionPath = sessionClient.projectAgentSessionPath('YOUR_PROJECT_ID', sessionId);
    
    const request = {
      session: sessionPath,
      queryInput: {
        text: {
          text: text,
          languageCode: 'en-US',
        },
      },
    };
    
    const responses = await sessionClient.detectIntent(request);
  
    const result = responses[0].queryResult;
    if (result && result.fulfillmentText) {
      console.log(`Detected intent: ${result.fulfillmentText}`);
  
      // Auth and create slides API client
      const authClient = await auth.getClient();
      const slides = google.slides({ version: 'v1', auth: authClient });
  
      const presentationId = 'YOUR_PRESENTATION_ID';
  
      // Generate a sample request to update slides
      const requests = [
        {
          insertText: {
            objectId: 'TEXT_BOX_OBJECT_ID', // ID of textbox to update
            text: result.fulfillmentText,
            insertionIndex: 0
          }
        }
      ];
  
      await slides.presentations.batchUpdate({
        presentationId: presentationId,
        resource: { requests }
      });
    }
  }
  
  // Example to test the integration
  updateSlides('sample-session-id', 'Hello, world!');
  

   

Testing the Integration

• Run the Node.js script to test the integration. Send different sample queries and verify that the Dialogflow intents are correctly interpreted and that the slides are updated accordingly.

 

• Inspect the Google Slides to ensure that the expected changes appear as results from Dialogflow conversations.