Realizar una suscripción con Vue stripe y Laravel - 07
Vamos a hacer una prueba interesante que es empleando aquí el plugin de Vue Stripe que yo creo que es una forma bastante interesante para hacer distintas operaciones
Recuerda que o no sé si te acuerdas que al inicio cuando estamos probando el plugin el plugin también probamos un pago recurrente que creo que quedó por error
Perfecto ya no tenemos nada qué es lo que tuviéramos que cambiar recordemos aquí un poquito en el plugin sería lo primero que por defecto aquí tenemos payment en este caso sería suscripción:
app\Http\Controllers\Api\StripeController.php
function createSession(string $priceId, string $successURL = 'http://laravelbaseapi.test/vue/stripe/success', string $cancelUrl = 'http://laravelbaseapi.test/vue/stripe/cancel')
{
$session = Checkout::guest()->create($priceId, [
// 'mode' => 'payment',
'mode' => 'subscription',
'success_url' => $successURL . '?session_id={CHECKOUT_SESSION_ID}',
'cancel_url' => $cancelUrl
]);
return $session->id;
}
Y en el plugin, recuerda establecer un precio de tipo recurrente:
lineItems: [ { price: <PRICE_ID_RECURRENT> }] // recurrent
Entonces voy a duplicar esto acá lo voy a comentar ya esto creo que se entiende bastante bien que es suscripción y aquí cumpliríamos con esto lo siguiente sería el price ID que también se lo estamos pasando ya ni me acuerdo realmente sería uno de estos no sé si estamos empleando esto aquí lo tenemos perfecto estamos pasando el primero vamos a ver dónde los tengo expuestos correcto serían estos sería este entonces voy a comentar este para que no me genere ruido este bueno esto lo voy a duplicar lo voy a comentar este va a ser el recurrente que tampoco deía dejarlo comentado pero el recurrente lo tenemos por aquí sería el que utilizamos antes para la suscripción este es el que tuviéramos que ampliar te creas otro no importa pero ahí lo voy a colocar en resumen ya que brinca un poquito por aquí colocamos el modo suscripción ya que recuerda que estamos empleando aquí el session en el servidor o estamos generando el session que solamente se puede generar en el servidor y que estamos llamando aquí del plugin One payment tal cual implementamos antes en el curso entonces aquí configuramos que sea de tipo suscripción y automáticamente Tenemos que pasar el precio o el PR ID lo que vamos a comprar también de tipo suscripción voy a colocarle aquí en uno para mantener todo sencillo
Y recuerda que este listado es el que estamos pasándole en el create section que ya se perdió otra vez o este voy a seleccionar a ver por acá para crear la sesión que luego empleamos y todo lo demás en principio debería hacer eso
Ventajas de esta modalidad
Qué ventajas tenemos aquí yo creo que tenemos una ventaja enorme Y es que a mí me al menos a mí me fastidió un poco estar manejando este usuario custom en el arab cashier que si le registramos el payment ID o los pagos que él tiene que crear mediante el plugin que configuramos aquí antes el de stripe el de justamente este que tenemos que aquí armar una cajita para que coloque su tarjeta y todo lo demás a ver esto es excelente no lo voy a criticar pero pero pero el problema que yo lo veo Es que para aplicaciones pequeñas o medianas si por ejemplo fuera una web como Amazon Que decida aliarse con ellos es decir una web conocida Yo creo que el cliente no tuviera mucho problema Yo ya que yo por ejemplo coloco mi tarjeta en Amazon sin problemas y yo sé que no ellos no me van a hacer ninguna jugarreta pero a ver en aplicaciones pequeñas que no son así tan conocidas que te estén pidiendo la tarjeta yo creo que cualquiera va a desconfiar que nosotros sabemos que sí que es muy difícil entre comillas que digo entre comillas porque tú perfectamente puedes colocar aquí un un evento Kid down para que cada vez que escribe el usuario tú también lo registras por detrás entonces en principio pudieras obtenerlo así Nunca lo he hecho pero en principio pudieras obtenerlo así pero a mí me parece mucho riesgo de que o mucho riesgo en el sentido de que no creo que un usuario normal que no sepa qué demonios es esto como está formado un cliente final por así decir él vaya a confiar en colocar su tarjeta es decir la gestión de su tarjeta con lo de los pagos automáticos que veíamos antes y todo lo demás de una aplicación que no conoce Entonces yo creo yo creo yo creo que es mucho mejor y así también nosotros nos como quien dice nos cuidamos un poco de salud a implementar sistemas como el que veías hace unos momentos que tú ves que hace una redirección hacia otra página y por lo tanto un cliente final que ya debería entender esto un poco de que no estamos en la la misma URL ya que esos son medidas de protección de cualquier web cualquier web sobre todo los bancos te dic que estés muy pendiente con la URL que sea https que sea la web de tu banco y todo lo demás y que todas las operaciones salgan localmente Entonces ya cuando pasa otra web ya Al menos supongamos que conoce la web de stripe y por lo tanto ya ve que la operación se Está realizando ahí algo similar a lo que sucede con PayPal porque sería un enfoque un poco similar a lo que hacemos con PayPal y por lo tanto yo lo considero muchísimo más seguro para el cliente desde ese punto de vista viéndolo des el punto de vista del cliente así que yo lo preferiría por ahí 1 veces aparte de lo anterior que ya para nosotros que simplemente queremos tener es una Bend una bendita suscripción y más nada también para nosotros Sería mucho más sencillo ya que no tenemos que implementar lo mencionado que si implementamos aquí la cajita para que agregue su tarjeta o directamente le mandamos el link para que le agregue Stripe entonces el usuario se tiene que crear una cuenta en strike porque si le das aquí te va a pedir que te autenti la cuenta de strike en mi caso Bueno fíjate que inclusive que est autenticado me la estás pidiendo otra vez Entonces tienes que implementar un montón de cosas para simplemente hacer una suscripción de x cosa en tu servicio yo Considero que de esta forma es mucho más agradable así que pues nada un poco lo que quería comentar aquí así que pues nada Ya tienes otra forma de hacer las suscripciones otra vez para mí esta es la recomendada y sin más que decir ya con esto creo que cubrimos todo al menos lo que yo tenía inicialmente concebido para stripe con Laravel Cashier
Acepto recibir anuncios de interes sobre este Blog.
Vamos a realziar la prueba de empelar el plugin de Vue Stripe para realizar una suscripción
- Andrés Cruz
Este material forma parte de mi curso y libro completo; puedes adquirirlos desde el apartado de libros y/o cursos Curso y Libro Laravel 12 con Tailwind Vue 3, introducción a Jetstream Livewire e Inerta desde cero - 2025.