使用 Thunder Client 调用 Salesforce API 的完整指南

一、工具概述与优势

Thunder Client 是 VS Code 的轻量级 API 测试插件,凭借其集成开发环境(IDE)的无缝协作能力,在开发者社区中迅速崛起。相较于 Postman,Thunder Client 在以下方面具有显著优势:

  1. 免费版无敏感信息存储限制
  2. 原生支持 OAuth 2.0 隐式授权流程 (Postman 免费版不支持)
  3. 环境变量(Env)实时同步功能 (Postman 免费版不支持环境变量)

二、准备工作

  1. 安装 VS Code 并通过扩展商店安装 Thunder Client
  1. 在 Salesforce 开发者账号中创建连接应用(Connected App),获取:

    • Client ID
    • Redirect URL
  2. 在 Thunder Client 中创建新环境(File > Preferences > Thunder Client > Environments)

三、OAuth 2.0 隐式授权流程

3.1 构建授权请求

  1. 新建 POST 请求
  2. 设置 URL 为 Salesforce 授权端点:
bash 复制代码
https://<your-instance>/services/oauth2/authorize
  1. Query Parameters 配置:
ini 复制代码
*   response_type=token
*   client_id=<Your_Client_ID>>
*   redirect_uri=<Your_Redirect_URL>>
*   display=popup
*   scope=api id

3.2 处理回调与 Token 提取

  1. 发送请求后,在标签页点击 "Get Access Token From Callback URL"
  1. 系统自动解析回调 URL 中的 token 参数

代码片段说明 :Thunder Client 内部通过 window.location.replace() 模拟浏览器重定向行为,开发者无需手动处理回调逻辑。

四、API 调用实践

4.1 查询用户信息

  1. 新建 GET 请求
  2. URL 设置为:
bash 复制代码
{{INSTANCE_URL}}/services/oauth2/userinfo
  1. Headers 配置:
css 复制代码
*   Authorization: Bearer {{ACCESS_TOKEN}}
*   Content-Type: application/json

4.2 响应处理

成功响应示例(Status 200 OK,Size 3.63 KB):

json 复制代码
{
  "totalSize": 1,
  "done": true,
  "records": [
    {
      "attributes": {
        "type": "Lead",
        "url": "/services/data/v60.0/sobjects/Lead/00QC6123456sDbNMAU"
      },
      "Id": "00QC6123456sDbNMAU"
    }
  ]
}

五、高级技巧

5.1 使用 Collections 管理 API 流程

创建新集合(Collection)

相关推荐
Sailing15 分钟前
🚀 别再乱写 16px 了!CSS 单位体系已经进入“计算时代”,真正的响应式布局
前端·css·面试
SuperEugene3 小时前
Vue状态管理扫盲篇:Vuex 到 Pinia | 为什么大家都在迁移?核心用法对比
前端·vue.js·面试
Hilaku3 小时前
我会如何考核一个在简历里大谈 AI 提效的高级前端?
前端·javascript·面试
前端Hardy4 小时前
别再用 $emit 满天飞了!Vue 3 组件通信的 4 种正确姿势,第 3 种 90% 的人不知道
前端·vue.js·面试
我叫黑大帅4 小时前
前端如何利用 GitHub Actions 自动构建并发布到 GitHub Pages?
前端·面试·github
我叫黑大帅4 小时前
前端总说的防抖与节流到底是什么?
前端·javascript·面试
掘金安东尼4 小时前
从平面到空间:用 React Three Fiber 构建 3D 产品网格
前端·javascript·面试
swipe4 小时前
#用这 9 个浏览器 API,我把页面从“卡成 PPT”救回到 90+(每个都有能直接抄的例子)
前端·javascript·面试
前端双越老师5 小时前
前端面试常见的 10 个场景题
前端·面试·求职
Lee川21 小时前
优雅进化的JavaScript:从ES6+新特性看现代前端开发范式
javascript·面试