You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在JavaScript或ASP.NET MVC中生成Plaid Link公钥?

在ASP.NET MVC和JavaScript中使用Plaid Link公钥的正确方式

首先明确:Plaid Link的公钥不是由开发者自行生成的,而是需要登录Plaid开发者后台(Dashboard)获取。以下是两种环境下的具体使用步骤:

ASP.NET MVC 环境

  • 登录Plaid开发者后台,在「Keys」页面找到对应环境(沙箱/开发/生产)的public_key。
  • 将公钥配置到项目的Web.config中,方便统一管理:
<appSettings>
  <add key="PlaidPublicKey" value="你的公钥内容" />
</add>
  • 在需要渲染Plaid Link的.cshtml视图中,读取配置并注入到前端代码:
<script src="https://cdn.plaid.com/link/v2/stable/link-initialize.js"></script>
<script>
  const plaidHandler = Plaid.create({
    clientName: '你的应用名称',
    env: 'sandbox', // 按需切换为development/production
    key: '@System.Configuration.ConfigurationManager.AppSettings["PlaidPublicKey"]',
    product: ['auth'], // 根据业务需求选择对应产品
    onSuccess: (public_token, metadata) => {
      // 将public_token发送到后端进行后续处理
      fetch('/Home/ExchangePublicToken', {
        method: 'POST',
        body: JSON.stringify({ publicToken: public_token }),
        headers: { 'Content-Type': 'application/json' }
      });
    },
  });

  // 绑定按钮点击事件触发Plaid Link弹窗
  document.getElementById('open-plaid-link').addEventListener('click', () => {
    plaidHandler.open();
  });
</script>

JavaScript 环境(纯前端)

  • 先从Plaid开发者后台获取目标环境的public_key。
  • 直接引入Plaid Link脚本并初始化:
<script src="https://cdn.plaid.com/link/v2/stable/link-initialize.js"></script>
<script>
  const plaidLink = Plaid.create({
    clientName: '你的应用名称',
    env: 'sandbox',
    key: '你的公钥内容',
    product: ['transactions'],
    onSuccess: (public_token, metadata) => {
      console.log('获取到的Public Token:', public_token);
      // 此处可将public_token发送至你的后端服务
    },
    onExit: (error, metadata) => {
      if (error) {
        console.error('Plaid Link 错误:', error);
      }
    }
  });

  // 绑定按钮点击打开弹窗
  document.querySelector('#plaid-button').addEventListener('click', () => {
    plaidLink.open();
  });
</script>

关键注意事项

  • 公钥属于公开密钥,可直接暴露在前端;但secret_key必须严格保存在后端,绝对不能泄露。
  • 沙箱、开发、生产环境的公钥互不通用,部署时需切换对应密钥。
  • 若使用ASP.NET Core MVC,可将公钥配置在appsettings.json中,通过IConfiguration接口读取。

内容的提问来源于stack exchange,提问作者Parag

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.22 10:03:22