Stripe 最近在第 8 版中将类型添加到他们的条带节点库中。这取代了对来自definitelyTyped 的单独@types/stripe 的需求。在节点 TypeScript 环境中使用这些类型很简单，但我想知道在编译为浏览器 JavaScript 的客户端 TypeScript 应用程序 (Angular) 中使用这些类型是否可行。
它似乎适用于 npm install --save stripe 和 import Stripe from 'stripe' 任何我想添加 Stripe 类型的地方，但由于这是一个节点库，我想确保我没有遗漏任何明显的东西。在客户端应用程序中导入为节点设计的库有什么问题吗？
编辑：
需要明确的是，我并不是在问是否可以在我的客户端中充分利用 stripe-node。那将是一个巨大的安全风险。现在库已经内置了类型，如果我们可以在客户端打字稿中引用这些类型会很好。
【问题讨论】：
标签： node.js angular typescript stripe-payments
我使用 monorepo 包从 stripe-node 库中导出 TypeScript 接口。
project
└── packages
├── common
└── web
@stripe/stripe-js 的Stripe 发生冲突
stripe-node 添加到web，这可能会以不良方式使用（例如使用机密）expand 进行条带 API 调用时允许扩展类型
// project/packages/common/stripe.ts
import { Stripe } from "stripe";
type StripeInvoice = Stripe.Invoice;
type StripeSubscription = Stripe.Subscription;
type StripeSubscriptionList = Stripe.Response<
Stripe.ApiList<Stripe.Subscription>
>;
type StripeCustomer = Stripe.Customer;
export {
StripeInvoice,
StripeCustomer,
StripeSubscription,
StripeSubscriptionList,
};
// project/packages/web/request.ts
import { StripeSubscriptionList } from "@project/common/stripe";
const listSubscriptions = async () => {
// Wrapper function for the fetch API
return await fetchAPI<StripeSubscriptionList>("subscriptions", {
method: "GET",
});
};
【讨论】：
只有当您在前端代码中使用 服务器密码 时，才会出现问题。只要您不这样做并且仅将服务器库用于前端的类型定义，根本没有问题。
【讨论】：
Invoices 类型，那就太好了，因为这正是响应中返回的内容。
stripe-node 的类型不适用于 Stripe.js，您需要改用这些类型：https://github.com/stripe/stripe-js
npm install @stripe/stripe-js
请参阅有关 TypeScript 支持的信息：https://github.com/stripe/stripe-js#typescript-support
【讨论】：
stripe-node 的Stripe.Invoice 类型。 stripe-js中不存在这种类型。