Estoy trabajando en un proyecto, que es un método de pago, similar a stripe, paystack, etc.
El único problema al que me enfrento es que no sé cómo compilar el SDK de JavaScript como iframe, estoy familiarizado con Javascript en general, pero nunca construí SDK, vi algunos artículos pero está creando bibliotecas de Javascript, no puedo encontrar ninguna recursos sobre cómo iframe sdk
estos son ejemplos de lo que estoy tratando de construir:
https://flutterwave.com/pay/msrifgxcg https://paystack.com/pay/ylxhitmjc3
cuando haga clic en pagar (ingrese cualquier dato), encontrará la ventana emergente como iframe y pasará algunos parámetros
No tengo ningún problema para construir en reactjs o vue, pero el concepto principal es nuevo para mí y hasta este momento, no puedo encontrar nada relacionado que pueda ayudarme.
De lo que está hablando es de construir la fuente del proyecto en un paquete que se pueda servir, no el JS SDK. En JavaScript, la forma en que funcionan las aplicaciones JS (modernas) es que tiene un paquete, generalmente un paquete web, toma todo su código fuente y lo compila, lo transpila y hace cualquier otra transformación que le diga que haga. Generará los archivos creados que están optimizados para el uso de los clientes en un directorio dist/ , que luego puede alojar de la forma que prefiera. En estos días, es común usar un servicio como Netlify o Vercel para alojar aplicaciones web.
La forma de compilar la aplicación depende completamente de cómo la haya configurado.
Para saber cómo crear una aplicación Vue, recomiendo consultar sus documentos. Guía de implementación de Vue y la guía de implementación de Vue CLI específicamente.
Para saber cómo crear una aplicación React, recomiendo consultar también sus documentos. create-react-app 's Docs o React's docs .
Una vez que su aplicación está construida y alojada en algún lugar, puede llamarla fácilmente en un iframe donde lo necesite.