构建可嵌入的 React 小部件

问题描述 投票:0回答:1

因此,我构建了一个结账 UI,但我希望在我的平台上不一定拥有帐户的用户能够通过将脚本嵌入到他们的网站来使用此结账。当他们在网站上复制此代码时,他们会获得结账 UI 并且可以使用它。 他们将有两种选择要使用的结帐 UI,一种是带有结帐表单的弹出窗口,另一种只是在其网站的页面上。

脚本会是这样的

<script defer="defer" src="https://janedoe.webfever.com/checkout/cc.js"></script>
<sc-checkout product="zero-to-one" subdomain="themarv" coupon=""></sc-checkout>

我如何实现这一目标,我检查了很多资源,但没有看到任何可以帮助我的。

我还没有真正尝试过任何东西,因为我从未构建过小部件,而且我在网上看到的资源也没有达到我想要的效果

reactjs typescript widget embed
1个回答
0
投票

您正在寻找一个名为 webcomponents 的东西,您可以从 https://www.webcomponents.org/introduction

了解有关它的所有信息

这是有关如何使用 React 应用程序创建它的指南,https://www.bitovi.com/blog/how-to-create-a-web-component-with-create-react-app

我还没有创建网络组件,但在我的一个应用程序中使用了这个https://github.com/educastellano/qr-code/tree/gh-pages

希望它能帮助你给你一个不同的方向。

© www.soinside.com 2019 - 2024. All rights reserved.