Actualización semana 13En-20En - Laravel Stripe Suscripciones y Api Rest CodeIgniter 4
YouTube, IA Loca, App Vue 3 y CodeIgniter 4 Rest API - Laravel, Vue, Sanctum y JWT, Mi Plataforma de Pago, como modularize, claves Blog, Cursos, Laravel Cashier, Suscripciones y métodos de pago, API REST C4
Bienvenido a otra semana en la cual paso a hablar sobre todo el contenido que subí para la semana del 13 de enero hasta lo que es el 20 de enero que es la fecha actual
Así que también comenzando indicando de que ya terminé la integración con Stripe del curso del Laravel base ya se encuentra obviamente disponible los cursos tanto en Udemy como en Academia y también en el visor web de Academia es decir para visualizar el directamente el libro de Academy ya que más adelante tengo que publicar nuevamente el libro pero no lo he hecho de momento solamente lo he puesto por acá porque obviamente es más sencillo entonces aclarado es un poquito
YouTube
Vamos a pasar para los videos que subí esta semana aquí un poquito este que es modo de chiste en la cual en la el panel de YouTube para lo que es el das para la gestión de mis videos también tiene un apartado de recomendaciones que es mediante una ia según entonces un poco pesimista en el sentido de que me recomiendas son obviamente esto lo hace porque en base a los videos que yo subo videos de pocas visualizaciones y también digo que está un poquito loca porque me recomienda que hables sobre un video en la cual incluya al Alpine con Vue que no tiene sentido entonces ya lo dejo hasta ahí el video está acá
Aquí seguimos exponiendo un poquito los videos del curso original del Laravel de que era de 6 al 10 se recuerda en la cual estamos trabajando con la parte del token de autenticación mediante Vue y por supuesto Sanctum que es el que genera este token entonces aquí la parte del manejo desde la aplicación en este caso en Vue una vez obtenida desde o consumida desde la aplicación en Laravel aquí también tenemos enviar el token de autenticación en todas las peticiones acos es decir una vez tenemos ese token obviamente lo tenemos que emplear para poder consumir recursos protegidos es lo que estamos haciendo por acá esto también era antes de este que era redireccionar una vez realizado el login redireccion hacia otro componente en Vue recordemos que estamos trabajando es con Vue aquí también consumir el token de autenticación bueno es más o menos todo lo mismo
El siguiente paso es para la parte de CodeIgniter retomé un poquito el curso de CodeIgniter 4 y tenía 3 años que no lo tocaba entonces tuve que hacer algunos videos antes del tema que es consumir la aplicación desde Vue es decir tenemos la rapi estamos intentando consumir la aplicación desde View que es lo que podemos ver por acá entonces antes de eso me mudé aquí a Bueno tal cual puedes ver a la mac entonces estoy empleando lar porque perfectamente lo podemos hacer es como largon para Windows pero en este caso está para Mac y Windows y ya que estaba desarrollando el proyecto aquí en la mac entonces pude utilizar amente la Entonces te comento un poquito básicamente eso y también cómo actualicé la versión antigua ya que un poquito el lío que tenemos en cer 4 que también obviamente tenemos el larabel es que cada vez que van saliendo una versión que es una versión menor siempre van cambiando unas cositas en los archivos de configuraciones y demás entonces es nos toca hacer todos los cambios de manera manual o perfectamente podemos crear un nuo un nuevo proyecto luego el nuevo proyecto lo que hacemos es copiar todo nuestro desarrollo al nuevo proyecto del viejo al nuevo proyecto también nos traemos lo que es el el repositorio en GitHub Y a partir de ahí trabajamos y ahí debería funcionar sin problemas ya que si no tenemos que actualizar el composer los archivos de configuraciones y saber qué más
A partir de aquí tenemos lo que es bueno crear el proyecto en Vue.
- La IA de YouTube esta Loca, le gusta el Clickbait, es Pesimista y esta como una Cabra - https://www.youtube.com/watch?v=BZZbeyNAf2E
- Manejar token de acceso desde la app en Vue/Laravel - https://www.youtube.com/watch?v=NIVqqRjCppE
- Actualizar versiones antiguas de CodeIgniter 4 a una versión moderna - https://www.youtube.com/watch?v=8gWYtqCyrgg
- Emplear Laravel Herd con CodeIgniter 4 en MacOS y Windows - https://www.youtube.com/watch?v=iwb9Pt57Z6s
- Consumir el JWT de Laravel desde la aplicación en Vue 04 - https://www.youtube.com/watch?v=36Qe4w3VxWs
- Como modularize MI plataforma de pagos para venta de cursos/libros con Stripe/Paypal en web y mobile - https://www.youtube.com/watch?v=46DHWg7SED0
- Redireccionar al momento de realizar el Login en Vue con Laravel - 5 - https://www.youtube.com/watch?v=UPTnttvhYh8
- Enviar token de autenticación en todas las peticiones axios en Vue- 06 - https://www.youtube.com/watch?v=JxYQ9AJ8LkM
- Crear un nuevo proyecto en Vue (npm create vue) para consumir mediante una API en CodeIgniter 4 -2 - https://www.youtube.com/watch?v=ROBpsBcAo-I
Blog
En el blog aquí recuerda que yo también tengo un canal en YouTube para en este caso hablo un poquito ahí un poco más desde el punto de vista de juegos pero desde el punto de vista del desarrollo eh También tiro algunos temas de este tipo Por si te interesa ahí puedes ver el título por lo demás es más o menos lo mismo que teníamos en el canal de YouTube ya que voy publicando en paralelo lo que es crear un proyecto en Vue simplemente Vue luego lo vamos a consumir mediante CodeIgniter 4 aquí te hablo también que este también estaba aquí pero se me perdió como modular mi plataformas de pago recordando un poquito siente
Aquí la cuenta academia por aquí tú puedes adquirir cualquiera de estos recursos voy a por ejemplo voy a comprar este doy aquí aquí tuviera que indicar me tengo que autenticar Disculpa ahora sí tenemos esto aquí puedo darle ya pagar y aquí me aparecen las plataformas que tengo disponible para pagar Cuál es el chiste un poco en todo esto obviamente aquí hay que dividir qué es lo que te hablo en ese video todo en dos bloques uno es la plataforma en pago en sí es decir dependiendo de si empleas PayPal si empleas Stripe o Google Pay lo que tú quieras eso tiene su procedimiento su procedimiento específico pero por detrás para nosotros es lo mismo ya que lo que queremos es anexar este recurso una vez pagado a la cuenta del usuario así que tenemos dos procesos nuestro proceso que es la lógica de nuestra aplicación y la lógica de la integración de la pasarela de pago que estamos empleando entonces tenemos que modularizar bien pero bien nuestra aplicación teniendo elementos comunes como viene siendo el estatus el estatus de la petición el precio la traza el usuario aspecto de ese tipo para modularizar lo lo más posible para que nuestra implementación quede lo más modular posible ya que aparte de esto también recuerda que yo tengo una aplicación móvil en la cual también dispongo de exactamente los mismos instrumentos de pago por lo tanto ya no son dos sino son cuatro que se consumen una apires tal cual te mencionaba antes para hacer el pago de un producto entonces es más o menos lo que te estoy hablando para que si tienes que hacer un desarrollo similar a este sepas qué punto puedes tener en consideración bueno esto era también está formato vídeo
Por aquí está lo comentado con Laravel y CodeIgniter 4 también lo comentado actualizar las versiones antiguas de C4 lo de la IA que te comentaba y también aquí la semana pasada aunque
Esto creo que fue la semana pasada también estoy hablando un poquito del problema de almacenamiento que puedes tener con los Mac de 256 GB también para la parte de desarrollo ya que en resumen el problema es de que cada vez que tú vayas a instalar un programa realmente vas a necesitar tres veces el espacio disponible porque este problema lo porque este problema lo vas a ver cuando intentes actualizar un software suponte tu escode que pesa 10 GB suponte lo instalas la primera vez perfecto pero cuando quiera actualizar y se una versión mayor que usualmente tienes que descargar todo el programa otra vez y esto es por dar un ejemplo pero esto depende también de lo que estés instalando vas a necesitar los 10 GB que va a descargar cuando está haciendo la actualización es decir él no actualiza el primero descarga y luego actualiza por lo tanto inicialmente necesitas esos 10 necesitas esos 10 GB que es lo que pesa inicialmente el software Luego de eso también necesitas un espacio adicional para hacer la instalación Al momento de que esté instalando También necesita disponer de espacio adicional así que más o menos sería vas a requerir tres veces el espacio para poder gestionar el software como quien dice de manera satisfactoria y eso viene siendo todo por acá el siguiente
Libros Cursos
Paso son las actualizaciones a nivel de los cursos y libros a futuro en los cuales tenemos obviamente como te comentaba arranqué aquí con el proyecto en CodeIgniter 4 y era un poco lo mencionado que fui exponiendo por Vue pero obviamente aquí tenemos más material primeros pasos con Vue te explico un poquito de qué va todo creamos aquí proyecto de Vue mediante node aquí explicamos un poco la estructura del proyecto la carpeta de los módulos de node eso también te lo menciono ahí que la tenemos que generar y estamos aquí en la parte de los fch intentando consumir la Pires en arabel como te digo estábamos trabajando con casir con stripe y también con Vue
Entonces estamos viendo características del Laravel Cashier como es eliminar los métodos de pago del cliente crear intenciones de pago que luego el cliente puede procesar mediante el Card Element mediante lo que nos ofrece la Api de stripe y también confirmar aquí la parte del pago luego aquí lo que es bueno un error que quedaba pendiente de cuando podemos estar utilizando la caser que puede dar un error de cor si no tenemos la extensión habilitada suscripciones mediante stripe es decir pagos recurrentes damos aquí una presentación en la cual explico básicamente cCómo funcionan cómo hacemos la suscripción qué métodos tenemos disponibles algunos los principales aquí también explico otros métodos de interés que pueden ser interesantes para saber si ya finalizó si está en si está cancelada si la canceló el usuario entre otros y también aquí para variar la cantidad lo cual es ideal si quieres como quien dice subir el precio a una suscripción y finalmente también manejar las suscripción mediante el plugin que vimos inicialmente de vue stripe y este viene siendo el cupón de la semana así que pues nada como te digo ya todo este material está disponible en el visor web de Academia si tienes el libro en Academia lo puedes consumir perfectamente si no tienes que esperar a que haga también la actualización a nivel de los libros por las plataformas mencionadas a excepción de Amazon ya que como te indicaba en Amazon no voy a poder subir el precio porque no puedo subirlo de 9.9 Así que esta actualización este contenido va a ser extra así lo voy a clasificar y va a ser o va a estar disponible para el resto de las plataformas incluyendo obviamente la de Academia todas menos la ht Amazon así que sin más que decir nos vemos la semana próxima
CodeIgniter 4
Primeros pasos
Introducción a Vue
Crear proyecto en Vue mediante Node
Vamos a crear un proyecto en Vue mediante Node.
Estructura del proyecto en Vue
Vamos a hablar sobre la estructura de carpetas que tenemos.
Carpeta de los módulos de node
Vamos a instalar la carpeta de los módulos de nose solamente si no te aparece la carpeta.
Un poco más sobre componentes en Vue
Vamos a hablar sobre los componentes de Vue
Axios/fetch Para realizar peticiones HTTP y consumir la Rest API
Explicación a los fetch en JS para consumir peticiones HTTP
Nuestro primer fetch
Implementamos nuestro primer fetch
Laravel Cashier, Vue y Stripe
Eliminar los métodos de pago
Vamos a eliminar los métodos de pago del usuario.
Crear intenciones de pago
Vamos a crear intenciones de pago.
Crear intenciones de pago: CardElement
Vamos a reutilizar el componente de carta utilizado antes para registrar una tarjeta.
Crear intenciones de pago: Confirmar pago
Vamos a terminar la implementación y confirmar el pago.
Error de Curl en Laravel Stripe
Error al hacer las peticiones en Stripe.
Suscripciones en Stripe: Presentación
Vamos a dar una introducción al uso de las suscripciones.
Suscripciones en Stripe: Otros métodos interesantes
Hablamos sobre otros métodos importantes.
Suscripciones en Stripe: Cantidades
Hablamos sobre variar las cantidades al momento de hacer la suscripción.
Suscripciones en Stripe: Mediante el plugin de Vue Stripe
Vamos a adaptar el plugin de Vue Stripe para hacer pagos recurrentes o suscripciones.
- Andrés Cruz
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter