构建Javascript SDK

Question

我正在做一个项目，是支付方式，类似于stripe、paystack。

我面临的唯一问题是我不知道如何将 javascript SDK 构建为 iframe。我总体上熟悉 JavaScript，但从未构建过 sdk。我看过一些文章，但都是关于构建 Javascript 库的。我找不到任何关于如何实现 iframe sdk 的资源。

这些是我正在尝试构建的示例：

当您点击付款（输入任何数据）时，您会发现弹出窗口为 iframe，并传递一些参数。

对我来说，在 ReactJS 或 Vue 上构建没有问题，但主要概念对我来说还是新的，直到此刻。我找不到任何可以帮助我的相关内容。

Answer 1

您所说的是将项目的源代码构建到可服务的包中，而不是JS SDK。在 JavaScript 中，（现代）JS 应用程序的工作方式是，您有一个捆绑器（通常是 webpack），获取所有源代码并对其进行编译、转译并执行您告诉它执行的任何其他转换。它将输出经过优化以供客户端使用的构建文件到

dist/

目录中，然后您可以按照您喜欢的任何方式托管该目录。如今，使用 Netlify 或 Vercel 等服务来托管 Web 应用程序已经很常见。

如何构建应用程序完全取决于您如何设置应用程序。

关于如何构建 Vue 应用程序，我建议查看他们的文档。 Vue 的部署指南，以及 Vue CLI 的部署指南。

关于如何构建 React 应用程序，我建议您也查看他们的文档。

create-react-app

一旦您的应用程序构建并托管在某处，您就可以轻松地在 iframe 中任何需要的地方调用它。