Link hacia Whatsapp

 

¿Quieres crear un link que abra un chat en Whatsapp? Te cuento cómo lo solucioné con HTML.

• Lo que necesitaba era que en el whatsapp del usuario se abriera un chat hacia cierto número y con un texto prestablecido.
• Encontré que debía formar un url con un formato similar a https://api.whatsapp.com/send?phone=51999888777&text=Hola
  • El número de teléfono indicado por phone debe incluir el código del país (51 en este ejemplo)
  • El texto indicado por text debe ser url compatible, es decir que se pueda indicar a través del url.
    • Puedes usar una herramienta como URLEncoder para convertir tu texto. Incluso puedes poner emojis! 🙂
    • Si usas javascript para generar el enlace, la función encodeURI hace el trabajo.
• De ese modo, es posible formar un enlace como este:

<a href="https://api.whatsapp.com/send?phone=51999888777&text=Hola%21%20%F0%9F%91%8D%F0%9F%99%82">Saludar por Whatsapp</a>

• Cuando el usuario hace clic en el enlace, le aparece un diálogo para permitirle ir a la app whatsapp (si está instalada), donde abrirá el chat correspondiente al número indicado y con el texto indicado pre llenado.

¿Conoces otro modo de hacer esto, o quizás de manera más sencilla? Puedes compartirlo en los comentarios 🙏

Publicado originalmente en AKC Puroguramu

Solución al Vue Router y Vuex descontinuados para Vue2

 

¿Tienes alguna aplicación vue2 que ha dejado de funcionar de pronto? Te cuento cómo solucioné la incompatibilidad que se presentó para vue-router y vuex.

• Hoy noté que una de las aplicaciones que desarrollé con vue2 estaba caída 🙈.
  • Revisando la consola, noté que no encontraba https://unpkg.com/vue-router@4.0.14/dist/vue-router.js.
  • Ese era el destino final que correspondería al que le indicaba en mi código: //unpkg.com/vue-router/dist/vue-router.js.
    • Cuando se indica así te lleva a la última versión, que al parecer ya no es más vue2 compatible.
• Al parecer, la versión 4 de vue-router se ha vuelto vue3 compatible por default, así que hay que indicar explícitamente la versión vue2 compatible que uno quiere usar.
• Pasé a indicar la versión 3 de vue-router y ya funcionó esa parte
  • De //unpkg.com/vue-router/dist/vue-router.js a //unpkg.com/vue-router@3. 👍🙂
• Luego pase a resolver el issue similar para el caso de vuex.
  • Allí, también tuve tuve que indicar explícitamente la versión vue2 compatible (casualmente también es la 3)
    • De //unpkg.com/vuex a //unpkg.com/vuex@3.
• En mi caso, estos dos cambios fueron suficientes para que la aplicación volviera a estar operativa. ✌️🙂

¿Has encontrado alguna versión más reciente de estos paquetes que sea vue2 compatible? Puedes compartirlo en los comentarios 🙏

Publicado originalmente en AKC Puroguramu

Hugo: Tips para publicar un post con un video de youtube

• Uso Hugo, con el tema LoveIt, para publicar un blog como este.
• Para mostrar un video se puede usar el shortcode youtube

{{< youtube XaKhz3iAxqQ >}}

• Para obtener una featured imagen para el post del video, se puede usar # Get YouTube Video Thumbnail Image
  • Requiere el url del video
• Para mostrar la feature image en el listado del home pero no dentro del post (ya que el video ya lo tiene), se puede usar en el front matter featuredImagePreview en lugar de featuredImage

Publicado originalmente en AKC Puroguramu