如何在 javascript 中解析特定查询参数的 URL？

Question

我将拥有各种包含相同查询参数的 URL：

https://www.example.com/landing-page/?aid=1234

我想通过在网址中搜索“aid”查询参数提取“1234”。

javascript 将在 Zapier 中运行：

Example javascript block in Zapier

Zapier 注释：我们应该通过设置为名为 inputData 的变量的对象向您的代码（作为字符串）提供哪些输入数据？

我在一般的 javascript 或编码方面没有太多经验，但最终结果将是 4 位数的“帮助”值，然后我会在通过 webhook 发布到 API 时引用该值。

编辑：我检查了类似的答案并感谢链接，但是我不确定如何在 Zapier 中使用“inputData”和“url”以及提供的答案。

Answer 1

David 来自 Zapier 平台团队。

虽然上面的 cmets 将您指向正则表达式，但我推荐一种更原生的方法：实际解析 url。 Node.js 有一个很棒的标准库来做这件事：

// the following line is set up in the zapier UI; uncomment if you want to test locally
// const inputData = {url: 'https://www.example.com/landing-page/?aid=1234'}

const url = require('url')
const querystring = require('querystring')

const urlObj = url.parse(inputData.url) /*
Url {
  protocol: 'https:',
  slashes: true,
  auth: null,
  host: 'www.example.com',
  port: null,
  hostname: 'www.example.com',
  hash: null,
  search: '?aid=1234',
  query: 'aid=1234',
  pathname: '/landing-page/',
  path: '/landing-page/?aid=1234',
  href: 'https://www.example.com/landing-page/?aid=1234' }
*/
const qsObj = querystring.parse(urlObj.query) // { aid: '1234' }

return { aid: qsObj.aid }

根据您对要查找的数据始终存在的信心程度，您可能需要在此处执行一些后备操作，但这将非常可靠地找到您要查找的参数。您还可以使用Filter 跟随此代码步骤，以确保依赖aid 的后续步骤在丢失时不会运行。

​如果您还有其他问题，请告诉我！