如何使用Javascript ajax调用在DialogFlow v2上进行http调用

Question

我在DialogFlow的官方网站上使用Node.js找到了这个示例，它运行良好，但我不知道如何将其集成到我的web应用程序中。

我可以将它集成到我的其他javascript jquery代码中吗？这里我需要运行节点index.js，但是如果我与代码集成，我还需要这样做吗？

const projectId = 'xxx'; //https://dialogflow.com/docs/agents#settings
const sessionId = 'xxxxx';
const query = 'Hello';
const languageCode = 'en-US';

// Instantiate a DialogFlow client.
const dialogflow = require('dialogflow');
const sessionClient = new dialogflow.SessionsClient();

// Define session path
const sessionPath = sessionClient.sessionPath(projectId, sessionId);
console.log(sessionPath);
// The text query request.
const request = {
  session: sessionPath,
  queryInput: {
    text: {
      text: query,
      languageCode: languageCode,
    },
  },
};

// Send request and log result
sessionClient
  .detectIntent(request)
  .then(responses => {
    console.log('Detected intent');
    const result = responses[0].queryResult;
    console.log(`  Query: ${result.queryText}`);
    console.log(`  Response: ${result.fulfillmentText}`);
    if (result.intent) {
      console.log(`  Intent: ${result.intent.displayName}`);
    } else {
      console.log(`  No intent matched.`);
    }
  })
  .catch(err => {
    console.error('ERROR:', err);
  });

DialogFlow v1使用起来非常简单。我有这样的东西：

fetch(url, {
    body: JSON.stringify(data),
    // cache: 'no-cache',
    // credentials: 'same-origin',
    headers: {
        'content-type': 'application/json',
        "Authorization": "Bearer " + configs.accessToken,
    },
    method: 'POST',
    mode: 'cors',
    redirect: 'follow',
    referrer: 'no-referrer',
})
    .then(response => response.json()) // parses response to JSON

Answer 1

正如其他人以前在这里所说的，访问令牌有一个小时的持续时间，之后它就变得无用了。因此，为了请求访问令牌，需要对API进行一次调用（在我的例子中是http调用），每小时一次，然后按照Satheesh的解释使用它。https://developers.google.com/identity/protocols/oauth2ServiceAccount中给出了有关如何生成进行调用的签名以及以后使用该签名的说明。

一旦使用私钥和必须使用的电子邮件（不是您的电子邮件，而是由服务帐户生成的电子邮件）从服务帐户获得json文件，您就可以使用jsrsasign库（纯javascript）来生成json Web签名(JWS)，从而生成json Web令牌(JWT)，进行http调用以获取访问令牌所需的json Web令牌。

然后，按照上面Satheesh所描述的那样使用它，通过jQuery调用Dialogflow V2。

我用来实现这一点的代码是下一个：

function _genJWS() {
    var header = '{"alg":"RS256","typ":"JWT"}';
    var claimSet = jwtClaimSet();
    var privateKey = jwtPrivateKey();

    var sHead = newline_toDos(header);
    var head = KJUR.jws.JWS.readSafeJSONString(sHead);
    var sPayload = newline_toDos(claimSet);
    var sPemPrvKey = privateKey;

    var jws = new KJUR.jws.JWS();
    var sResult = null;
    try {
        prv = KEYUTIL.getKey(sPemPrvKey);

        sResult = KJUR.jws.JWS.sign(head.alg, sHead, sPayload, prv);
    } catch (ex) {
        alert("Error: " + ex);
    }
    return sResult;
}

function _requestAccessToken() {
    var access_token = accessToken;
    var assertion = _genJWS();
    console.log('Assertion: ' + assertion);
    jQuery.ajax({
        type: "POST",
        url: "https://www.googleapis.com/oauth2/v4/token",
        contentType: "application/x-www-form-urlencoded",
        dataType: "json",
        data: "grant_type=urn%3Aietf%3Aparams%3Aoauth%3Agrant-type%3Ajwt-bearer&assertion=" + assertion,
        success: function(response) {
            console.log("success");
            console.log(response);
            access_token = response.access_token;
            console.log(access_token);
        },
        error: function() {
            console.log("Error");
        }
    });
    return access_token;
}

然后使用该访问令牌对DialogFlow进行HTTP调用。

希望能有所帮助。