Cuando comencé a experimentar con la integración de IA, quería crear un asistente de chat en mi sitio web que pudiera hablar como GPT-4, razonar como Claude e incluso bromear como Grok.
Pero OpenAI, Anthropic, Google y xAI requieren claves API. Esto significaba que necesitaba configurar una cuenta en cada plataforma y actualizar a uno de sus planes pagos antes de poder comenzar a codificar. ¿Por qué? Porque la mayoría de los proveedores de LLM requieren un plan pago para acceder a la API. Sin mencionar que necesito cubrir la facturación del uso de API para cada plataforma LLM.
¿Qué pasaría si pudiera decirle que existe una manera más fácil de comenzar a integrar la IA en sus sitios web y aplicaciones móviles que ni siquiera requiere una clave API? ¿Suena emocionante? Déjame compartir cómo lo hice.
Integre la IA con Puter.js
porque poner.jsuna biblioteca de JavaScript de código abierto que le permite utilizar funciones de la nube como modelos de IA, almacenamiento, bases de datos, autenticación de usuarios y más desde el cliente. Aquí no se requiere servidor, clave API ni configuración de backend. ¿Qué más puedes pedir como desarrollador?
Puter.js se basa en la plataforma en la nube descentralizada de Puter, que maneja todo, desde la administración de claves, el enrutamiento, los límites de uso y la facturación. Todo está abstraído con tanta claridad, desde su perspectiva, que es como si la autenticación, la inteligencia artificial y el LLM existieran directamente en su navegador.
Dicho lo suficiente, veamos cómo agregar la integración GPT-5 a una aplicación web en menos de 10 líneas de código.
Sí, eso es todo. Increíble, ¿verdad? Guardemos el código HTML en index.html archivo y colóquelo en un nuevo directorio vacío. Abra la terminal y cambie al directorio donde se encuentra index.html Busque el archivo y sírvalo en localhost usando el comando Python:
python -m http.serverluego abre en su navegador web. Cuando aparezca, haga clic en el botón Continuar de Puter.js.
🚧 Tomará algún tiempo ver la respuesta de ChatGPT. En ese momento, verá una página en blanco.
Hay toneladas de ejemplos que puedes explorar y ver qué puede hacer Puter.js por ti. patio de juegos.
Esta vez modificamos el código para hacerlo más interesante. Aceptará consultas de los usuarios y devolverá respuestas en tiempo real de tres LLM diferentes para que el usuario pueda decidir cuál de los tres proporciona los mejores resultados.
AI Model Comparison
Guarde el archivo anterior en index.html Cree el archivo como lo hicimos en el ejemplo anterior y luego ejecute el servidor usando Python. Así es como se ve ahora en localhost.
A continuación se muestran ejemplos de respuestas de los tres modelos a la consulta "¿Qué es software libre?".
Parece que los humanos y la inteligencia artificial confían profundamente en su FOSS 😉
Mis pensamientos finales sobre la integración de Puter.js y LLM
¡Eso no está mal! Puedes hacer estas locuras sin ninguna clave API.
Puter.js opera con un "modelo de pago por usuario", lo que significa que es completamente gratuito para los desarrolladores y los usuarios de su aplicación gastarán puntos de su cuenta de Puter para comprar funciones en la nube, como almacenamiento y LLM, que utilizarán. Me comuniqué con ellos para conocer su estructura de precios, pero por ahora, el equipo detrás todavía está trabajando en planes de precios.
Esta nueva biblioteca Puter.js está seriamente subestimada. Todavía estoy sorprendido de lo fácil que se ha vuelto la integración de LLM. Además de esto, también puedes usar Puter.js SDK para autenticación y almacenamiento como Firebase.
por favor, compruebe Esta maravillosa biblioteca de JavaScript de código abierto Y explora qué más puedes construir con él.
Puter.js: gratuito, sin servidor, en la nube e IA en una biblioteca sencilla
Puter.js proporciona autenticación, almacenamiento en la nube, bases de datos, GPT-4o, o1, o3-mini, Claude 3.7 Sonnet, DALL-E 3 y más a través de una única biblioteca de JavaScript. No hay backend. No hay ningún servidor. No hay configuración.
