如何在VS Code扩展中调用REST API并实现用户身份认证？

一、REST 请求发起方案 #

VS Code 扩展运行在 Node.js 宿主环境中，你完全可以直接使用标准 JavaScript fetch() 方法发起请求，Node.js 18 及以上版本已经原生支持 fetch，如果需要兼容更低版本的 VS Code 运行时，可以引入 node-fetch 依赖，或者直接使用 Node.js 原生的 http/https 模块即可。完全不需要引入 jQuery 这类面向浏览器的工具库，没有实际意义。

配套基础功能实现方法 #

• 获取当前活动编辑器标签页内容：直接调用官方API vscode.window.activeTextEditor?.document.getText() 即可拿到完整文本
• 自定义目标URL输入：调用 vscode.window.showInputBox() API 唤起输入框，可配置输入提示、URL合法性校验规则，用户输入完成后可存储在扩展的全局上下文变量中复用

二、身份认证实现方案 #

你提到的通过 WebView 完成常规网页登录的方案完全可以实现：
WebView 本身会自动管理 Cookie 会话，用户在 WebView 加载的登录页完成身份认证后，服务端返回的认证 Cookie 会被 WebView 自动持久化，后续同域名的请求会自动带上有效 Cookie。

你补充的「WebView 内部完成登录后，直接发POST请求提交编辑器内容」的方案也可行，需要注意以下逻辑：

• WebView 运行在隔离的沙箱环境中，内部的 JS 无法直接调用 VS Code 原生 API 获取编辑器内容，需要通过消息通信机制实现：扩展主进程监听 WebView 发送的内容获取请求，主进程拿到编辑器内容后再通过消息回传给 WebView，WebView 拿到内容后即可发起 POST 请求。
• 如果你不想依赖 WebView 常驻，也可以在用户登录完成后，让 WebView 页面的 JS 将拿到的认证凭证（如JWT、Session ID）通过消息传递给扩展主进程，后续主进程发起请求时直接在请求头带上认证凭证即可，这种方案的请求逻辑更易维护。

内容的提问来源于stack exchange，提问作者Alex Kerr