Transcripciones
1. Introducción: Entonces has oído hablar de la belleza
schottky y te encanta. Y ahora se quiere integrar la tecnología en una
solución o una aplicación. Digamos que quieres crear una extensión de outlook
que use chat GPT para generar correos electrónicos para ti que tú mismo
no quieres escribir Bueno, estás de suerte. En esta clase,
aprenderás a usar chat barato y dientes y modelos
avanzados de lenguaje de IA para construir aplicaciones
inteligentes que puedan responder a una variedad
de indicaciones diferentes Si eres un principiante, que en realidad PT, o un profesional
experimentado. Este curso te
dará las herramientas sobre cómo integrar Chat GPT en tus
aplicaciones del día a día y llevar tu productividad
al siguiente nivel Hola, soy Henry, y estoy emocionado
de ser el instructor este curso con
más de diez años de experiencia como
consultor de datos y formador de IA, me apasiona compartir
mis conocimientos con personas de
todo el mundo
y ayudarles a hacer cosas increíbles con IA. Con este curso
aprenderás a
integrar vt en otras plataformas y
aplicaciones como Outlook. Incluso construye tu propia aplicación de
chat GPT, respuesta a correos electrónicos
en tu nombre Este curso es perfecto para alguien que quiera
aprender a crear grandes
aplicaciones inteligentes usando chat GPT desde cero Si eres un programador
principiante para un
usuario experimentado de chat GPT, obtendrá los conocimientos y habilidades que necesita para llevar sus proyectos de productividad
al siguiente nivel Con instrucciones paso a paso
y orientación experta, aprenderá a usar la
tracción e t para crear aplicaciones
receptivas y
potentes que puedan transformar la
forma en que trabaja y juega. A lo largo del
curso, aprenderás los conceptos básicos del chat GET, incluyendo cómo usar su API para crear respuestas a
varios prompts. También aprenderemos a
integrar Chat GET en otras plataformas y
aplicaciones como Outlook. Al final del curso,
tendrás las habilidades y los conocimientos para construir
tu propia aplicación
CPT de cheques que pueda responder a correos electrónicos
en tu nombre Nuestro proyecto de clase al
final es donde también estarás creando tu propia
aplicación OPT. Entonces, ¿estás listo para
seguir adelante y crear algunas
aplicaciones inteligentes usando el chat GET? Entonces únete a mí en este
curso y
construyamos algunas
cosas increíbles juntos. Nos vemos en clase
2. Sinopsis del proyecto: Hola a todos. Ahora bien, este curso
no estaría completo sin hablar de
un proyecto de clase. Entonces, al final de este curso, quiero que todos al tomar
esto básicamente creen una
aplicación inteligente rápida usando chat GBT y la aplicación
de su elección En este curso, por ejemplo, se estará combinando
Church BT con Outlook para crear un respondedor de
correo electrónico. Pero no tienes que
usar L Look, puedes usar muchos
tipos diferentes de aplicaciones. Aquí hay algunas ideas. Por ejemplo, puede
combinar cargado con Excel para crear una
aplicación que genere
automáticamente insights y recomendaciones o descripciones
basadas en los datos ingresados. Puedes mezclar chat, GPT
e irritable juntos. Eso básicamente le da a ese producto descripciones o publicaciones en redes
sociales para un producto determinado en función atributos que se
almacenan dentro de air table. Otro ejemplo realmente rápido
y fácil de este proyecto es combinar
chat GPT con Power Automate Así que crea un flujo de trabajo simple que responda
automáticamente a las consultas de
los clientes
o tickets de soporte. Una plataforma
tipo atención al cliente, ¿verdad? Entonces estas son de nuevo,
solo diferentes formas en las que puedes combinar el chat GPT con estas otras aplicaciones para crear
aplicaciones inteligentes desde cero Por último, sobre compartir tu trabajo después de haber creado
una aplicación. Entonces por favor púscalo en la galería de
proyectos abajo. Publica una captura de pantalla y un
resumen rápido de la aplicación que has creado y qué aplicaciones
usas para crear la aplicación. Bien, Impresionante.
3. Entorno : creación de cuentas de OpenAI: Una cosa que definitivamente tenemos que
hacer ahora es que necesitamos
registrarnos para obtener una
clave API con OpenAI Esto nos permitirá
hablar con los servidores de Open AI y básicamente proporcionar indicaciones a sus modelos de lenguaje
como Da Vinci o Ada Y podemos recuperar
respuestas con facilidad. Entonces lo que vamos a hacer
aquí es que vamos
a hacer clic en el botón API. Estoy en la apertura de ai.com actualmente. Déjame ver si puedo
acercarme un poco más. Déjame ir a API, y luego voy a ir
a registrarme por aquí. Bien. Perfecto. Ahora, sólo voy a
registrarme con mi cuenta de Microsoft. Depende de ti. Si
quieres crear una cuenta, estás fuera. Pero lo que sí necesitas
es que realmente necesitas un número de teléfono válido
que pueda enviar mensajes de texto. Entonces inicié sesión con
mi cuenta de Microsoft, pero me está pidiendo
verificar mi número de teléfono. Entonces lo que simplemente voy a hacer es que voy a tomar esta pestaña, voy a moverla fuera de pantalla solo porque los amo a todos, pero no quiero que
tengan mi número de teléfono. Voy a escribir
mi número de teléfono para poder validar eso. Perfecto. Bien. Ahora sólo lo estoy validando. Sólo dame unos segundos aquí. ¿Bien? Ahora te hace algunas preguntas como ¿cómo usarás
principalmente abrirla ai? Honestamente, esto
realmente no importa tanto. Solo voy a decir
que estoy explorando algún uso personal para
mi cuenta Open AI. Perfecto, y ahora
estás en la API. Fue así de fácil. Ahora vamos a estar pasando por
estas cosas más tarde. Pero una cosa que es muy genial es que puedes hacer clic en playground, pero en realidad tienes acceso
a todo el chat GBT, Open AI, Dolly, cualquier
modelo que quieras de Y también puedes
estropearte con los parámetros. Se puede cambiar la temperatura, secuencias
máximas de parada
de mezcla, muchas de estas cosas también
que es importante saber. Y como puedes ver aquí, puedes pasar por diferentes modelos,
todos los diferentes modelos GPT-3, todos
los diferentes modelos de códecs Y no estoy seguro de por qué
Dolly está aquí, pero está disponible en la
API de todos modos, así que estamos bien Bien, perfecto. Así que ahora en realidad tenemos una API. Ahora para obtener tu clave API, que es lo más
importante que necesitas de
este proceso, es si vas por aquí, creo a personal
y haz clic en Ver claves API. Justo por aquí. Haz clic en
Crear nueva clave secreta. Después de que hayas hecho
eso,
te dará básicamente algo para copiar, ponlo en un bloc de notas
solo para que lo tengas, porque nos aseguraremos de que en realidad lo
usemos nuevamente Y nos referiremos a ella como la clave API
Open AI. Impresionante
4. Entorno - creación de una cuenta de Azure: Bien, ahora
lo siguiente que haremos es configurar
una cuenta de Azure Y la razón por la que necesitamos
configurar una cuenta de Azure es porque queremos
usar Azure Functions. Azure Las funciones son muy chulas. Básicamente te permiten
ejecutar código sin
tener un servidor. Entonces nuestra aplicación requiere que nos conectemos a la API de IA abierta, ¿verdad? Y necesita una computadora o
un servidor para hacer eso por nosotros. Ahora, históricamente, lo que
tendrías
que hacer es tener que comprar una computadora, básicamente en la Nube o físicamente y
que esa computadora sea la que realmente haga ping API de
Open AI y obtenga las
indicaciones y respuestas Pero con la computación en la nube
y con Azure, podemos simplemente configurar algo
llamado funciones de Azure. Podemos decirle a
las funciones de Azure básicamente, cada vez que
te hacen ping, necesitas enviar
ese ping a OpenAI, entregar el prompt, recuperar la respuesta y
luego mostrarla en la app Y todo se gestiona
a través de Azure Functions. Entonces nuevamente, puedes pasar por
aquí y leer más al respecto, ir a azure.microsoft.com y luego Pero es muy, muy fácil
y barato de usar también. Y lo mejor de
ello es que puedes desarrollarte en cualquier idioma. Estaremos usando un Python, pero realmente puedes usarlo
en cualquier idioma que quieras. ¿Bien? De nuevo, sí le imploro
que pase por esto. Una de las mejores cosas de
ello es que para los precios, es básicamente gratuito,
especialmente para nuestros propósitos. Será gratis porque
no necesitamos algo que esté dedicado porque
solo estamos creando aplicaciones de prueba. Pero si nos fijamos en
esto por aquí, es como el cargo te, donde obtienes, se
cobra en base tiempo de
ejecución y las ejecuciones
totales. Por lo que tienes una
beca gratuita por mes. Entonces, si no pasas 400,000 gb por segundo o 1
millón de ejecuciones, entonces es gratis, completamente gratis Ahora bien, si solo estás
creando una app de muestra, definitivamente
no
pasarás esto. Por lo que deberías
poder hacerlo de forma gratuita. Bien, así que con eso dicho, sigamos adelante y creemos
nuestra cuenta de Azure. Así que vamos a hacer clic en la cuenta
gratuita por aquí. Dice construir la Nube
con una cuenta gratuita de Azure. Ahora por aquí. Básicamente, si
calificas para una cuenta gratuita, puedes seguir adelante con ella
porque en realidad obtienes $200 gratis de Azure. Ahora, no soy elegible. Solo eres realmente
elegible si eres, por
ejemplo, un estudiante, si tienes un
correo electrónico de estudiante o un correo de trabajo que no se
ha usado antes,
cosas así. Entonces voy a ir con la opción de
pago por uso e inscribirme Pero recuerda,
deberías probar si tienes una cuenta escolar
o algo
así para hacer clic en Iniciar gratis. Ahora otra vez, cómo
estamos usando Azure, se
te cobrará cualquier cosa. De todos modos, requerirá
una tarjeta de crédito de usted. Pero nuevamente, no se va
a cobrar porque solo
vamos a estar
usando Azure Functions. Que otra vez, como vimos, si no pasa 400,000 gb por segundo o 1
millón de ejecuciones, entonces no se le cobrará E incluso después de eso, es
bastante barato de todos modos. Bien. Así que voy a entrar
y hacer clic en iniciar sesión. Ahora voy a iniciar sesión con mi cuenta Microsoft que ya
configuré. Perfecto. Ahora una vez que hayas
llegado a esta página, nuevo, tienes tres
opciones para suscribirte. Puedes suscribirte usando
la opción de prueba gratuita, usando Azure AD o acceder a beneficios
para estudiantes. Entonces estas son
cosas diferentes que puedes hacer. Quiero decir, bueno, lo
vamos a hacer es que simplemente vamos a ir a suscripciones. ¿Bien? Tener
problemas de autenticación, eso es raro. Eso está bien. Así que recuerda, ve
a suscripciones, luego
vamos a
agregar en una suscripción. Y nuevamente, tienes dos
opciones. Voy a seleccionar. Pay-as-you-go luego
me pedirá algunas cosas
como mi tarjeta de crédito, mi nombre, apellido, mi número de teléfono, teléfono Así que en realidad voy
a hacer esto fuera de la pantalla. No quiero anunciar
mi número de teléfono y a
todos los que están aquí. Déjame ver. Déjeme seguir adelante y hacer eso. Te pide
tu número de teléfono solo porque no deberías no deberías hacer innumerables cuentas de
Azure, ¿verdad? Definitivamente no le gusta eso. Así que déjame pasar
y estoy poniendo mi código de verificación
y luego voy a poner mi dirección porque de nuevo, hay
que poner en
una tarjeta de crédito aquí Perfecto. Derecha. Ahora lo siguiente que
voy a hacer es que voy a poner en mi información de pago. Así que de nuevo, todo lo que necesitas es una tarjeta de
crédito para inscribirte. Entonces déjame seguir adelante y hacer eso. Bien. De hecho puse mi
tarjeta de crédito número ocho, francamente, así que sólo
voy a intentarlo de nuevo Lo siento mucho por eso. Pero de nuevo, esta es
una introducción a los expertos, así que
quiero asegurarme de grabar todo Porque una cosa que odio es cuando los tutoriales pasan por cosas, pero luego les gusta saltarse
la parte más importante. Así que quería asegurarme de
pasar por cada cosa. Entonces si alguien tiene alguna duda que no será porque
me salté nada Déjame intentarlo de nuevo aquí. Perfecto. Todo bien. Ahora, puede que te
pida soporte técnico, pero no te molestes,
no compres eso. Es decir, no vale la pena que
simplemente hagan clic sin soporte técnico. Y deberías estar todo bien. Así que vamos a hacer clic en registrarse. Ahora básicamente está
confirmando mis datos. Está haciendo todas sus comprobaciones. Entonces esperemos hasta que eso se haga. Ahí vamos. Ya está hecho. Ahora bien, si has hecho
todo correctamente, lo que deberías
poder hacer es ir a portal.azure.com y ver
algo Entonces deberías ver
algo como esto. Si no lo haces, otra vez, solo haz preguntas en los comentarios a continuación. Algo que deberías
poder hacer también si lo has
hecho correctamente, es que deberías poder ir
a suscripciones. Y ya deberías poder ver tu suscripción por aquí. Bien, perfecto. Y debería volver a estar activo. Pero si has hecho todo eso, ahora estás básicamente
en Microsoft Azure. Perfecto
5. Entorno Cómo configurar recursos para funciones de Azure: Bien, ahora que hemos
creado una cuenta de Azure, lo siguiente que
vamos a hacer aquí es que vamos a crear un recurso de Azure
Functions. Bien, así que sólo
voy a escribir en la caja principal aquí función. Vamos a crear
una app de funciones. Aquí es donde tú, Enumera todas tus
diferentes aplicaciones de función. Obviamente aún no hemos
hecho uno. Entonces vamos a
seguir adelante y hacer clic en Crear. Bien, y luego tenemos que
rellenar algunos detalles. Lo primero es
un grupo de recursos. Ahora bien, esto es básicamente una
colección de servicios. Entonces, si tienes muchos servicios
diferentes que estás utilizando desde Azure, puedes agruparlos en grupos de
recursos para fines de
categorización Bien, entonces vamos
a ir por aquí. Vamos a crear
un nuevo grupo de recursos. Nuevamente, esto es para nuestro chat GPT. Bueno, realmente es IA abierta, pero con fines de pruebas de IA abierta. Bien, vamos a hacer
clic en Bien en eso. Entonces tenemos que darle un nombre. Así que solo vamos
a ir por aquí y hacer clic primero en Abrir IA. Va a ser una publicación de código. Ahora necesitas elegir básicamente tu tiempo de ejecución
y tu idioma. Entonces vamos a usar Python. Pero de nuevo,
podrías codificar esto en cualquier idioma en el que te
sientas cómodo. La mayoría de la gente conoce Python, me siento cómodo en Python. Entonces estamos eligiendo Python. Una cosa clave aquí es que
ahora mismo en realidad solo
soporta hasta Python 3.10 E incluso tres puntos
diez está en modo de vista previa. Así que en realidad vamos a estar
usando Python 3.9. ¿Bien? La región está para nosotros eso está bien. Linux está bien. Y asegúrate de seleccionar Plan
de Consumo. No seleccione el plan premium
o App Service porque habrá mucho
más caro para usted. Así que de nuevo, asegúrate de hacer clic en
consumo, bien, hosting. Realmente no necesitas afectar
nada de
verdad por aquí. Básicamente, una función
también crea una cuenta de almacenamiento,
pero eso está bien. Usted puede simplemente ir a la
red por aquí. Asegúrese de seleccionar
Habilitar acceso público. Nada realmente que
hacer aquí también. Tampoco hay nada que hacer aquí. Puedes configurar la implementación de
GitHub, lo cual fue muy genial, pero no
necesitamos hacerlo. Bien, ahora vamos a
Revisar y Crear, y hagamos clic en Crear. Entonces ahora lo que Azure está haciendo
en segundo plano es realidad configurar
tu sitio web para ti, lo cual de nuevo es muy genial, ¿verdad? En realidad está configurando esa computadora de
función
en segundo plano. Entonces se le puede decir que haga
múltiples cosas diferentes. Y lo haremos, vamos a hacer es básicamente le
diremos que haga
ping a las API abiertas, api
para obtener información. Bien, entonces después de que esto esté hecho, esto diremos
despliegue completo. Y luego podemos seguir
adelante y pasar a lo siguiente que
necesitamos configurar. Impresionante
6. Entorno y entorno: instalación y configuración de Python: Bien, Ahora lo siguiente que
necesitamos descargar es Python. Ahora, ojalá la mayoría de ustedes ya tengan Python
descargado e instalado. Y puedes
comprobarlo
abriendo realmente una terminal de comandos. Así que escribe cmd en tu chat. Entonces obtienes algo
como esto, ¿de acuerdo? Y ahora escribe Python. Y te dirá si
tienes algún Python ya
configurado en este
entorno virtual en el que estoy. No tenerlo configurado. Entonces abre una Microsoft Store para mí, para que yo la compre. ¿Bien? Entonces, si eso sucede, entonces no tienes
Python configurado. Específicamente el
Python que necesitamos
descargar ahora mismo a partir de esta cinta, la versión de Python que está
disponible es Python 3.11 Ahora, aquí está la clave. No descargar Python 3.11. No haga clic aquí en este
botón amarillo. Porque Azure Functions
actualmente solo funciona con tres puntos
diez y menos. Y particularmente el modelo
sustentable a largo plazo es 3.9. Bien, así que recuérdalo por favor. Entonces lo que vamos a hacer es
en la sección de descargas, vamos a ir
hasta el fondo. Bien, chillas. Creo que tenemos que ir a
descargas y luego a Windows. Y luego vamos a ir hasta
el fondo hasta que veamos el pico 0.9, 0.16 Bien. Así que sigamos adelante
y hagamos clic en eso. En realidad, no
creo que este tenga instalador, ni instaladores. Eso está bien. Para hacerlo fácil, podemos ir
a descargar cualquier versión 3.9. Así que vamos a uno que en realidad tiene un instalador para que lo usemos. Veamos aquí. Sigamos aquí. 0.9, 0.13, 17 de mayo de 2022. Vamos a descargar
el instalador de Windows. Tengo una máquina de 64 bits, así que voy a descargar esto. Yo solo voy a darle
click también porque ya está hecho. Y vamos a
instalar Python. Ahí vamos. Así que
hagamos clic en Instalar. Ahora. De hecho, vamos a
agregarlo al camino también. Casi ahí. Bien, Perfecto. Impresionante. Entonces ahora vamos a
cerrar esto. Y ahora Python debería estar
involucrado en tu sistema. Entonces abramos
otro archivo cmd. Ahora si entro aquí
y tecleo Python,
perfecto, obtengo
divergencia Python p 0.9, 0.13 Ahora bien, si
tecleas esto y
obtienes algo como 3.11, entonces a partir de esta cinta y menos, no
puedes usar las funciones de Azure Necesitarás
usar otra cosa. O lo que haces es
desinstalar esa versión y luego instalar Python 3.9, 0.13 Impresionante
7. Entorno - Instalación de código de Visual Studio: Bien, ahora esto se está poniendo
un poco agotador, pero prometo que todo
valdrá la pena al final Lo siguiente que tenemos que
descargar es Visual Studio Code. Se trata de una aplicación o un IDE disponible de Microsoft
que realmente te permite, primer lugar, codificar fácilmente. Pero la razón por la
que lo necesitamos es porque
realmente lo necesitamos para desplegar funciones en Azure, bien, Así que
en realidad necesitas obtener Visual Studio Code para
permitirte desplegar funciones. Bien, así que sigamos adelante y
haga clic en Descargar aquí. Perfecto, es solo descargando. Y nuevamente, si ya lo
tienes, omita el video. No hay necesidad de
ver el video si ya sabes
cómo hacer esto. Esto es de nuevo para todos. Por eso voy muy, muy, muy detalle
muy puntiagudo. Porque
lo peor de un tutorial o un curso es cuando un instructor se le salta
algo que tú, que ellos piensan, ya sabes,
pero en realidad no lo haces Y eso solo me trae tanto. Bien. Sigamos adelante y hagamos clic en eso. Yo sólo voy a abrir aquí. Entonces voy a
aceptar el acuerdo. A continuación, a continuación, dígielo para
crear un icono de escritorio. A continuación, instale. Bien, Fácil peasy, exprimidor de limón. Nuevamente, Visual Studio Code, muy chulo y honestamente te sientes como un hacker
cuando lo estás usando. Porque si no lo has hecho, si no
has usado ningún
tipo de IDE antes, es, es muy
divertido de usar. Bien. Probablemente
me hice parecer un
cobarde por decir eso, pero oh, bueno, bien. El mío, ya casi está hecho. Perfecto. Bien, así que vamos a lanzar
Visual Studio Code. Perfecto, así que ahora lo tengo abierto. Voy a elegir la opción
oscura por aquí. Y lo que voy
a hacer es que voy
a dar clic en Abrir carpeta. Bien. Voy a
entrar en mi, ah, vamos a ver, realidad
voy
a crear vamos a ver, documento va a
crear una nueva carpeta aquí llamada Scratch. ¿Bien? Y voy a
seleccionar esta carpeta para abrir mi proyecto en. Di que sí, confío en los autores. Y ahí vamos. Eso es. Entonces ahora tenemos todo
instalado que necesitamos, sí
necesitamos configurarlo con
código de Visual Studio un poco. Pero oye, ya casi estamos ahí.
8. Entorno - configuración del código de Visual Studio: Ahora hay algunas
configuraciones que necesitamos
hacer a Visual Studio Code
para que funcione correctamente. Lo primero que
tenemos que hacer es asegurarnos de que realmente
podemos ejecutar y ejecutar código Python
desde Visual Studio Code. Solo para que
las cosas sean un poco más fáciles. Bien, bueno, lo
vamos a hacer aquí es que vamos a ir a la sección
Explorar de la izquierda. Si no lo ves,
asegúrate de hacer clic aquí a este tipo. Y vamos a hacer
clic en Nuevo archivo. Y vamos a escribir
Scratch dot py. Bien, este
será un archivo Python. Ahora automáticamente nos pregunta, Oye, ¿quieres instalar las extensiones
recomendadas para Python? Sí, lo hacemos. Entonces, hagamos clic en Instalar en eso. Nos lleva a esta
página bajo extensiones. Ahora en realidad estamos instalando
la extensión Python. Y solo nos ayuda
porque básicamente nos
permite codificar más rápido. Nos dirá cuando
haya errores. Yo nos proporcionaré formato de
cuaderno Júpiter. Yo nos voy a proporcionar depuración,
realmente, cosas de muy
buen sentido ¿Bien? Pero volvamos aquí. Y vamos a escribir un comando
muy sencillo. Vamos a escribir en la impresión. Y luego entre comillas. Hola mundo. Vaya, ahí vamos. Hola Mundo. Bien, Perfecto, eso ya lo instaló. Déjame x salir de eso. Déjame hacer esto un poco
más zoom también, solo para que todos puedan verlo. Bien, Perfecto. Ahora bien, ¿cómo
vamos realmente a manejar esto? Lo primero que tenemos que hacer
es asegurarnos de
tener nuestro intérprete de Python instalado. En la parte inferior derecha, deberías ver básicamente el intérprete
aquí que dice Python, y está usando 393-39-1364 De hecho, puede
ver la ruta del archivo que está usando el intérprete. Si quieres editarlo, siempre
puedes hacer clic en él y cambiar el
intérprete también. Otra cosa que puedes hacer es
dejarme solo X de esto primero es que puedes ir a
Control Shift P. Vamos a, creo que solo podemos
buscarlo en tr. Tr. Puedes hacer clic aquí. Si escribe un intérprete, puede hacer clic aquí,
seleccionar intérprete. Y cómo llegué a
esto, por cierto, mientras mantenía presionada Control
Shift e hice clic en
P y escribí intérprete Este es básicamente un
menú que te permite buscar en muchos ajustes
diferentes. Entonces voy a buscar
la configuración del intérprete. Y por aquí puedo ver que puedo hacer clic en Python seleccionar intérprete. Y luego me sale esto. Y de hecho me preguntaré, Oye, ¿qué intérprete o
quieres usar? Y si esto no se
configura para ti automáticamente,
cual debería ser, siempre
puedes hacer click aquí y escribir en la ruta
del intérprete de donde estás instalado un
Python. Así que básicamente
entrarías aquí y escribieras la ruta de donde está instalado
Python. Nuevamente, si no
ves esto ya, que si sigues las
instrucciones hasta el momento, deberías. Bien. Entonces veamos si esto funciona. Tenemos un comando Python aquí. Lo que vamos a hacer
es que primero vamos a guardar este archivo. Para ahí está el punto. El punto significa que el
archivo no se guarda. Así que vamos a hacer clic en
Control S para guardar el archivo. Y luego
vamos a dar click a F5. Y cuando hacemos clic en F5
por primera vez, nos pide una
configuración de depuración. A ver. Podemos simplemente simplemente, pienso justo por aquí, archivo
Python y solo ejecutarlo. Y veamos si eso funciona. Bien. No le gustó eso para el
resumen. Oh, ahí vamos. Hola mundo. Bien. Perfecto.
Funciona. Eso es bueno. Si vuelvo a poner aquí un
Hola mundo, y luego haga clic en,
Asegúrese de
guardarlo Control S, y luego haga clic en F5 O también puedes ir por aquí
y hacer clic en el botón Reproducir. Entonces deberías hacer
lo mismo. Hola mundo otra vez. Impresionante. Entonces eso significa que está funcionando. Y si no puedes ver
esto por cierto, entonces tienes que hacer clic en
este tipo de aquí, lo que alterna la
visibilidad de este panel Tan perfecto, hicimos una cosa. Podemos ejecutar Python directamente
en nuestro código de Visual Studio. La otra cosa
que tenemos que hacer aquí es que tenemos que agregar en la extensión para las funciones de
Azure. ¿Bien? Así que vayamos
aquí a las extensiones. Y vamos a buscar
por aquí, Azure Funciones. Función Azure. Vamos a darle un clic. Así es como se ve. Es una extensión de Azure
Functions para Visual Studio Code. Vamos a seleccionar Instalar. Ahora se encuentra instalando. Ahora, después de que hayas
hecho todo eso, solo
podemos aceptar
cosas que no necesitamos. En la parte inferior,
deberías ver una a por aquí. Ese es el símbolo de Azure. Entonces vamos a Azure. Y lo que tenemos que hacer a
continuación es que tenemos que iniciar sesión en la cuenta de Azure
que habíamos creado, esa donde
también residen las Azure Functions que acabamos de crear. Así que asegúrate de iniciar sesión en
la misma cuenta de Azure. Así que hagamos clic en iniciar sesión en Azure. Y luego nos llevará
a esta página por aquí. Luego seguirá adelante e inicie sesión. Te citan y ahora
puedes cerrar esta página. Ahora ya sabes si esto va a funcionar, porque si
vuelves por aquí a Azure y vas
aquí a recursos, y luego haces clic en
tu suscripción. Y entonces deberías poder ir
a Function App. Y deberías ver la app de
funciones que
habías creado algunos videos antes. Si puedes hacer eso, entonces estás en
el lugar correcto. Impresionante.
9. Medio ambiente: funcionamiento de Python y Pip en Terminal: Bien, Ahora
lo siguiente que tenemos que
hacer es asegurarnos de que el comando Python sea
accesible en nuestra terminal. Entonces, si no ves nada de esto, lo que puedes hacer es hacer clic en este
tipo para alternar este panel. A estas alturas, una vez que
abres Terminal, en
realidad abre un terminal
PowerShell Así puedes entrar aquí y
escribir python y hacer clic en Entrar. Y en realidad
lanzará Python para ti. Entonces, si ves
algo como esto, lo
has hecho correctamente. Para salir, sólo tiene que escribir en
salida, abrir, cerrar. Y luego vuelves
a tu PowerShell. Ahora bien, si esto no te
funciona, pero sí tienes
Python instalado, lo que eso significa es que
este comando de Python no está disponible para ti en tu variable de
entorno. Entonces, cómo lo haces es hacer clic en la tecla Inicio aquí e
ir a las variables de entorno. Edite las variables de
entorno del sistema, haga clic en variables de entorno. Y al que quieres
editar se llama path. Lo que básicamente
hace la variable path es que pasa por todas estas carpetas y encuentra comandos que residen
en estas carpetas. Entonces ahora mismo si
tecleo Python, por ejemplo, primero comprobará
si el comando Python existe en este directorio, luego este directorio,
y así sucesivamente y así sucesivamente. Entonces, lo que probablemente sea el caso si tienes Python instalado, pero realmente puedes acceder a
él desde el terminal, es que no tengas instalada una de estas dos rutas en
tu variable de entorno. Ahora, ¿cómo sabes
dónde está Python? Bueno, puedes buscarlo en Google, pero suele estar en C Usuarios. Y luego tu nombre, los programas
locales de AppData,
Python, python 39, si no ves esta URL actualizada,
a veces oculta Entonces, por ejemplo, si
abro mis directorios por aquí y voy a Henry, no
veo AppData aquí Necesito
ingresar manualmente aquí y escribir los datos
de la aplicación. Y ahora lo veo. Así que los programas locales, Python,
Python, treonina. Y ahí vamos. Ya que sí lo tengo como parte
de mis variables de entorno, lo
puedo ver muy claramente aquí. ¿Bien? Ahora, de nuevo,
baja preguntas si no sabes
cómo llegar ahí. Pero ese suele ser el caso
si no puedes acceder a Python. Bien, entonces ese es el
único cheque hecho. Lo siguiente que tenemos que
hacer es que realmente necesitamos instalar pip Pip es un instalador de paquetes para Python que básicamente te
permite instalar paquetes para
Python para asegurarte de que
tienes eso Escribir pip. Haga clic en Entrar. Si obtienes algo como esto, eso significa que tienes
pip instalado ¿Bien? Ahora bien, si no
tienes pip instalado, hay muy buenos
recursos en línea Así que ve a pi, pi.org slash
proyectos slash pip Y te guía exactamente
para Windows o cualquier otro sistema
operativo en el que te encuentres, cómo implementar
e instalar pip realmente ¿Bien? Pero esa es la otra configuración
que necesitas saber. Es necesario tener Python
accesible desde la terminal, así
como Pip accesible
desde la terminal
10. Entorno (Entorno y creación de una cuenta de Microsoft 365 E5: Bien, Ahora lo siguiente que tenemos que hacer
aquí es que necesitamos crear una cuenta de Microsoft. Y la razón es
porque vamos a integrar chat GPT
en Power Apps,
Power Automate SharePoint Teams, Power BI y una gran cantidad
de productos Microsoft 365 Ahora bien, si ya
tienes cuenta A360, si ya tienes
algo así como equipos de tu empresa
o algo así, entonces no te preocupes,
estás todo bien Puedes saltarte este video. Pero para los que no, desafortunadamente
necesitas
crear una cuenta O365 Pero conozco una forma de crear una cuenta de prueba gratuita que
puedes usar durante aproximadamente un mes. Eso de nuevo, es completamente
gratuito y puedes
usarlo para probar para los
desarrollos, lo cual es agradable. ¿Bien? Entonces la forma de hacerlo
es ir a Microsoft 365 y luego ir a
Office 365, E5 También puedes simplemente Google
esto si quieres también, y debería
llevarte aquí. Entonces sigue adelante y
selecciona prueba gratuita. ¿Bien? Lo siguiente que
debes hacer
aquí es que debes ingresar tu dirección de
correo electrónico de trabajo o escuela. ¿Bien? Ahora, un Gmail y Outlook
no funcionarán aquí, ¿verdad? Entonces esta no es la misma cuenta que usas para configurar Azure. Esta es una cuenta completamente
diferente. Desafortunadamente de nuevo,
puedes usar Outlook o Gmail, pero lo que puedes hacer es si
tienes un correo electrónico laboral o escolar, puedes ponerlo en. Si no lo haces, entonces
yo te cubro la espalda. Otra cosa que puedes
hacer es que puedes tener algo llamado
un varón temporal. Entonces por ejemplo, si solo
refrescas esta página por aquí,
Bueno, esta era en realidad
la misma dirección de correo electrónico, pero a veces tienes que volver a tu dirección de correo
electrónico
porque este es un correo temporal que puedes usar que creo que cambia
creo que cada hora. Hay algunos otros que puedes usar para,
pero sigamos adelante y
copiémoslos en nuestro portapapeles Y puedes pegar eso aquí. Y no tienes que
preocuparte porque después de esto, no
tienes que
preocuparte por este correo electrónico. ¿Bien? Así que vamos a hacer clic en
Configurar cuenta
tendrá que poner en nuestra información. Entonces ábrelos otra vez, Henry. Beat al número de teléfono del negocio. Sólo voy a poner
algo al azar aquí. Nombre de la empresa. Ahora, anteriormente lo
puse en curso de Udemy, pero llamemos a esta compañía GPT de
tiro Bien, lo haré, de cinco a
nueve personas van a hacer este Canadá por mí porque
estoy radicado fuera de Canadá. Y hagamos clic en Siguiente. Ahora lo siguiente que
debes hacer es verificar tu número de teléfono. Entonces voy a poner esto en otra pantalla mientras hago eso. Porque obviamente no
quieres. Quiero decir, los amo a todos, pero no quiero que todos
tengan mi número de teléfono. Entonces solo voy a ingresar
mi código de verificación. Haga clic en Verificar. Y ahora aquí es donde
llegamos a la parte divertida. ¿Cómo quieres que se llame tu
dominio? Ahora como estás creando
una cuenta de prueba,
tendrá.onmicrosoft.com tendrá.onmicrosoft.com Entonces solo voy a hacer que sea mi nombre de usuario y mi nombre de dominio. Y asegúrate de
que realmente lo guardas en algún lugar porque
necesitarás volver a iniciar sesión en él y ahora
poner tu contraseña. O lo siento, crea una
contraseña más bien. Ahora es sólo firmar el n. ¿Bien? Ahora bien, este es el último paso por aquí para ingresar
en un método de pago. Ahora bien, si crees que
seguirá usando Office 365 E5, adelante Ponlo adentro. Pero si
no lo haces honestamente, puedes simplemente cerrar esta página y abrir una nueva
pestaña y listo. Tu cuenta ha sido creada. Ni siquiera necesitas
poner una tarjeta de crédito, lo cual me parece muy gracioso. Ojalá, Microsoft
no vea este video y como que
lo controle para mí, pero ya veremos, bien, ahora estamos de vuelta por aquí. Lo que quiero que todos
hagan ahora es
ir realmente al
Centro de administración para Microsoft. Entonces Microsoft 365 Admin Center, solo
puedes buscar en Google eso. Administración Microsoft 365. Ve por aquí arriba a la derecha. Y no quieres, nuevamente inicia sesión con tu cuenta
personal de Outlook. En su lugar, quieres iniciar
sesión con tu cuenta 365. ¿Bien? Así que haz clic en estos tres puntos, haz clic en trabajo, escuela o universidad Y debería transferirte a la cuenta que
acabas de crear, la cuenta Microsoft 365. Bien. Perfecto. Ahí vas. Ahora otra vez, solo
asegúrate de estar en la cuenta correcta. A veces
a microsoft le gusta cambiarte, así que siempre podemos mirar en la parte superior derecha para asegurarnos de
que estás en la misma cuenta. Pero esta es la cuenta
que acabamos de crear. Ahora, si vas por aquí a la parte superior izquierda y al lanzador de aplicaciones
GoTo, tienes acceso a
Microsoft a través Vamos ahí. Aquí es
donde se supone que debes estar. Lo siento. Ve aquí a todas las aplicaciones. Eso es raro. ¿Por qué, por qué no puedo encontrar
ninguna de las aplicaciones? ¿Raras? Déjame entrar aquí. Bien. Eso está bien. Sabes, lo mejor es porque no lo
pusimos en nuestra tarjeta de crédito. Quiero decir, uso en mi propia cuenta
personal de todos modos. Pero deberías tener
acceso a Teams, Power Apps y Power Automate. Y para comprobar que
algo que puedes hacer por aquí es abrir una nueva pantalla e
ir a make.powerapps.com ¿Bien? Una vez que vaya aquí, debería iniciar sesión
automáticamente en función de la cuenta
que esté configurada para usted. Así que de nuevo, ahora mismo,
en realidad está por defecto
en otra cuenta Así que sólo voy a
cerrar sesión en esta. Y voy a iniciar sesión
en el chat GPT uno. Entonces déjame
seguir adelante y hacer eso. Ahí vamos. Estoy
recibiendo mi contraseña. Perfecto, y esto debería cargarse. Y hagamos lo mismo con Power Automate porque vamos a
estar usando eso también. Así que ve a Power
automate.microsoft.com. Vamos a iniciar sesión. Elige la cuenta
que acabas de crear. Perfecto. Empezar. Cambiemos esto a Canadá
porque actualmente estoy en Canadá que esos dos apenas
están cargando. Y luego finalmente,
abramos equipos. No estoy seguro de si
realmente puedes, ya sabes, podríamos necesitar descargarlo, pero lo haremos
en el siguiente video. Solo asegurémonos de que
estas dos cosas funcionen. Perfecto, bien, así que si
has llegado a esta página, entonces asegúrate de que tu entorno coincida con la empresa
que acabas de crear. Entonces estás en el
lugar correcto si vienes por aquí. Perfecto. Bien. Así que tienes Power Apps y
Power Automate completamente funcionando. Ahora bien, de nuevo, la
razón por la que quería ir a
Microsoft a través del 65 primero es porque
normalmente puedes lanzar tus aplicaciones
desde office.com Pero tal vez Microsoft ha cambiado eso
desde entonces,
pero eso está bien. Simplemente puedes ir a los enlaces y esto te abrirá Power Apps y Power Automate
. Impresionante.
11. API sin servidores: uso de Python para acceder a la API de OpenAI: Ahora tenemos todos nuestros entornos
y software configurado. La siguiente etapa es
crear realmente
una API GPT de chat sin servidor Entonces es básicamente una
API que creamos que nos permite hacer
ping a API abiertas, api para cualquier respuesta
que queramos. Ahora bien, si eso fue un poco
confuso, nuevamente, refiérase al gráfico y la
sección de introducción de este curso, donde así es como construimos aplicaciones. Básicamente construimos Azure
Functions que hacen ping a las API, hacen
preguntas, obtienen respuestas ,
luego, básicamente muestran
esas respuestas en la app. ¿Bien? Lo primero que tenemos que
hacer es asegurarnos
realmente antes entrar en Azure Functions y funciones
sin servidor, tenemos que asegurarnos de que
realmente podemos trabajar con la API de
Open AI Ahora si abro mi navegador
aquí y voy a la referencia de API. Entonces ahora mismo soy
un api.com abierto. He iniciado sesión y
voy a documentación, y voy a introducción
para la referencia de API. Esta es una muy buena guía sobre cómo
usar realmente la API de Open AI. Nuevamente, es muy fácil
y puedes cambiar el idioma aquí al
idioma que estés usando, que en nuestro caso es Python. ¿Bien? Entonces esto es lo que
voy a usar como base. Pero nuevamente, quiero que esta
sea la guía completa. Así que por favor, usa esto
como material de referencia cuando
estés creando tus propias aplicaciones. Porque
te estoy diciendo que es muy, muy bien, no es
difícil de entender. hay algunas configuraciones, Aquí hay algunas configuraciones,
rarezas, pero
no es tan ¿Bien? Así que vamos a
crear un nuevo archivo. Y vamos a crear, llamaremos a
la API de acceso a archivos punto py. Ok. Ahora lo primero
que tenemos que
hacer es que necesitamos
instalar realmente una biblioteca
llamada Open AI. Entonces, cómo lo hacemos es
abrir una nueva terminal. De hecho vamos, podemos simplemente, supongo que podemos usar esta, pero siempre me gusta
abrir una nueva terminal en caso de que la gente esté siguiendo
por primera vez. De hecho voy a
instalar en OpenAPI. Entonces lo vamos a escribir
en pip, instalar Open AI. Lo que está haciendo ahora es que en realidad
se está instalando. Open AI es una biblioteca de funciones de
Python que podemos usar
para facilitarnos el acceso a APIs
abiertas, api usando Python. ¿Bien? Entonces es básicamente un puente que nos
permite conectarnos
para abrir AI. Bien, así que sólo vamos a esperar
hasta que se haga eso. Ahora, mientras eso está pasando, en realidad
podemos seguir adelante. Lo siguiente que tenemos que hacer es cuando nos conectamos
a la API de IA abierta, necesitamos identificar quiénes
somos y cómo lo
hace Open AI es que requiere que
pases una clave API. Entonces, lo que quiero que todos
hagan es entrar en el personal, ir a View API keys, y luego crear una clave secreta. Ahora una vez
que crees esto, no podrás volver
a ello. Así que asegúrate de hacer clic
en copiar en esto y
guardarlo en alguna parte. Además, no intentes
simplemente copiar mi texto aquí,
porque para cuando estés
viendo este video, en realidad no
tendrás
acceso a esta API. Así que por favor,
por favor, entra en tu propia cuenta personal y crea una nueva
clave secreta de esa manera. Bien. Entonces vamos a volver
aquí y parece que nuestro PIP ha concluido
con éxito Impresionante. Así que lo primero que
vamos a hacer es que realmente
vamos a
traer nuestra llave. Vamos a
llamarlo clave secreta igual. Y luego en
comillas simples, esa clave API. Bien, perfecto. Lo siguiente que
vamos a hacer aquí es que
simplemente vamos a llamar OpenAI y
realmente ver tu trabajo Entonces lo que voy a hacer
aquí es que voy a importar en el modelo de Open AI. ¿Bien? Entonces, lo que tengo
que hacer es autenticar que en realidad
tengo una clave que pueda usar para
acceder realmente a sus servicios Entonces voy a decir API Abierta. La clave API que quiero usar
para esto es igual a esta
variable de clave secreta que tengo arriba. Entonces ahora haciendo esto, cada vez que hago
solicitudes para abrir API, sabe
que viene de una buena fuente porque
puede llevar la clave secreta a esa cuenta que acabo hacer con API abierta,
perdón, con OpenAI Bien. Ahora lo siguiente que puedo
hacer es en realidad puedo, básicamente
puedo hacer peticiones
a diferentes modelos. Entonces, por ejemplo, lo que
puedo hacer ahora es que puedo decir, veamos, salidas
es igual a punto ai abierto. Ahora Open AI tiene múltiples modelos diferentes a los
que puedo acceder. Pero voy a, bueno, perdón, muchas funciones diferentes. Voy a acceder a la función de
finalización, que básicamente crea una respuesta
Pleaded
basada en un prompt Entonces eso es básicamente lo que usa
Chuck GPT, ¿verdad? Entonces voy a decir crear. Esta función básicamente toma
un montón de argumentos. Lo primero que necesito
especificar es, oye, ¿qué modelo quieres usar? Anteriormente vimos cómo Open AI tiene múltiples modelos
diferentes. Tienen sus ventajas
y desventajas. Voy a usar el
que usa el chat GPT, que es el modelo da Vinci Entonces voy a usar
sudor por aquí. Guión de texto, Da Vinci, guión 003. Ahora bien, esto podría estar
desactualizado para
cuando realmente veas este curso. Entonces, la mejor manera de
saber qué modelos crear es entrar
aquí y hacer clic en modelos y ver
cuáles son los últimos modelos. También podrías mirar la
bebida Curie y otras también. Pero voy a
mirar a da Vinci. Bien, perfecto. Lo siguiente que
deberías querer para
poder mostrar es
el prompt real. ¿Bien? Entonces, ¿qué quieres que el chat
GPT complete o produzca? Bueno, lo que voy
a hacer por aquí es que
voy a en la parte
superior de esta página, escriba también un prompt. Ahora voy a decir
que quiero que el aviso sea, ya sabes, dime un eslogan o
una empresa de seguridad o de
seguridad en el hogar. Eso es. Bien. Entonces necesito darle un aviso. Entonces voy a hacer que
el parámetro prompt de esta función sea igual a
la variable prompt, que de nuevo es, dime un eslogan para una empresa de
seguridad para el hogar. Bien, ahora puedo poner
algunas otras cosas también, pero también tengo que hacer es
poner en el máximo fichas. que básicamente significa, de nuevo, ya
hemos
hablado de qué son los tokens, pero ¿cuántos tokens
quieres que Open AI cree para ti? Si tienes este
número es muy alto, entonces
te puede dar ensayos, premios Si tienes esto muy bajo, entonces solo puedes conseguir, ya
sabes, creo que una es, creo que la idea es diez fichas es igual a
siete palabras, ¿verdad? Vamos a hacer 100 fichas. La idea de si quieres ahorrar tu dinero y
guardar tus solicitudes, entonces tendrías tokens
más bajos, ¿verdad? Un eslogan no debería ser más que, creo, diez palabras. Entonces alrededor de 100 caracteres. Voy a hacer 200 caracteres. Eso debería estar bien. Bien. Entonces vamos a hacer que la
temperatura sea igual a cero. Eso es otra vez, muy
autoexplicativo. Ya hemos hablado de
qué temperatura es
podemos alternarla simplemente la
hará cero aquí. Lo último que
queremos hacer es que en realidad
queremos imprimir las salidas. ¿Bien? Así que en realidad podemos ver
cómo se ve. Dicho esto, sigamos
adelante y hagamos clic en F5 sobre esto y lo veamos en acción Ahí vamos. Ya terminamos. Ahora lo que hemos hecho es
que hemos impreso la salida. La salida es
en realidad un archivo JSON. Bueno, es más bien un objeto JSON. Y tiene un montón
de cosas diferentes. Tiene una clave llamada Choices. Y dentro de las opciones,
tienes aquí lo siguiente. Entonces tienes la
razón terminada, el índice, las indicaciones de registro,
pero también tienes la respuesta de
OpenAI por aquí Asegure su hogar, asegure
su tranquilidad. Bueno, ese es un gran eslogan. También te da otros
metadatos también. Entonces te dice cuándo se
creó con las ideas, qué modelo se utilizó, el objetivo, y también
te dice cuántos tokens se usaron
también para esta solicitud. Entonces las indicaciones,
fichas fueron nueve, finalización A niños fueron 13 Bien, Perfecto. Ahí vamos. Básicamente hicimos
nuestra primera función Python. Bueno, hemos hecho nuestra
primera solicitud de
Open AI usando Python,
que es el primer paso para Open AI usando Python, hacer una API
GPT de chat sin servidor que podamos instalar
en todas nuestras aplicaciones Impresionante
12. API sin servidores: gestión de respuestas ChatGPT: Ahora que tenemos una manera, básicamente de usar un
script Python para acceder a la API de Open AI. Básicamente le dimos
este aviso aquí. Ejecutamos el script, accede a la API. Básicamente le dio ese prompt a este modelo y luego
regresó a la salida, que es este
archivo JSON. Eso es todo genial. Pero en realidad
necesitamos despojar el texto por aquí porque
queremos poder
demostrarlo en nuestra, en nuestras aplicaciones. No queremos mostrar
todas estas cosas. Todo lo que queremos mostrar
es el texto real. Entonces, lo que vamos
a tener que hacer
aquí es crear una nueva variable llamada texto de salida que
va a ser igual a la salida. Y veamos por aquí. Así que la salida en este momento es un JSON. Así que vamos a acceder
al primer elemento de
esas opciones JSON. Así que vamos a escribir opciones. Entonces también vamos a acceder
al primer ítem dentro de
las opciones, ¿verdad? Y nuevamente, como se trata de Python, el primer ítem es igual al índice cero porque las computadoras
empiezan a contar en cero. Bien, entonces ahora estamos aquí. Ahora que estamos aquí, queremos el texto. Entonces sólo voy
a poner en texto. Y eso debería devolver esta cadena por
aquí, lo cual es genial. Bien, así que sigamos adelante y ejecutemos eso y veamos cómo funciona Bien, así que voy a
hacer clic en Ejecutar archivo Python en esa elipse que debería
estar haciendo es imprimir textos Déjame hacer eso. Asegúrate de guardarlo. Y luego vamos a jugarlo entonces. Perfecto. Bien, ahí vamos. Así que ahora hemos
podido realmente generar solo la cotización que
necesitamos, lo cual es genial. Ahora hay algunas cosas que probablemente también necesitamos
limpiar. Por ejemplo,
probablemente no queremos estas comillas dobles aquí. Probablemente no
quieras el periodo, pero tenemos el texto principal. Ahora también podemos elegir
otras indicaciones, ¿verdad? Entonces, en vez de
decirme un eslogan para una
empresa de seguridad en el hogar, podemos decir, dame un esquema
para un curso sobre cómo hacer
aplicaciones web usando bubble. Bien, así puedo hacer eso. Subiré el máximo de tokens a 300 solo para ver cómo
se ve porque quiero recuperar más textos. Así que sigamos adelante y
vamos a volver a jugarlo. Un archivo Python. Bien, algo no le gusta. A ver ¿qué no le gusta? Oh, es porque
accidentalmente hice eso. Bien, déjame volver aquí. Vuelva a hacer clic en Ejecutar archivo Python. Entonces está corriendo, y
ahí vamos. Perfecto. Entonces por aquí, introducción
a las aplicaciones web. ¿Qué es una aplicación web? Beneficios de usar
una aplicación web. Empezar con bubble, la cuenta bubble, construir tu aplicación web
y así sucesivamente y así sucesivamente. Así que ahora hemos creado un script Python
muy sencillo. Escribe eso nuevamente, dado un
prompt y una clave secreta, accede a la API y
proporciona una salida para nosotros. Lo siguiente que
tenemos que hacer es que tenemos que hacer esto sin servidor Porque
básicamente necesitamos envolver esto en
una función a la que nuestras aplicaciones, como Power Apps, power Automate, bubble air table puedan
acceder sobre la marcha. Bien, así que eso es lo que
vamos a hacer a continuación. Ahora vamos a poner
esto en Azure Functions, lo que significa que
siempre que
necesitemos algún tipo de respuesta
de una API, básicamente
podemos usar
esa función de Azure. Y no necesitamos
tener una computadora funcionando o básicamente va a ser
sin servidor, lo cual es agradable Entonces sigamos adelante y hagamos
eso en el siguiente video. Impresionante.
13. API sin servidores: creación de una función básica de Azure: Oye, sigamos adelante y
creamos una función de Azure. Lo primero
que vamos a hacer es que en realidad vamos a abrir un nuevo
proyecto por completo. Entonces llamemos a esto la función
básica de Azure. Bien, perfecto. Y en realidad vamos
a seleccionar esta carpeta. Bien, perfecto. Lo siguiente que vamos a
hacer es que vamos a clic en el botón de Azure aquí. Y de nuevo,
asegúrate de haber iniciado sesión. Si has iniciado sesión,
deberías poder ir aquí,
ir a Function App, y realmente ver Open AI primero
como una función aquí. Pero lo que vamos a hacer
en nuestro espacio de trabajo local antes de empujar esa
función a Azure, es que necesitamos crearla localmente. Entonces, lo que vamos a hacer
aquí es que vamos a clic en el botón Crear
función aquí. Y perfecto, bien. Entonces dice por aquí para
crear un nuevo proyecto, necesitamos especificar
qué carpeta o LVN Sólo lo pondremos de nuevo.
Basic Azure Function, la carpeta que acabamos de crear. Entonces
nos va a preguntar por el idioma. Vamos a seleccionar Python. Ahora nos pide
el intérprete. Ahora bien, de nuevo, si has configurado correctamente el código de
Visual Studio, deberías ver
aquí python 3.9, 0.13 Si no lo hace, entonces
necesita
ingresar manualmente una ruta de intérprete de Python. Y su
intérprete de Python, nuevamente, generalmente se
puede encontrar en la
siguiente dirección aquí. Ver usuarios que tu nombre, AppData, programas locales,
Python, python 39 Y aquí está el intérprete aquí. Pero solo voy a
hacer clic en esto porque he configurado el código VS correctamente. Entonces nos pide una plantilla para tus
proyectos primera función. Y vamos a elegir
las plantillas de activación HTTP. ¿Bien? Tenemos que darle un nombre a nuestra
función. Llamémoslo API abierta básica. ¿Bien? Dice por aquí ahora necesitamos un nivel de autorización real. Asegúrate de elegir anónimo. Lo que eso significa es que cualquiera
puede acceder a nuestra función. Eso está bien por ahora
porque solo estamos desarrollándonos obviamente
en producción, querrás
asegurarte de que tienes una
cuenta administrativa relacionada con ella. Pero por ahora solo pondremos el
anonimato para que las cosas sean fáciles. Ahora va
adelante y creando nuestro entorno virtual
Y función. Entonces esto podría tomar, ojalá
solo tome unos segundos, pero a veces sí
toma algunos minutos. Ojalá no
tarde demasiado. Vamos. Vamos. Vamos. Vamos. Casi ahí.
Espero que ahí vayamos. Terminado de crear
proyecto. Perfecto. Bien. Ahora si volvemos aquí, verás mucho más
archivos de los que
viste antes en esta carpeta básica de
Azure Function. Tienes razón, ves
un ambiente aquí, ves algunas extensiones aquí. Ves muchos archivos
diferentes, y no tenemos que
pasar por todos ellos. Este curso no pretende ser una guía
en profundidad de Azure Functions. Pero las principales cosas de las que
debes preocuparte si abres la IA
Abierta básica ¿está esto en ella? Punto py y requirements.txt. Estos son los dos archivos de los que
debes preocuparte. Así que primero pasemos por
un a punto py. Básicamente, cuando se llama a tu función
Azure, esto es lo que ejecuta la
función principal dentro de una app dot py. Actualmente lo que hace esta
función es que
básicamente trata de encontrar un parámetro llamado name y luego simplemente te lo
da salida en esa función. Entonces es una función muy sencilla. Básicamente solo toma
el parámetro name, luego solo output set
como una respuesta HTTP. Entonces eso es básicamente
todo para esta función. Y aquí es donde
realmente pondremos nuestra lógica principal. El otro archivo que es
importante es requirements.txt. Esto básicamente le dice a Azure qué bibliotecas quieres
usar en tu script Python. Ahora bien, aquí es donde
pondrías cosas como pandas, numpy, cualquier tipo de Los que vamos a
usar obviamente es Open AI. Y lo haremos un poco más tarde. Pero ahí vamos. Esta es una
función básica de Azure que hemos creado
14. API sin servidores: pruebas e implementación de funciones de Azure: Bien, ahora que tenemos nuestras funciones de
Azure establecidas, vamos a implementarlo solo para que tengamos algo de
práctica en ello y podamos ver cómo
se ve cuando es verdaderamente sin servidor Entonces, cuando estés en
esto por aquí, nuevo, no hagas
ningún cambio en él. Esta es solo una
plantilla predeterminada que Azure te da. Lo que vamos
a hacer entonces es básicamente lo vamos a ejecutar. Entonces por aquí, haga clic en F5. Bien. Entonces esto debería aparecer. Básicamente debería
hacer solo algunas ejecuciones. Y un error que
comúnmente vemos cuando
realmente haces esto
por primera vez es este tipo de aquí. Este script de activación
no se puede cargar porque ejecución de scripts está
deshabilitada en el sistema. Para obtener más información, consulte las políticas de
ejecución en este enlace. ¿Bien? Entonces básicamente lo
que eso significa es que Visual Studio Code está tratando ejecutar el script
llamado activate PS1 Pero en
realidad no está permitido hacer eso
porque está bloqueado en esto. Entonces, lo que necesitas
hacer entonces es hacer clic primero en este botón de desconexión, solo para que no estés ejecutando ninguna aplicación en este momento. Luego necesita cambiar
la política de ejecución de, de, de su sistema para
permitir que se ejecuten los scripts. Entonces lo que podemos hacer es simplemente ir por aquí. Vamos a copiar esto. Y nuevamente, Google va
a ser tu mejor amigo aquí. Y siempre vuelvo a mostrar mi proceso porque
quiero mi proceso porque
quiero asegurarme de que
al final de este curso, sepas depurar
errores también. Entonces lo que voy a
decir aquí es cambiar política de
ejecución
a irrestricta ¿Bien? Y, ya sabes, a veces
puedes ir por aquí a una bolsa de valores
y encontrar la respuesta. Para que pueda establecer la política de ejecución. No queremos
lado remoto, queremos irrestrictos justo por aquí Entonces tenemos que ejecutar este
comando básicamente. Bien, entonces copiemos esto. Regresa a nuestra terminal. Perdón, ¿a dónde le doy vuelta un logo? Justo aquí. Bien. Y luego solo pegarlo. Permiso denegado. Bien, Así dice aquí iniciar Windows PowerShell con la opción
Ejecutar como administrador Bien, está bien. Algo que podemos hacer es
cerrar código
VS y luego simplemente
abrir el código VS como administrador. Así que simplemente haz clic, solo encuentra VS Code y luego haz clic derecho en él y luego haz clic en Ejecutar como administrador. De nuevo, solo quiero mostrar
todo lo que estoy haciendo porque esto
minimiza la cantidad de preguntas y frustraciones
que recibe la gente Y siempre puedes ir y
venir también si
quieres saltarte esta parte. Pero ahora que
lo hemos abierto como administrador, copiemos y peguemos nuevo
el comando y
veamos si eso funciona. Perfecto, funcionó. Impresionante. Bien, ahora lo que
vamos a hacer aquí es que ahora
vamos a
volver a este archivo, hacer clic en F5 y ver si eso funciona No hay error hasta el momento en
el registro, eso es bueno. Y ahora, una vez que es, una vez que esto es naranja, eso significa que tu app está
completamente en funcionamiento. Ahora con el fin de. Entonces, básicamente,
lo que esto significa es que su Azure Function
ahora está siendo alojada localmente. Y para ver realmente
si está funcionando, ve a Azure, ve a tu
espacio de trabajo, a tus funciones. Haga clic con el botón derecho en esto y luego
diga ejecutar función ahora. Y lo que vamos a
proporcionar a esa función es un archivo JSON con el nombre clave y la palabra azure y
cambiarlo por tu propio nombre. Entonces voy a cambiar esto a mi nombre y luego hacer clic en Entrar. Perfecto, la función
en realidad se ejecutó localmente. Y como podemos ver por aquí, esta fue la respuesta
de la función. Se dijo hola Henry. Esta función activada HTTP se
ejecutó con éxito. Perfecto. Lo que eso básicamente significa es que pudimos
alojarnos funcionar localmente. Luego lo
activamos, le pasamos el parámetro name, y luego volvió
a eso, de nuevo a nosotros. Impresionante. Bien, Ahora
lo siguiente que tenemos que hacer es esto es correr localmente. No queremos ejecutar
esta función localmente porque si tu
computadora se apaga, no está conectada
a Internet, entonces tendremos problemas En cambio, hagamos esto. De hecho, ahora vamos alojados en el entorno de
Azure Cloud para que pueda estar funcionando todo
el tiempo en la nube. Y podemos acceder a él desde cualquier aplicación y
desde cualquier parte del mundo. Bien, entonces lo que
vamos a hacer
aquí es que vamos
a hacer clic de nuevo en F5, que la aplicación se ejecute
y distinta se vuelva naranja Perfecto. Entonces lo que vamos a hacer
es que vamos a elegir Vamos a hacer clic en este
botón aquí llamado Desplegar. Implementar para funcionar la aplicación. Ahora te pregunta, oye, ¿
a
dónde quieres desplegar esto? Bueno, ya creamos una aplicación de función llamada
Open AI primero. Entonces ahí es donde
voy a desplegarlo. Eso dice, ¿
estás seguro de que quieres desplegar? Haga clic en Desplegar. Ahora como está haciendo eso, vamos a abrir Azure. Sólo voy a abrir nuevo
mi portal Azure,
ir a portal.azure.com Y luego vayamos primero a nuestra app de funciones que
creamos llamada Open AI. Y ahora aquí, lo que está
pasando es que en realidad está desplegando esta función
llamada IA abierta básica, ¿verdad? Entonces eso es lo que acabamos de
crear en VS Code. Así que en realidad
lo está implementando después de que se despliegue, en realidad
será
capaz de ver esto en el entorno virtual. Entonces esperemos hasta que eso se haga. Implementación para abrir IA completa. Genial. Si hay
alguna duda ahí, asegúrate de hacérmelo saber. Pero de todos modos, lo que
vamos a hacer aquí es que
vamos a hacer clic básico Open AI Y luego hay algunas
cosas que puedes hacer aquí. Por ejemplo,
puedes ver el código, no
puedes editarlo. Sólo se puede editar el
código y el código VS, pero en realidad se puede ver, yo creo en aquí,
lo cual es genial. Aquí, el tuyo, nuestro
código que hicimos. Bien, bueno, también puedes hacer es que puedes monitorear
la función. Entonces cada vez que se ejecuta,
puedes
monitorearlo, ver los registros, ver si está funcionando
correctamente, cosas así. Pero lo que queremos poder
hacer es ir a Overview. Básicamente queremos
obtener la URL de la función. ¿Bien? Entonces básicamente esta es ahora nuestra función está
alojada en este enlace. Cualquiera que acceda a este enlace básicamente
podrá acceder
a nuestra función. Entonces, hagamos clic en Copiar sobre esto. Pasemos por aquí y peguémoslo. Y perfecto,
básicamente vemos que HG, ese, esa función
se activa. Ahora mismo, dice
que en realidad no hemos pasado un nombre en
la cadena de consulta, así que tenemos que seguir
adelante y hacer eso. Pero la función
en realidad está en funcionamiento, lo cual es muy genial. Ahora, para probar esta función
y realmente pasarla. Un parámetro que tenemos que hacer es
que tenemos que seguir Cartero. Entonces abramos una nueva
pestaña y vayamos a Cartero. Postman es básicamente
una plataforma que permite probar APIs Dice API de prueba, ¿de acuerdo? Así que básicamente lo que podemos hacer
es probar esta API, pasarle ese parámetro, el parámetro name, y ver
cómo cambia la salida. Bien, así que sigamos
adelante y hagamos eso. Vamos a ir a Cartero. Sigamos adelante e iniciemos sesión. Ahora sí necesitamos crear una cuenta y
todo por el estilo. Entonces hagámoslo
en el siguiente video. Pero en este punto,
asegúrate de iniciar sesión en Postman porque lo vamos a estar
usando para el siguiente video Si no tienes una cuenta, simplemente crea una.
Es completamente gratis
15. API sin servidores: pruebas de funciones sin servidores: Bien, ahora que en realidad
hemos seguido adelante e ingresado en Postman, lo siguiente es
probar realmente nuestra función Azure
usando Postman Entonces, cuando hayas iniciado sesión, ve a colecciones aquí, vamos a crear una nueva
colección llamada ***. Y crearemos una nueva
solicitud dentro de las APIs. Y llamemos a esto una prueba. Ahora, vamos a
hacer una solicitud GET. Nos pide la URL de solicitud. Vuelve aquí a
tu Azure Function. Haz clic en Obtener
URL de función, copia esto, pegarlo aquí,
haz clic en Enviar, y ahí vamos. Hemos probado con éxito
nuestra API usando Postman. No es tan loco porque
ya lo probamos en realidad simplemente ejecutando la
solicitud en un navegador. Entonces es exactamente la misma respuesta. Pero ahora que lo hemos
hecho en Postman, realidad
podemos ver cómo
otras cosas lo impactan. Entonces vayamos al
cuerpo, por ejemplo. Vayamos a raw. Y lo que vamos a hacer
es que en realidad vamos a pasarle un parámetro. Y los parámetros se pasan
a las APIs usando objetos JSON. En un objeto JSON
básicamente comienza con una llave y pones
primero clave y luego un valor. Entonces se nombrará la clave. Asegúrate de poner
eso entre comillas. Y el valor será tu nombre. Entonces lo haremos Henry. Es lo mismo que
tenemos que hacer cuando estábamos probando nuestra función localmente. Bien, hagamos clic en Enviar en eso. Ahora podemos ver que la
respuesta ha cambiado. Es tomar nuestra entrada o tomar nuestro parámetro como
entrada y sacarlo. Entonces dice Hola Henry, puedo volver aquí y cambiar esto a
algo así como bombilla. Ahora dice hola bombilla. Entonces lo que puedes hacer es uno, ejecutas esta función
que ahora existe. Se puede acceder a Azure
desde cualquier lugar. Puedes pasarle entradas, no solo nombradas, sino otras
entradas si quieres. Y hacer las cosas con esos insumos. Por ejemplo, como hacer pinging servidores
Open AI y luego
generar una respuesta Entonces ese es básicamente el ciclo
que estamos creando aquí. Hemos podido crear una función Azure muy simple
que básicamente toma un nombre de parámetro y luego
devuelve ese parámetro. Otra vez. Esto ahora es público. Cualquiera puede acceder a esto, cualquier aplicación puede acceder, ya que cualquiera en el mundo
ahora puede usar esta función
para sus aplicaciones, para sus flujos de trabajo,
para cualquier cosa. Este es el primer paso. Ahora el siguiente conjunto de
videos vamos a estar haciendo
exactamente lo mismo, pero no con esta función básica que no hace nada. Pero en cambio, con
una función que básicamente toma un prompt, pings a la API de Open AI
con ese prompt, y luego devuelve la respuesta Bien, Perfecto. Sigamos adelante y hagamos eso.
16. API sin servidores: integración de ChatGPT con funciones de Azure: Bien, ahora que sabemos
cómo implementar realmente funciones a la Nube
usando funciones de Azure. Y sabemos
usar la API de Open AI. Vamos a juntar esas dos
cosas. Bien, entonces voy a entrar en mi espacio de trabajo de Azure aquí y
voy a crear una nueva función. Y voy a
llamar a esa función. Y nuevamente va a ser
una función de activación HTTP. Llamémoslo una API de finalización. ¿Bien? Será una función anónima. Y lo que voy a hacer
es que en realidad sólo va a
abrir otro punto de inicio py
y API de finalización Entonces si voy por aquí, puedo ver ahora que
tengo dos carpetas, una para la otra
función
en la que trabajé y otra para la API de finalización. Bien, vamos a entrar en esa. Y nuevamente, nosotros, tienes aquí esta plantilla
estandarizada. ¿Bien? Ahora lo que voy a hacer
es que en realidad también
abramos lo incorrecto. Vayamos por aquí para
crear una nueva ventana. Y en esa nueva ventana, abriremos la cosa que estábamos
trabajando de antemano. Derecha. Así que vamos a trabajar en inglés. Sólo llámalo rasguño. No. Sí, aquí mismo. Bien. Este es el código que
solíamos pagar realmente la API de Open AI
y vamos a estar copiando elementos
de este código. ¿Bien? Entonces lo que voy a hacer
aquí es que voy a importar
primero en Open AI. Ahora bien, si solo haces
esto y lo ejecutas, en realidad te
voy a dar un error. Porque Open AI no es una biblioteca a que este
entorno de funciones de Azure tenga acceso. Ahí es donde entra el
requirements.txt. Entonces, si vas a
tu explorador de archivos, deberías ver un archivo llamado
requirements.txt por aquí, solo pon en Open AI. Lo que eso habilitará
es que básicamente significará que tu función ahora tiene
acceso a esta biblioteca. También escuchará poner
en nuestra clave secreta. Entonces Secretos t. Y nuevamente, esto va a
ser diferente para ti. Sólo voy a ir a
levantar el mío donde sea que esté. Déjame encontrar eso
perfecto por aquí. Una referencia de API. De nuevo, voy a ir a darle
click a este tipo por aquí, ir a Ver claves API. Y ahí vamos. Debería básicamente esta clave API. Ya la tengo anteriormente, pero si no
sabes cómo llegar a ella, así es como llegas a ella. ¿Bien? Entonces voy a copiar
mi clave secreta aquí. Perfecto. Bien. Ahora que tenemos todo configurado
inicialmente, en realidad
editemos
nuestra lógica aquí. La lógica realmente no
hace nada ahora mismo. Básicamente, solo
devuelve el nombre. Así que en realidad voy
a eliminar muchas de estas cosas aquí. Y me voy a quedar con
esta parte porque
queremos saber si tuvo
éxito, ¿no? Entonces me voy a quedar con
esta parte aquí. Hagamos también
código de estado es igual a 200 aquí. Perfecto. Déjame deshacerme de
este tipo e increíble. Bien, así que este es
nuestro código hasta ahora. Déjenme las comas ahí. Bien, Perfecto. Déjame poner aquí una devolución. Bien, increíble. Entonces ahora aquí es donde irá
nuestra lógica principal. Entonces, lo primero que
tenemos que hacer es que solo
tenemos que poner esto
en los comentarios primero. Necesitamos darle a la
API abierta nuestra clave secreta
para autenticarse. Entonces necesitamos obtener variables del cuerpo de la solicitud
HTTP. Luego tendrá que llamar a
la API de Open AI. Entonces necesitamos
formatear la respuesta. Entonces, por último, tenemos que
dar la respuesta. ¿Bien? Entonces, antes que nada, dale llave secreta de
AIR abierta para intoxicar. Esto es muy sencillo. Todo lo que necesitamos hacer es escribir Open AI
para acceder a ese objeto y tener la propiedad de clave API igual a esta
variable de clave secreta aquí. Entonces el paso uno está hecho. Entonces necesitamos
obtener las variables del cuerpo
de la solicitud HTTP. Y ya sabemos
cómo hacerlo. Si vuelves a entrar aquí, en realidad
puedes ver que
así es como lo hacemos. Básicamente hacemos naufragio
cuerpo equivale a obtener JSON. Y luego puedes poner en cualquier variable
JSON que quieras. Entonces voy a poner eso,
así que naufragio cuerpo es igual a
req punto obtener Entonces, sea cual sea el archivo JSON
que se ingrese en la solicitud, lo meteremos en el cuerpo del rack Y lo que queremos entonces es llamar variables cuando en realidad
llamamos a la API de Open AI. Entonces lo que vamos a hacer
aquí es que diremos salida igual a Open AI. Y usaremos la función Completar, la función de finalización.
Entonces Doc Create. Ahora de nuevo, similar a
lo que
hacíamos antes, necesitamos pasar todos estos diferentes argumentos
a esta función. ¿Bien? Entonces lo que voy a hacer
aquí es que voy a tener modelo igual a la variable que se me
proporciona en esta solicitud. ¿Bien? Entonces voy a hacer Model
igual al modelo de entrada. Vamos a tener prompt sea igual a
lo mismo, cuerpo de rack. Prompt. Vamos a tener el máximo de tokens. Otra vez sea igual a
algo que nos
sea proporcionado , max tokens. Entonces finalmente,
vamos a tener la temperatura que nos
proporcione también. Entonces la temperatura
es igual a la temperatura. Bien, perfecto. Ahora lo siguiente que
tenemos que hacer es que tenemos
que formatear la respuesta. Y nuevamente,
también lo hemos hecho
en un video anterior porque notamos que la
respuesta es en forma JSON. Así que solo vamos a copiar
el código exacto que teníamos antes para formatear la salida
en una respuesta válida. Y entonces lo que tenemos que
hacer es que necesitamos
dar la respuesta
o más aún hacer eco la respuesta y básicamente
devolverla desde esta función. Así que todo lo que vamos a hacer
es deshacernos de todas estas cosas aquí. Y sólo vamos a escribir
el texto de salida. Bien, ahí vamos. Vaya, esto debería
ser cuerpo subrayado. Bien, perfecto. Vamos a hacer clic en Guardar en eso. Y luego en el siguiente
video
intentaremos ejecutarlo y probarlo. Lo haremos localmente antes de que
realmente lo implementemos en línea.
17. API sin servidores: pruebas locales para AI en ChatGPT: Bien, ahora antes
de probar algo, siempre
debemos volver a leer nuestro código solo para
asegurarnos de que está bien. Por ejemplo, una
cosa que sí encontré es cuando estaba copiando
y pegando esto, en realidad no
copié y pegué cuerpo
del naufragio para
la temperatura Así que ahora sólo voy
a hacer eso. Esto es muy común. Olvidarás cosas
en tu código todo el tiempo y solo
es cuestión de arreglarlo. La otra cosa que necesitamos para asegurarnos de que sabemos es que necesitamos
proporcionar una solicitud de muestra para probar
realmente si esto funciona. Porque ahora mismo
esta función
solo se ejecutará si pasamos
las siguientes variables
a nuestro cuerpo de solicitud. Entonces, lo que he hecho
aquí es que he creado una solicitud de muestra. Y nuevamente, esto es en forma JSON. Entonces tienes el modelo
igualando textos, Da Vinci, tienes el
prompt igualando cuatro En este caso, solo dame un
eslogan para una empresa de galletas. Tienes tokens máximos que equivalen 200 y tienes una temperatura
igual a cero Ahora, podemos hacerlo
donde queramos. Y el punto es que siempre que nuestra aplicación utilice esta API, podemos pasar en cualquier
modelo que queramos, cualquier prompt que queramos, y así sucesivamente y así sucesivamente. Así que asegurémonos de hacer clic en
Guardar y luego hacer clic en F5. Y voy a
copiar este aviso. Oh, no las indicaciones, lo
siento, el cuerpo de la solicitud. Bien, voy a
entrar en Azure aquí. Voy a hacer clic en la función
va a hacer clic derecho en la API de
finalización y
haga clic en Ejecutar función. Ahora dice entrar
un cuerpo de solicitud. Déjame entrar en eso. Haga clic en Entrar para confirmar. Ahí vamos, se
ejecuta la función. De hecho podemos mirar esto y aquí dice que
la respuesta es el sabor, la dulzura de nuestras galletas Impresionante. Mira eso. Ahora en realidad somos capaces de usar esta función como queramos. Podemos pasar en cualquier prompt, cualquier modelo, cualquier ficha
Max, cualquier temperatura. Y va a funcionar. Actualmente. Sólo funcionará a
nivel local, pero eso está bien. En el siguiente video, de
hecho lo vamos a empujar hacia arriba. Entonces, lo que hemos hecho
aquí es que hemos creado nuestra propia API Open AI. Y se le pasa un aviso de modelo
y así sucesivamente y así sucesivamente. Y luego al hacerlo, en realidad
puedes obtener
una respuesta de vuelta. Así que esta es la
API de envoltura que hemos creado. Una vez terminada la API de envoltura, aprenderemos a integrar esta API de envoltura en
Outlook Power Apps, a automatizar muchas aplicaciones
diferentes, y ahí es donde realmente
puedes comenzar a crear
esas aplicaciones. Impresionante
18. API sin servidor: implementación de OpenAI ChatGPT en funciones de Azure: Bien, ahora implementemos nuestra API de
finalización de funciones de Azure, que usa la API Open AI, que nuevamente es muy genial. Bien, entonces lo que vamos a hacer es volver a ejecutar la
aplicación. Perfecto. Entonces
vamos a ir por aquí y vamos a
hacer clic en Desplegar. Implementar la aplicación de funciones. Vamos a implementar en la aplicación
Open AI first function allí se creará. Y si vamos, si
ahora volvemos a Azure, deberíamos ver por aquí, si entramos en la aplicación de
primera función de OpenAI, deberíamos ver dos
funciones aquí. Ahora. No sólo uno. Sólo tenemos que esperar
hasta que se despliegue, pero deberíamos verlo pronto. Como IA abierta básica. Ese es este de aquí. No se encontró la última implementación. ¿Eh? Interesante. Bien, intentemos eso otra vez. Voy a abrir la IA primero. Estoy en. Bueno, está tardando
más que antes, así que eso es una buena señal aquí todavía. No, todavía no. Límite a AI
Abierto primero completado. Bien, entonces debería estar ahí. Volvamos aquí y
actualicemos de hecho toda
la
página de Azure que está vinculada. Ahí está, API de finalización. Entonces vamos a ello. Y volveremos a ir aquí
y dar clic en Obtener URL de función, copiarlo al portapapeles Ahora bien, si sólo
tratamos de ejecutarlo y normalmente creo que va a fallar. Entonces, si solo intenté
ejecutarlo así, por ejemplo, probablemente fallará porque dice que esta
página no está funcionando. Y nuevamente, eso es
porque en realidad no
puede encontrar estas peticiones. Entonces tenemos que ejecutarlo en Cartero, razón por la
cual estábamos usando
cartero para empezar Bien, entonces volvamos a Cartero y
agregaremos una nueva solicitud Esto se llamará nuestra solicitud API de
finalización. Ingresaremos la URL de solicitud, que nuevamente es este tipo aquí. ¿Bien? Ahora vamos a ir a body
y vamos a poner en esa cadena JSON, ¿verdad? Entonces si vuelvo aquí, da clic a este tipo, póngalo aquí. Y también podemos
formatearlo un poco también. Entonces, estos son los
cuatro argumentos que toma nuestra función de
IA sin servidor personalizada Bien, Ahora hagamos una
solicitud a esta página, pero no sin nada
con este cuerpo. Bien, así que hagamos clic en Enviar ahora. Y ahí vamos,
recuperamos una respuesta, saboreamos la dulzura
de nuestras galletas Ahora podemos cambiar esto
a otra cosa. Cambiemos
esto a decirme en 25 palabras o menos cómo funciona
una computadora. Bien, hagamos clic en Enviar en eso. computadora procesa los datos
utilizando hardware y software para realizar tareas y
proporcionar información. Perfecto. Bien, ahí vamos. Así que ahora tenemos una API
Chad GPT sin servidor
completa funcionando
que podemos personalizar Entonces no solo podemos
devolver la respuesta, podemos devolver tokens, podemos, por ejemplo, también usarlo para devolver
no solo este modelo, sino otros modelos,
podemos usarlo para regresar. En este momento esto está usando
la API de finalización. Podemos crear otra
API para imágenes. Podemos crear otra API para instrucciones y así
sucesivamente y así sucesivamente. Pero como hemos creado
esto, y nuevamente, esta es nuestra propia API, ahora
podemos poner esto en cualquier
aplicación que queramos. Entonces ese es realmente el, perdón, Ese es realmente el final
de esta sección aquí. Poder crear
una API
GPT de chat sin servidor que sea personalizada. En la siguiente parte
realmente vamos a estar integrando esta API ahora en aplicaciones, que es nuevamente, el siguiente
paso que vamos a estar dando. Impresionante. Así que
enhorras por crear tu propia API GPT de
chat sin servidor Nuevamente, ahora puedes usar esto con carteros y realmente
darle cualquier aviso que quieras y te devolverá una
respuesta. Impresionante.
19. Perspectiva: configuración del entorno para complementos de Office: Bien, ahora el siguiente software muy
común que
integraremos Open
AI width es Outlook. Outlook es un simple cliente de
correo electrónico. Si has trabajado
en cualquier parte del espacio empresarial, estás familiarizado con Outlook. Para ello,
necesitará un cliente de Outlook y una cuenta que tenga una suscripción
a Outlook en él. Así que asegúrate de tener eso. Puedes preguntar a tu empresa o también
puedes comprar Office 365. Creo que son como 8 dólares al mes. Y obtienes acceso a
Outlook, Word, Excel, todos los productos de Office
Suite por un precio bastante barato en base al tipo de
suscripción. Bien, ahora, antes
de comenzar, tenemos que configurar
nuestro entorno Básicamente lo que tenemos
que hacer es que necesitamos instalar las herramientas que nos
permitan agregar en Outlook
extensiones y complementos Lo primero que necesitamos
es que necesitamos un editor de código. Ahora vamos a estar usando
Visual Studio Code, ¿verdad? Entonces lo mismo que usamos
para crear realmente la API, para crear la función Azure
y así sucesivamente y así sucesivamente. ¿Bien? También necesitas algo
llamado Node JS. Entonces déjame abrir a
ese tipo de aquí. Entonces eso se puede encontrar
en Node js.org. Básicamente es un entorno de tiempo de
ejecución de JavaScript. Permite crear
aplicaciones con JavaScript. Ahora bien, para ser honesto, no
conozco tan bien JavaScript, pero eso está bien
porque solo
lo necesitas para ejecutar realmente esa aplicación. Todo el backend todavía se puede hacer por su Azure Function ¿Bien? Ahora cuando estés en este sitio web
y asegúrate de hacer clic en la versión LTS y no en
la versión actual Así que asegúrate de hacer eso. Vamos a darle un clic a este tipo de aquí. A continuación se abrirá el instalador. Luego pasa por el proceso de instalar
realmente Node JS. Ya lo tengo instalado, así que realmente no necesito
tener que hacer eso. Ahora. Algo que probablemente
quieras asegurarte de que
tienes es que quieres asegurarte de que tu versión de
Node JS esté instalada correctamente. Entonces creo que hay un
comando rápido que puedes ejecutar para eso. Y lo es, vamos a ver. Creo que si vas por aquí, gritos, ve aquí
a tu, este tipo Vamos a crear una carpeta
completamente nueva. Así que abrir documentos de carpeta, vamos a poner esto
en una nueva carpeta. Este será nuestro complemento de Outlook. Se hará clic en Seleccionar carpeta. Bien, perfecto. Ahora lo siguiente que
queremos hacer es que queremos abrir aquí la terminal. Ahora, una vez que esté desbloqueado, simplemente escriba node
dash, versión dash. Entonces deberías estar usando la versión. Para mí, es 18.13, 0.0, pero básicamente debería coincidir con lo que diga como LTS por aquí Ahora si en el futuro esto es 20, esto es 20.1, está bien Solo asegúrate de
usar la versión LTS. También deberías tener
algo llamado NPM instalado
cuando instales Node Entonces si tecleas npm dash, versión
dash, perfecto. Entonces la versión de NPM no
importa tanto. Tendrías que asegurarte de
que tu versión de Node es la Versión 18.13, 0.0 ¿Bien? Esa última cosa que
necesitaremos instalar es algo que se llama Yo man, bien, ahora, sé que
suena bastante raro. Pero joven es una herramienta de empaque muy
genial que te permite
crear nuevos proyectos. Así que Microsoft en realidad
usa Yo man para configurar tus configuraciones de Outlook para asegurarte de que cuando estás
haciendo que parezca una extensión, todo lo que hay es limpio, está realmente integrado. Entonces es más un constructor de
proyectos para ti, ya que lo verás como herramientas
muy fáciles de usar. Así que lo primero que queremos
hacer para instalar esto es ejecutar a este tipo por aquí. Pero lo que
en realidad vamos a hacer, porque solo necesitamos
la versión específica de Yo man para nuestras necesidades, es que vamos a escribir
npm install dash g, yo generator dash office Este es el constructor Yo
para oficina específicamente. Sigamos adelante y dejemos
que eso corra y termine. Todo bien. Perfecto. Bien. Ahí vamos. Ahora que hemos tenido tenemos todo
instalado que
necesitamos instalar para empezar a
hacer un complemento de Outlook, sobre todo uno que pueda ser
que pueda comunicarse con nuestra API GPT de chat que hemos hecho
que básicamente hace pings a los servidores de
Open AI Bien, perfecto.
20. Outlook: creación de un proyecto de Office Outlook: Bien, Ahora
lo siguiente que
haremos es crear nuestro proyecto add n. Bien, entonces vamos a usar a
Yo hombre para hacer eso de verdad. Entonces es muy sencillo.
Ahora, asegúrate de estar en el directorio en el que
quieres estar, en VS Code. Y luego en el terminal
tecleando yo space office. Ahora está haciendo lo suyo. Básicamente es
configurar el proyecto. Ahora bien, esto es un poco difícil de ver, así que en realidad puedes mover esto hacia arriba y ver cómo se ve. Entonces dice aquí, bla, bla,
bla, bla, bla, bla,
bla, oficina No vi, me gusta recopilar datos de uso
anonimizados. Así que ahora puedes usar tus teclas de flecha con tu
terminal para seleccionar algo. Vamos a seleccionar Continuar. Ahora dice elegir
un tipo de proyecto. Entonces, ¿quieres
crear un proyecto de panel de
tareas de complemento de Office usando React Angular ¿Quieres crear
una función personalizada? Muchas
cosas diferentes que puedes crear. Vamos a crear Office
add en un proyecto de panel de tareas. Bien, así que hagamos clic en
Entrar en eso. Ahora te pregunta qué
idioma quieres usar. Depende de ti si
tienes preferencia entre JavaScript
y TypeScript, sigue
adelante y elige uno Voy a usar Java Script. ¿Cómo quieres nombrar
tu complemento de Office? Vamos a nombrar esta perspectiva de prueba. ¿En qué aplicación de
cliente de office te
gustaría apoyar? Ahora solo vamos
a apoyar outlook, pero aquí es donde
puedes tomar varias. Y ahora en realidad lo está
creando. Sólo haciendo lo suyo. Resolviendo mucho. Podría tener que
poner esto en otro video. Por qué no detengo el
video por ahora y luego
continuaré cuando
esto esté completo. No importa. Todo está completo. Bien. Eso fue perfecto. Ahí vamos. Ahora, básicamente
lo que hemos hecho aquí es que
hemos agregado en una carpeta
llamada test out. Mírelo. Y si
vas a esa carpeta, verás que ya está hecho todo
el proyecto para ti. Y hay algunos archivos en los que realmente
deberíamos centrarnos. El primero es el archivo xml punto
manifiesto. Esto solo te muestra algunas
configuraciones de tu proyecto. ¿Cuál quieres que sea
tu ícono? Cuando realmente hacemos clic en
el complemento de Outlook, cuál quiere que sea el color del
icono Lo que quieres decir en el nombre para
mostrar de ese icono. ¿De qué cinta
quieres que forme parte? ¿Dónde está la ubicación en la que se alojará
esto?, solo cosas aleatorias como esa. Pero los hay bastante importantes. El código principal es
en realidad su fuente. Entonces, si vas a la fuente
y vas al panel de tareas, aquí es realmente
donde está tu aplicación, en
vivo, viviendo despedido. Entonces, antes que nada, tienes
en el HTML de tu app, que básicamente es pensar en
eso como un grueso de una app, como un sitio web muy micro. Un sitio web tiene HTML,
CSS y JavaScript. Html es básicamente lo que ves cuando
abres la aplicación. Entonces, por ejemplo, por aquí, puedes cambiar el cuerpo
para ver otra cosa. En lugar de decir lograr
más con la integración de Office, puedes hacer que eso
diga otra cosa, y así sucesivamente y así sucesivamente. Css es más para el estilo, ¿verdad? Entonces, ¿cuáles quieres que sean
los colores? ¿Cuál ves que sea
tu acolchado? ¿Cuál quieres que sea
tu display? Esto es muy útil porque esto realmente funciona con HTML. Para producir el front
end que veas. El HTML es más un esqueleto
de diferentes clases, y el archivo CSE define cómo se ven esas diferentes
clases Por ejemplo, queremos que
todo con el encabezado H2
principal de bienvenida MS sea
ancho igual al 100%, la alineación del texto sea centro. Por último, tiene el motor
subyacente de la aplicación, que es el archivo JavaScript. Así que básicamente esto
realmente ejecuta código. Cuando alguien hace clic en la aplicación y
haga clic en el botón Ejecutar. Aquí es donde
realmente pondremos código para acceder a la
API de terceros que hemos hecho. Proporcione un prompt, obtenga
la respuesta y luego muestre esa respuesta una manera ordenada y ordenada
en el archivo HTML. Bien, entonces ahí vamos. Lo último que debemos hacer
aquí es asegurarnos de que tenemos ahora, en realidad
no estamos en nuestra carpeta de proyectos, estamos en la carpeta padre. Mírelo. Ha
tenido que asegurarse de que estamos en prueba
, míralo. Bien, entonces lo que podemos
hacer aquí para facilitar
las cosas es ir a
Archivo Abrir Carpeta. Creo que ir a
mirarlo y luego ir a la
carpeta que se acaba crear a partir de yo y
coleccionar, seleccionar carpeta Y ahí vamos. Ahora estamos dentro y donde deberíamos estar si abres Terminal ahora, realidad
estaré en
el espacio adecuado. Y también tienes todos tus archivos
aquí a la izquierda. Bien. Impresionante.
21. Outlook: lanzamiento de Outlook para complementos: Muy bien, ahora que hemos construido nuestro primer proyecto de
complemento de Outlook,
y en realidad hemos
seguido adelante y hemos
pasado por parte del
código detrás de él Empecemos y veamos cómo
se ve en Outlook. Ahora esto va
a ser un panel de tareas. Por lo que hará clic en un botón y
luego saldrá una pintura del lado derecho donde
podemos afectar nuestra aplicación. Bien, así que abre terminal y desde
aquí, escribe npm. Inicio. De nuevo, asegúrate de estar
en la carpeta correcta. Debería estar la carpeta
que se creó a partir de Yo man. Bien, así que hagamos clic en npm, comencemos, empecemos a hacer lo suyo Voy a empezar a cargar
cosas y probablemente
verás algo como
esto pop up también. Ahora, es posible que tengas que instalar
un certificado de desarrollador, así que podrías recibir una
advertencia de seguridad como esta. Simplemente siga adelante y haga clic en Sí. Es porque ahora mismo no
estamos usando HTTPS. Cualquier tipo de fuerza
te obliga a usar HTTPS. Entonces obtienes muchos mensajes
como esta bruma para asegurar. Sí, es porque
lo
estoy desarrollando y así sucesivamente y así sucesivamente. Bien, perfecto. Entonces, después de que esto haya terminado, tu perspectiva debería
aparecer automáticamente. Ahora, debería ver un panel de tareas de mostrar y realizar
una acción por aquí. Bien, Ahora bien,
para poder activar estos, necesitas estar en un correo electrónico. Entonces, por ejemplo, permítanme
abrir este correo electrónico por aquí. Ahora puedo ver mostrar panel de tareas y realizar una acción por aquí. Entonces voy a seguir adelante
y seleccionar Mostrar panel de tareas. Dice que para depurar la
vista web adjuntar código VS a la instancia de vista web usando el depurador de Microsoft
para la extensión Edge Esto es si quieres, si quieres depurar de
manera profesional, puedes
descargarte esto. Pero para nuestros propósitos, estamos creando un Outlook
relativamente simple en una aplicación. Entonces no necesitaremos hacer eso. ¿Bien? Y ahí vamos. Este es nuestro
logotipo de usuario administrador o un mensaje de bienvenida. Descubre lo que puedes hacer hoy por ti los complementos de
Office Modificó el
archivo fuente, luego haga clic en Ejecutar, bla, bla, bla, bla, bla Ahora mismo si hacemos clic en
ejecutar, no pasará nada. Ejecutar básicamente ejecuta el código que se encuentra
aquí en fuente Panel de tareas, js, la función run. Ahora mismo
no hay nada aquí, así que nada corre realmente. ¿Bien? Pero este es el
front-end HTML de aquí, ¿verdad? Entonces lo que podríamos hacer de manera muy
simple es ir por aquí, ir a HTML, y luego
cambiar esto, ¿verdad? Entonces en vez de
decir lograr más con la integración de Office, podemos decir algo
como hola mundo. Y luego si
volvemos por aquí, creo que en realidad
probablemente
necesitaremos reiniciar la aplicación. Sí. Sí, no necesitamos hacer eso. Entonces, ¿
cómo reiniciarlo? Lo que podemos hacer es
volver al código y escribir npm. Empezar de nuevo. Haga clic en Bien. Ahora comenzará una nueva versión de
Outlook. Ahora vamos a ir por aquí
y seleccionar un correo electrónico, mostrar panel de tareas.
Oh, ¿sabes qué? Soy tan tonto. Creo que olvidé
simplemente guardar el archivo. Sí. Asegúrese de guardar
realmente el archivo. Entonces Control S es como lo guardas. Hagámoslo otra vez. Mostrar panel de tareas, haga clic en. Bien, hola, mundo. Impresionante. Entonces así es como construyes tu Outlook Office,
agrega una aplicación. Ahora tienes todas las
herramientas que necesitas para construir
realmente
la aplicación que quieras. Lo que haremos en
este módulo es que solo
haremos una conexión
de prueba. Básicamente, lo que
haremos es crear una
aplicación muy rápidamente que tomará el
contenido de tu correo electrónico, lo que sea que haya sido seleccionado. Y después de hacer clic en Ejecutar, envía esos contenidos o tal vez incluso una línea de asunto
a nuestra API de Azure Function. Y entonces devolverá
una respuesta de ello. Y mostrará esa respuesta en el panel de tareas de aquí. Bien, increíble. Sigamos adelante y
empecemos a hacer eso.
22. Outlook: cómo ejecutar la API de ChatGPT en Outlook: Ahora que nuestro complemento de Outlook
está funcionando correctamente,
sigamos adelante y veamos si
podemos hacer una llamada a la API desde nuestro complemento de Outlook a la API GPT de
chat que Un recordatorio, solo
nuestro chat API GPT. El que he hecho,
al menos este es el enlace para ello. Asegúrate de que sea una solicitud postal, no una solicitud de obtención. Y entonces este es el
cuerpo que necesita modelo, prompt, max, tokens
y temperatura. Déjame
acercarme aquí también. Entonces si hago clic en enviar,
entonces me devuelve básicamente la respuesta del modelo da Vinci de Open
AI. Bien, perfecto. Así que vamos a entrar en nuestro
código de Visual Studio y luego ir a Panel de tareas punto JavaScript. Nuevamente, todo nuestro código
que se va a ejecutar, ya lo
haremos aquí, y esto se
hará en JavaScript. Ahora bien, no sé ustedes, pero no estoy tan familiarizada
con JavaScript, pero en realidad no necesita
saber mucho para
simplemente hacer una simple llamada a la API. Eventualmente lo que vamos a
querer hacer es tomar un elemento de un mensaje, por ejemplo,
algo así. Y luego haz clic en Ejecutar. Envía ese mensaje a nuestra función y tal vez lo
resume o
algo así, y luego devuelve un resumen
del mismo de Jiangxi PT Entonces, por ejemplo, podemos pedirle al
chat GBT muy fácilmente que resuma la siguiente
afirmación en 25 palabras o menos Pero nuevamente,
lo primero que debes
hacer es asegurarte de que realmente podamos conectarnos al chat
GPT desde Outlook Y como pronto verás, es mucho
más difícil de lo que piensas. No por JavaScript, sino por la seguridad. Lo de la seguridad
es muy intenso, pero me estoy adelantando. Sigamos adelante y
pongamos en nuestro código. Bien, Entonces, básicamente, cómo
hacer cómo
ejecutar realmente una llamada API desde JavaScript es que hay una función
llamada fetch Y fetch lleva dos cosas. Toma una URL y
toma otros parámetros. Por ejemplo, como el cuerpo, los encabezados, cosas así. ¿Bien? Entonces, eso es todo. Esto es lo que tenemos
que hacer. Ahora cuando definas estas cosas. Entonces, ¿por qué no
creamos una, una constante, una variable constante llamada URL, hará igual a la URL de la función que creamos Así que voy a ir a Cartero y copiar a este tipo de aquí No creo que necesite de
todo lo demás aquí. Si solo hago clic en Enviar. Perfecto, Nuestros trabajos,
¿de acuerdo? Perfecto. También necesito estos
otros parámetros definidos también, ¿verdad? Así que vamos a crear
otra constante. Tan constante, otro
parámetro es igual a, y este
mismo será adyacente. Así que quería
encontrar algunas cosas. Quería encontrar el
cuerpo del puesto. Quiero definir el
método del anfitrión. Entonces el método va a ser
un post en lugar de un get. Y ya hemos
hablado de las diferencias en una conferencia anterior. El cuerpo va
a ser equivalente a este cuerpo JSON aquí, donde necesitamos definir
el modelo prompt, max tokens y la temperatura. Entonces sobre dónde hacer es
que voy a copiar esto. Voy a ponerlo aquí en comillas
simples y
luego dar clic en Pegar. Ahora por desgracia,
lo que hay que hacer es retroceder y deshacerse de la, Deshacerse de las nuevas líneas Sigamos adelante y hagamos eso. Bien, Perfecto. Y luego poner una coma al
final de eso también. Además, ya que esto es
Javascripting para poner un punto y coma al final
de cada declaración, solo para que no se equivoque Bien, Perfecto. Entonces ahora tenemos otro programa, lo siento, este es otros parámetros. Cambiemos esto a
otro programa, ¿de acuerdo? Ahora tenemos ambas
cosas definidas. Perfecto. Ahora bien, lo siguiente
que tenemos que hacer aquí es que tenemos que guardar realmente los resultados
de esta función en alguna parte. Así que vamos a crear
otra variable, respuesta
constante y
hacerla igual a buscar URL Lo único es que fetch URL es una función asíncrona De hecho hay que
poner aquí un peso. ¿Bien? Perfecto. Pues entonces hazlo tan bien como
crearemos una nueva variable
llamada output. Entonces var output, eso
hará que sea igual a la respuesta que obtenemos
de esta función fetch Así que básicamente llama a la API. Luego devuelve el objeto
response, pero esta no es la
respuesta en sí misma. Básicamente tiene todo
sobre la respuesta. Cuando se respondió
con un código de estado, es todo así. Todo lo que queremos es el
texto real de la respuesta, que es este tipo de aquí. Entonces todo lo que queremos es
la respuesta punto txt Bien, perfecto. Y solo
asegurémonos de ponerla en función. ¿Bien? Lo último que
haremos es registrar la salida. Así consola dot log. Yo estaría bastante bien, perfecto. Entonces, hagamos clic en Guardar en eso. Y mucha
ventana de Outlook está abierta. Déjame limpiar un poco aquí. Como antes estaba probando algunas
de estas cosas. Bien, entremos aquí
y tecleemos npm inicia. Y abrirá cualquier
nueva pantalla de outlook. Ese es este tipo de aquí. Entonces entremos en un
mensaje que recibí de alguien que es
demasiado verdoso para mí. Soy demasiado importante. No quiero leer esto así que puedo hacer clic en Mostrar panel de tareas aquí. Y esta es nuestra función. Algo que puedes hacer es hacer clic derecho en él y hacer
clic en Inspeccionar. Y esto te permitirá básicamente mirar
el console.log. ¿Bien? Entonces esos son pocos errores
aquí, pero eso está bien por ahora. No necesitamos preocuparnos por ello. Pero lo que podemos hacer
aquí es hacer clic en Ejecutar. Y mira eso. Da salida correctamente. Entonces lo que básicamente está
haciendo en el código es, lo es, déjame volver aquí. Se está llamando a esta API. Bien. Pues lo siento, es,
sí, se llama, está llamando a esta API enlazada. Luego le da este cuerpo
Así define el modelo, el prompt, los tokens máximos
y la temperatura. Luego realiza una solicitud de correo, y luego devuelve
esa solicitud de publicación. Y luego
lo traduce en un texto para nosotros. Y luego da salida a ese texto. Ahí vamos. Así de fácil. Y ahora
hemos hecho una vinculación, Rob de Outlook To Chat GPT Así que de nuevo, si voy por aquí y clic en Inspeccionar y voy a la consola, cada vez que haga clic en Ejecutar,
puede ver esa función ejecutándose. Entonces lo verás por aquí
en el lado izquierdo. Si hago clic en ejecutar. Nuevamente, los dos significan que
está sucediendo de nuevo. Entonces una computadora procesa datos, bla, bla, bla,
bla, bla Puedo entrar aquí y
cambiar el prompt, ¿no? Puedo decir en cambio, ¿qué es el helado? Y guárdala. Y luego vuelve a mi Outlook, abre de nuevo el inspector, ve a la consola y
luego haz clic en Ejecutar. El helado es un desierto helado de bla, bla, bla, bla, bla Perfecto. Así que hemos podido
conectar los dos juntos. Ahora bien, si esto no te
funciona y si
obtienes un error, si obtienes un error de cuerpo
o algo así. De nuevo, antes me muevo en esto. Si obtiene un error de curso, entonces necesita configurar su protocolo
de seguridad correctamente. Y al siguiente video, aprenderemos a hacerlo. Pero en esto funciona para
ti, entonces estás bien. No hace falta que te
preocupes por ello. Pero si esto
no te funciona, entonces sigue el siguiente
video que veremos
cómo resolver realmente el problema de
los núcleos. Bien, Impresionante.
23. Perspectiva: cómo solucionar los problemas de seguridad en Outlook: Hola a todos. Si
pudo conectar con éxito su perspectiva a sus Azure Functions,
entonces está bien. No hace falta que
vayas más lejos. No obstante, si obtienes un error de curso o un error de origen permitido
o algo así, entonces sigue los pasos este video y se
resolverá. Ya sabes, si tienes,
tienes un error de curso. Si dice en el
muy rojo por aquí, dirá
algo como
permitir error de origen o CORS, error núcleos o error de seguridad
o algo así Y en realidad es algo bueno. Básicamente es no permitir que tu perspectiva establezca una
conexión con una API aleatoria. Tampoco está permitiendo que
la API aleatoria
haga una conexión de
nuevo a Outlook. Entonces en realidad es
algo bueno que esto suceda. Pero también es muy molesto, porque aunque
es muy seguro, nos
impide conectar Outlook a varias API
diferentes Entonces necesitamos básicamente
permitir que eso suceda. Entonces hay algunas
cosas diferentes que puedes probar. ¿Bien? Lo primero que
puedes probar es
abrir nuestra función Azure. Así que de nuevo, entremos en Azure. Haga clic en nuestro nombre de función Azure. Y si vas a funciones, estas son todas tus diferentes funciones de
Azure aquí. Perfecto. Bien. Sin embargo, lo que queremos hacer aquí es si vas
hasta API y
ves que hay un botón
llamado API Management y uno llamado corps click horse. Y luego básicamente
asegúrate de que esto esté deseleccionado. Y luego eliminar todo lo demás, cada otro registro
aquí y poner un asterisco que básicamente está haciendo es que
básicamente significa que cualquiera de cualquier sitio web, desde cualquier navegador
ahora puede acceder a su API, que obviamente no es segura Pero para nuestros
propósitos de desarrollo, está bien. También dice que aquí, Cross-Origin Resource
Sharing permite código
JavaScript que se ejecuta en un navegador en un host
externo interactúe con su back end Bien, así que solo pon
asterisco y luego todo básicamente puede
acceder a esta función Después ve todo el camino hasta
la cima a Descripción general. Haz clic en Actualizar, actualiza
tu función. Y ahora si vuelves atrás
y vuelves a ejecutar tu código, abramos nuestra perspectiva
nuevamente y
hagamos clic en Ejecutar. Ahora debería funcionar. Aquí dice dos. Sin embargo, si no es así, entonces necesitas dar un paso
adicional porque claramente tu navegador o tu
perspectiva son muy seguros. Cómo lo harías es que realmente
necesitas crear un Servicio de Administración de API. ¿Bien? Entonces lo que puedes hacer aquí es, no es un estado incorrecto, podría haber sido eliminado,
bla, bla, bla, bla Eso está bien. Vamos a hacer clic en un enlace. Entonces, si obtienes algo como
esto, simplemente haz clic en desvincular. Pero lo que puedes hacer aquí es crear un nuevo Servicio de
Administración de API. Vamos, hagamos clic en Crear nuevo. La suscripción no importa. El grupo de recursos no
importa, Bla, bla, bla. Nombre del espacio de trabajo. Entonces vamos a llamar a esto
abierto porque no es seguro. Es API de finalización abierta. O simplemente
llamémoslo una API abierta. Y luego solo pon
algunos números aleatorios porque necesita ser único. Entonces voy a poner
562, por ejemplo, luego poner un correo electrónico de administrador voy a poner en mi correo electrónico. Bien. Perfecto. Bien. Y asegúrate de
verificar el consumo. El precio del consumo es, creo que el primer millón de solicitudes son gratuitas o algo así como
una locura. Así que mira el precio
de tu preocupación, pero definitivamente haz clic en el consumo y no en ninguno de estos otros
planes porque
lo son, son mucho más caros. ¿Bien? Simplemente elija cualquier
aplicación aleatoria, instancia de Insight. La escala no importa. La identidad no importa. La red virtual no importa. Configuración de protocolo. No, no importa. Etiquetas, Eso está bien.
Error en la validación. Falta la información requerida. Oh, no. ¿Qué me perdí? Servicio especificado que ya
estaba en uso. Bien. Podemos hacer abrir primero
AI, cinco-seis, cinco. Pongamos el mismo
número de 562. Bien. Bien, bien, bien, bien, bien. Revisar e instalar.
Será hacer esto mucho más zoom para que
ustedes puedan ver un poco más La implementación de create
es exitosa. Ahora esto dice por aquí que está
en un estado en transición. Así que tomará un poco poner esto en
marcha y funcionando un poco Así que vamos a darle
unos minutos aquí. activan los servicios, tenemos que
esperar a que se
haga y se complete. Aún siendo activado. Sólo tenemos que esperar
en este momento. Nuevamente, si esto te está
funcionando, no necesitas
pasar por este video. Creo que si vuelvo ahora mismo, podría no estar funcionando
para mí tampoco porque acabo de instalar un sistema de
seguridad, pero vamos a ver, correr. Todavía funciona. Eso es bueno. Servicios que se están activando. Date prisa y activa. Volvamos a nuestra función
Azure y
asegurémonos de que esté
conectado correctamente. Si vamos a la gestión de API
por aquí, tu app está vinculada. Bien, perfecto. Se ha vinculado. Increíble. Entonces ahora lo que podemos
hacer aquí es seleccionar API para tu app. Vamos a, bueno, en realidad vamos primero a Administración de
API. Vamos a API. Y luego
seleccionaremos aquí, definimos una nueva API. Definir principalmente una API HTTP. ¿Bien? Ahora tenemos que
darle algunas cosas
más por aquí, pero eso está bien. Esta se puede llamar API de
finalización. La URL del servicio web no
importa aquí. Vamos a hacer clic en Crear. Bien, perfecto. Ahora vamos a entrar en la configuración y asegurarnos de que hemos
seleccionado HTTP S aquí. Esta es la suscripción de
configuración más segura requerida. Deseleccionemos a ese tipo de aquí. No necesitamos poner ningún nombre
de encabezado
o nombre de parámetro de consulta. Eso está bien. Vamos a hacer clic en Guardar en eso. Vamos a todas las APIs. Ve a la configuración de todas las API y asegúrate de que hemos
hecho lo mismo. Perfecto, ahí no
hay requisito, así que eso es bueno. Bien, vamos a ahora
Procesamiento entrante por aquí. Y vamos a agregar en un, asegúrate de que has
seleccionado todas las API. Entonces de cualquier manera, si
vamos por aquí, vamos ahora a nuestra función
Azure. Ir a Administración de API. Y por aquí haz clic en
la API de finalización que, así que esa es la que
acabamos de crear. Importemos las funciones
y hagamos clic en la API de enlace. Y queremos vincular ambas
APIs y hagamos clic en Importar. Perfecto. Ahora lo que verás si
vas a entrar en la administración de API, haz clic, bueno, vamos a entrar en la Administración de
API completa y vamos a las API. Ahora verás algo
llamado API de finalización. Y si vas a todas las operaciones, estas son todas las
operaciones que puedes realizar con esta nueva
API que has creado. Puedes publicar para completarlo API, puedes hacer un post
a Basic Open AI. Así que básicamente puedes hacer
una publicación o una solicitud GET a todas las Funciones de Azure después haberlas vinculado,
lo cual es muy genial. Entonces ahora lo que queremos hacer
aquí es que queremos agregar una política, ¿de acuerdo? Pero asegúrate de que hemos
seleccionado todas las APIs. Y luego ir
aquí a las políticas. Y lo que queremos
agregarlo aquí es una política para inbound ¿Bien? Entonces agreguemos. Por aquí, entrante. Básicamente nos preguntamos que el tráfico
entrante cambie. Así que asegúrate de tener tu
entrada abierta y cerrada. Y luego dentro de ella. Por aquí, hacia la derecha. Seleccionar, mostrar fragmentos. Desplázate hacia abajo y selecciona curso. Perfecto. Bien, Ahora hay algunas cosas que
necesitamos editar. Asegúrate por cierto,
esto está en el entrante. Inbound, ¿de acuerdo? En primer lugar, queremos cambiar esto a anfitrión. ¿Bien? Déjame ver por aquí. Permitir llamadas entre dominios. ¿Bien? Sí, queremos
asegurarnos de que configuramos esto para publicar. Todo lo demás
aquí. Se ve bien. No necesitamos
cambiar nada de eso. Vamos a hacer clic en Guardar en eso. Ahora eso no es una URL absoluta. Veamos por aquí,
error y elementos. Bien, déjame ver exactamente qué nos pide
CORS porque
creo que Microsoft pudo haber
cambiado esto o actualizado, lo cual es muy molesto Um, así que sólo dame un
par de segundos aquí. Bien, perfecto. Solo voy a copiar
y pegar de
un recurso que tengo porque
parece que esta no era la fuente principal correcta. De todos modos, vamos a pegar a ese tipo n. Entonces así es como
debería verse, ¿de acuerdo? Entonces tienes tu core es permitir
credenciales es igual a true. No hace falta que
tengas eso ahí dentro. Um, permitir origen. Queremos que el origen
sea desde cualquier lugar. Entonces vamos a sustituir
este enlace en particular con asterisco Métodos permitidos
antes del vuelo, eso está bien. Um, permita cabeceras, está bien. Encabezados expuestos, está bien. Bien, hagamos clic en Guardar en eso. Perfecto, y eso está guardado. Y me aseguraré de poner
ese texto en el enlace, en la descripción a continuación
es justo para que lo tengas. ¿Bien? Ahora lo que queremos hacer es si
vamos todo el camino hacia la izquierda, si hacemos clic en nuestra API de finalización y hacemos clic en nuestra API de
post-finalización, que es la que queremos Vamos a esas API, políticas y haga clic en
calcular política efectiva. Entonces esto nos dirá para
esta API en particular, esta es la política. Va a permitir que todo acceda
a esta API, que es lo que queremos hacer. ¿Bien? Pero aún no hemos terminado. Bien, vamos a la administración de
API. Baja por las
APIs para ir a los productos. ¿Bien? Tienes que hacer clic en Agregar para
crear un nuevo producto. Esta solo será API abierta. Api descripción puede ser bla,
bla, bla. No importa. ¿Bien? Y asegúrate de que deseleccionamos,
requerimos suscripción. Y luego le vamos
a agregar esa API . API de finalización. Bien, y hagamos clic en Crear. Perfecto. Bien, entonces ahora hemos hecho
todo lo que tenemos que hacer. Básicamente lo que ha pasado
es que hemos creado una, otra API que, que acepta solicitudes desde
cualquier lugar de todos los orígenes. Y para encontrar esa URL API. Si vamos aquí a publicar, en realidad lo
probamos. Se ha tardado mucho más. Ahí vamos. Bien, este es el nombre
de la API de aquí. ¿Bien? Así que en realidad hemos
probado aquí, pero esta es la solicitud
que tenemos que hacer. Ahora bien, esta es una longitud
diferente a la que teníamos antes, ¿verdad? Esto ahora es diferente. Si voy con mis viejos carteros, solo lo encontramos aquí Esa era esta longitud. Esto es para nuestra función Azure. Pero lo que está sucediendo
aquí es que una vez que
haces una solicitud a esta API, que puede ser desde cualquier lugar, luego
hace una solicitud a
esta API que hemos creado, que lo siento, esta función. Y luego eso hace una solicitud para abrir la API de IA y
así sucesivamente y así sucesivamente. Entonces esto es como el inicio de API. Necesitábamos proporcionar un servicio de
administración de API además de nuestra función de Azure
para permitir que las solicitudes provengan de cualquier lugar si
recibe ese error de curso. Bien, Ahora para probar si esto
funciona, ve por aquí. Vamos a crear un nuevo
Postman solicita. Así que vamos a ir por aquí,
haga clic en Agregar solicitud, y diremos
API de finalización de todos los orígenes. Asegúrate de que esta es
una solicitud postal. Ingresemos la URL de
solicitud por aquí. Vamos al cuerpo. Y vamos a
tomar el cuerpo de la API de finalización y
ponerlo aquí. Bien, Perfecto. Ahora bien, así es como sabes que
esto realmente está funcionando. Lo que está haciendo de nuevo
es que va a esta API, que luego va a esta API, que luego va a abrir API
api y hace el prompt, obtiene la respuesta
y luego la envía vuelta usando ese método también. Entonces estamos pintando, básicamente
estamos poniendo una capa de seguridad en
esta función de Azure, que es lo que está aquí este tipo. ¿Bien? Lo bueno de nuevo es que se
puede acceder a
esta función de Azure por cualquier origen. Ahora bien, si vuelvo a mi Visual Studio Code
y sustituyo esta URL, que es la
función que teníamos antes con este tipo en cambio, que ahora es nuestro API
Management Service. Y haz clic en Guardar. Ahora bien, si vuelvo a mi
perspectiva y voy a Inspeccionar, esto ahora debería funcionar al 100%. Bien, ahora, obviamente estaba
funcionando para mí antes también, así que técnicamente no
necesitaba hacer esto. Pero si estás recibiendo
un error de cuerpo, entonces así es como tú
Así es básicamente
como lo resuelves. Bien. Impresionante. Ojalá
eso haya sido de ayuda. Ojalá eso
se resolviera en núcleos EE o errores de seguridad
que estabas obteniendo. Pero si no lo ha hecho, por
favor, no dude en
enviarme un mensaje directamente. Árbol vinculado o
algo por el estilo. Y yo puedo ayudarte con eso. O la función de preguntas y respuestas o
algo por el estilo. Bien. Muchas gracias
24. Perspectiva: transferencia de cuerpos por correo electrónico: Bien, ahora que
tenemos nuestro outlook funcionando y conectándonos
a una función de Azure, sigamos adelante y hagamos
una aplicación útil. Esto es lo que hará la
aplicación. La aplicación permitirá a
los usuarios ingresar a sus correos electrónicos. A ver si
recibes varios correos electrónicos. Uno, por ejemplo, de
este que obtuve. Y puedes hacer doble clic en él. Puede hacer clic en Mostrar panel de tareas. Y luego una vez que hagas clic en Ejecutar, y en realidad
resumirá el correo electrónico por ti Lo que realmente
sucederá
es que enviará el contenido
del correo electrónico para abrir
los servidores de la IA con un aviso de, por favor resuma, y luego le
devolveremos ese
resumen Muéstralo por aquí. Bien. Fácil, peasy, exprimidor de limón. Bien. Ahora bien, de nuevo, no soy
un experto en JavaScript, pero no necesitas ser un
experto en JavaScript para hacer esta
tarea muy sencilla en Outlook. Bien, entonces abramos
nuestro código de Visual Studio. Asegúrate de que estamos en nuestra función run y haz algunas cosas aquí. Lo primero que
vamos a hacer es la tarea de ir a este sitio web y devolver una
respuesta y todo eso. Vamos a poner eso en
una función asíncrona. Entonces es fácil llamar. Así que vamos a crear una
nueva función asíncrona llamada ejecutar Azure ¿Bien? Y eso va
a tomar en un cuerpo. Y lo vamos a
poner aquí. Perfecto. Entonces algunas funcionan, entonces
algunas cosas que hace
esta función. Básicamente llama a la URL, llama a los otros parámetros. Pero también lo necesitamos
para hacer por aquí es el aviso no debería
ser solo ¿qué es el helado? Escriba el prompt debe ser. Resumir lo siguiente. ¿En cuántas palabras queremos? ¿50 palabras en 50 palabras? ¿En 50 palabras o menos? ¿Bien? Y entonces aquí es donde
ponemos entonces el cuerpo, que es básicamente el
cuerpo del correo electrónico, ¿de acuerdo? Ahora como lo agregas o concatenas cadenas juntas
es usar el signo más ¿Bien? Entonces vamos a hacer
estas dos cadenas separadas. Vamos a poner
un plus en el medio. Y entonces aquí es donde
pondrías en cuerpo. Bien. Perfecto. No obstante, sabemos que una vez esto solo toma
el cuerpo del correo electrónico, pero queremos deshacernos de
cosas como citas, espacios, nuevas líneas, nuevos párrafos, queremos romperlo, romperlo
todo junto. ¿Bien? Para hacer eso,
tenemos muchas
cosas diferentes que podemos usar, pero esto es algo que
nuestra LLC acaba de buscar en Google Si voy a hacer click izquierdo en
él y pegarlo por aquí. Y nuevamente puede
ser body dot esto. Esto se puede encontrar en
la descripción a continuación. Pero lo que esto hace
es, antes
que nada, reemplaza todas las cotizaciones por espacios
vacíos o con nada. Y también hace un recorte, lo que significa que se deshace de cualquier espacio inicial o
cualquier espacio final. Lo que entonces hace es
sustituir nuevos párrafos, nuevas líneas, y todo
lo demás por un
espacio vacío también. Entonces básicamente, deseo
todo junto. Y así queremos cuando
brindamos el prompt para chatear GPT. Bien. Hasta el momento, tan bien. Genial. Perfecto. Bien. Lo siguiente que
vamos a hacer por aquí, sí. Respuesta constante,
eso es correcto. O poner texto. Y entonces como esto
es ahora una función, vamos a regresar en alguna parte
al outlet. Así que vuelca y
asegúrate de poner la imagen, pones esto en llaves, pero vamos a
devolver la salida Bien, increíble. Así que esa es nuestra
función súper increíble llamada run Azure. Genial. Necesitamos definir
algunas funciones más. También definimos una
función que obtiene el cuerpo del correo electrónico, ¿verdad? Entonces voy a poner esto encima. En realidad. Vamos a crear otra
función llamada asincrónica Función. Obtener cuerpo. ¿Bien? Asegúrate de usar las
llaves para rizar aquí. Ahora aquí tienes acceso a algo llamado Office,
sincero y Outlook. Y te da muchos métodos
diferentes. Uno que vamos
a usar se llama Office dot context, dot, mailbox, dot item dot body. Esto básicamente te da, esperanza, perdón, artículo punto cuerpo. Esto básicamente
te da el contenido
del correo electrónico que el usuario
ha seleccionado actualmente. Pero es un método asíncrono, así que necesitamos poner
punto, conseguir un fregadero Bien. Va a ser un texto. Y vamos a
envolverlo en una función. Entonces lo vamos a poner
en función por aquí, lo que va a tomar en los resultados. Entonces tenemos que introducir
las llaves rizadas aquí Bien. Ahora bien, si eso fue confuso,
está totalmente bien. Tú solo honestamente, yo tampoco entiendo tan bien
JavaScript. Pero si conoces
JavaScript, eso es genial. Si no lo haces. Hay muchos recursos
en línea, pero esto es de nuevo, el contexto de este curso es para familiarizarte con cómo
conectar el chat GPT con
diferentes aplicaciones Entonces, lamento no poder
explicarte todo esto. Si tienes alguna duda,
puedes avisarme. Pero ese no es el alcance
de este curso de todos modos. Pero si quieres aprender
más JavaScript y hay un montón de contenido gratuito
para que aprendas eso, y sobre todo cómo funcionan las funciones
asincrónicas Bien, Perfecto. Ahora vamos a hacer
una declaración if aquí. Y lo que vamos a
decir aquí es si los resultados de que obtengamos este
órgano es exitoso. Entonces, si el estado del punto de resultado es como el estado resultado
asincrónico de punto de
Office, los puntos tuvieron éxito Entonces, si básicamente hubiera tenido éxito, entonces queremos hacer algo. Lo que queremos hacer
es que queremos que el cuerpo de
la variable sea igual
al valor de punto resultante. Ahora no tenemos definida una variable de
cuerpo, por lo que está en la parte superior
del cuerpo izquierdo es igual a
blanco por ahora. ¿Bien? Así que básicamente obtenemos cuerpo
va a hacer es que en realidad va a obtener el cuerpo del correo electrónico y luego asignarlo a una
variable llamada body. ¿Bien? Perfecto. Lo último que
queremos hacer es que
queremos otra función
asíncrona Sé que hay un montón de función
asíncrona decir, para realmente envolver
todo junto Entonces esa voluntad, pongámonos
en la parte superior también. Entonces se llamará a esta
función asíncrona. Veamos, resultados de salida. ¿Bien? Y esta función, nosotros no, esta función va a
tomar en el cuerpo también. Entonces lo que esto hará
es que primero registrará el cuerpo solo para asegurarme porque
quiero ver cómo se ve el
cuerpo, ¿ verdad? Entonces llamará a la función Azure
Run. Esperar, ejecutar Azure con el cuerpo. Entonces básicamente tomará
el cuerpo de get body, y luego
lo pasará para ejecutar Azure. Bien, que luego
llamará a la API, lo que
sea, lo que sea, y luego nos devolverá
la salida. Y lo pondremos en
la variable de respuesta. Y lo último que queremos
hacer aquí es que quieras consola dot log la
salida de eso. Entonces salida de punto de respuesta. Bien, Perfecto. Ahora, eso es básicamente
todo lo que tenemos que hacer aquí. Lo último que tenemos
que hacer es que necesitamos un impuesto de función para ejecutar
todas estas cosas. Entonces, al final, pongámoslo aquí. Esperar. Obtener cuerpo, por cierto, esperar es como llamas a las funciones
asincrónicas ¿Bien? Entonces esto es lo que
sucederá primero. Get body correrá, get body obtendrá
el contenido de la voluntad realmente obtener los contenidos del correo electrónico
que ha sido seleccionado. Y lo pondrá
en una variable llamada body, que luego lo hará, y me perdí el
paso, que
luego ejecutará resultados de salida. ¿Bien? Entonces vamos por
aquí. El resultado de salida luego
registrará ese
cuerpo para que podamos verlo. Posteriormente transferirá
ese cuerpo a la función ejecutar Azure. Ejecutar Azure tomará ese cuerpo combinado con los otros
parámetros que tenemos aquí, luego hacer una postsolicitud a esa función de Azure y luego obtener la respuesta y
ponerla en salida. Entonces pondremos esa salida
y la pondremos en respuesta. Y luego también registraremos la apertura
de esa respuesta. Y eso es lo
último por ahora. Por ahora, después haremos algunas cosas más
elegantes. Pero eso es todo lo que
va a hacer por ahora. Bien, Perfecto. Sigamos adelante y ahorremos. Y en el siguiente video hecho
ejecutaremos esto
y veremos cómo funciona.
25. Outlook: la conversión de respuestas en el complemento de Outlook: Bien, ¿estás emocionado?
¿Estás emocionado? Estoy bastante emocionada.
Bien, así que hemos guardado nuestro código,
hemos corrido nuestro código. Vayamos por aquí a nuestro
correo electrónico que he abierto. Y en vez de
éste, escojamos uno que donde haya muchos espacios y citas y
cosas malas y cosas así. Bien. Vamos a mostrar panel de tareas. A continuación, haga clic con el botón derecho
y haga clic en Inspeccionar. Iremos a consola y
veremos si esto funciona. Entonces yo mi consola por aquí, veamos si puedo acercarme,
en mi consola. Puedo acercarme un
poco. Ahí vamos. Bien, hagamos clic en Ejecutar. Entonces esto es lo que pasó, lo
cual es muy chulo. En primer lugar, registra el cuerpo. Este es el cuerpo
del correo electrónico, ¿verdad? Esto es exactamente
así por aquí. Luego tomó esa cosa que
olvidé para cerrar la sesión. Sí, solo voy a hacer esto con fines
instructivos. No necesito, pero esto es
bueno para que ustedes lo sepan. De hecho voy a cerrar la sesión, este tipo de aquí. Entonces déjame convertir esto
en otra variable. Tú haces, déjame poner esto en otras variables constantes. Así que el cuerpo constante json
es igual a este tipo. Y luego haré que el cuerpo de los otros parámetros igual a esa variable que
acabo de crear. Y luego, en realidad, vamos a cerrar la sesión. Console.log este
cuerpo JSON también. Bien, toma dos,
volvamos aquí. Haga clic en Ejecutar. Ahora la razón por la que quería
mostrarles eso es porque check,
check out lo que está haciendo el
código es que está tomando este correo electrónico es luego transferir esto
a un cuerpo de Azure. Lo siento, está convirtiendo esto en un cuerpo que la
función Azure puede tomar. Esto es exactamente
lo mismo que esto. Por aquí. Este cartero
solicita modelo prompt max. Entonces porque la temperatura,
pero el prompt es ahora resumir lo siguiente
y 50 palabras o menos Y luego da el correo electrónico, y nuevamente envía
todas las cotizaciones,
quita todos esos espacios, todo lo que
necesitas para espaciar. Luego lo envía a
nuestra función Azure, que luego envía a nuestra API y luego devuelve la respuesta. Entonces esto es directamente
de Chuck GBT. Básicamente se resume
ese correo electrónico completo y 50 palabras o menos, lo cual es increíble. Increíble. Bien, Perfecto. Ahora lo último que tenemos
que hacer aquí es que
básicamente necesitamos guardar
esto en alguna parte para que los usuarios
puedan verlo. ¿Correcto? Entonces sigamos
adelante y hagamos eso. Perfecto. Así que por aquí al final de
este resultado de salida, lo que vamos a hacer es que
no sólo vamos a registrarlo, sino que también vamos a
cambiar el HTML. Ahora ¿dónde queremos
guardar los resultados? Vamos a guardar el resultado donde veas descubrir
lo que puedas. Tal vez ahí no. ¿Qué tal
este HelloWorld también A lo mejor vamos a reemplazar
todo aquí con eso. Así que vayamos por aquí
y encontremos dónde está eso. Descubre lo que puedes hacer. Sí, honestamente,
reemplacemos el cuerpo de la aplicación, que es
todo esto de aquí con ese resumen. Bien, entonces cambiemos esto. Entonces solo necesitamos hacer una nota que a esto se le llama App body. La otra cosa es que
tenemos que hacer es
cambiaremos el nombre
del botón de R1 Para resumir este correo electrónico Bien, perfecto. Entonces nuevamente, queremos
reemplazar el cuerpo de la app. Entonces lo que hacemos en JavaScript es que JavaScript puede
interactuar con HTML. Entonces lo que
haremos es hacer un documento punto get elemento por ID. Y nuevamente, la idea
del elemento que queremos cambiar se llama
app dash body. Se puede ver por aquí. Cuerpo del tablero. Bien, perfecto. Ahora vamos a poner
en la app dot body. Vamos a cambiar
el HTML interno. Bien, perfecto. Y ahora vamos a
hacer algunas cosas aquí. Lo primero que
vamos a hacer
aquí es que básicamente vamos
a poner
algunas palabras en negritas Y las palabras en
negritas serán algo así como, aquí está el resumen,
resumen dos puntos Y luego vamos a
poner un salto de línea. Y luego finalmente, después de eso, en realidad
vamos a
poner en la respuesta. Así que vamos a poner en
respuesta salidas de punto. Bien, Impresionante. Vamos a hacer clic, Guardar en eso. Vayamos aquí a Outlook. Y hagamos clic en Ejecutar
y veamos qué pasa. Entonces esto ha cambiado
para resumir el correo electrónico. Vamos a hacer clic en resumir
el correo electrónico. Resumen Medio ambiente, Canadá, bla, bla, bla, bla, bla ¿No es eso tan genial? Ahora puedes hacer esto
con cualquier correo electrónico único. Ahora mismo. No
tengo muchos correos electrónicos, así que pruebo un poco el ancho Estos son todos un poco grandes, pero a ver si, a ver si puedo
resumir este correo aquí Mostrar panel de tareas. Resumir. Esto fue un error probablemente
porque hay muchas imágenes y cosas así que no hemos
manejado para eso. Esto es realmente bueno para los correos electrónicos
basados en texto, pero podemos hacer esto de nuevo Mostrar panel de tareas, resumir
este correo electrónico y ver eso. Se resume el correo electrónico para ti. Ahora, no
pienses solo en la app que hemos creado cosa
sobre las posibilidades. Ahora puedes crear una app
que lee un correo electrónico, hace algo con él, luego te da la respuesta de
vuelta en ese mismo agregado. Entonces puedes crear, por ejemplo, la app así que crearás
en secciones posteriores de este curso se
llamará cortésmente di no, que es una extensión de app realmente
genial donde si alguien te envía una solicitud o
algo por el estilo, simplemente
puedes hacer clic en un botón Se leerá el prompt de LCD de
correo electrónico, un trabajo GPT que dice,
oye, encuentra la manera de
decir cortésmente que no a este Y entonces
te devolveré esa respuesta. De hecho, también abrirá una
nueva amenaza de respuesta. Y poblará
nuestra respuesta al mirar lo poderoso que es
algo así Entonces, ¿qué obtienes solicitudes
que no quieres hacer? Simplemente puede hacer clic
cortésmente decir que no. Y lo hará todo
por ti usando el chat GPT. Ahí vamos. Así es como integras
Chat GPT, ancho. Perspectiva, increíble. Me aseguraré de publicar
todo este código para miembros premium y la
descripción a continuación.
26. Proyecto: configuración del entorno de Outlook.: Hola a todos. Vamos a crear una de mis aplicaciones favoritas. Ahora, yo personalmente en mi
trabajo de negocios uso mucho outlook. Envío mucho correos electrónicos. También tengo
mucho trabajo diurno donde
OBTENGO solicitudes de gerentes y
socios y cosas así. Y lo que puedes hacer
es usar el chat GPT para ayudarte a crear
respuestas a esos correos electrónicos Entonces la app que vamos
a crear se
va a llamar
cortésmente decir que no Ayuda a la gente
cortésmente a decir no a las solicitudes de gerentes
y socios Si tienes demasiado trabajo, si ya es como medianoche
y no quieres hacer más trabajo o así
sucesivamente y así sucesivamente. Es una
aplicación muy genial y en realidad es una
extensión de Outlook que es de gran utilidad. Bien, así que sigamos adelante
y empecemos a crearlo. Ahora, como vimos antes, cómo integrar Chat
GPT en Outlook, básicamente
necesitas tener algo como Visual
Studios en funcionamiento Debe asegurarse de
tener Node y NPM instalados. Entonces, si voy a mi terminal
y escribo npm, por ejemplo, debería responder
con algo positivo Perfecto. Y también debes
asegurarte de que tienes disponible. Entonces ese es yo justo ahí, y 0. Solo asegúrate de
tener esas cosas instaladas ya. Si no vuelves atrás
y realmente vuelves a mirar la documentación y mirar los otros
módulos que hemos ejecutado, particularmente donde
integramos el chat debería ser t con Outlook. Bien, abramos una nueva terminal nueva y fresca.
Cierra el viejo. Lo primero que tenemos que
hacer es crear un proyecto de oficina yo. Entonces voy a escribir en
la terminal yo oficina. Y por supuesto Alaska me
unas preguntas para ayudarme a
configurarme . Alaskan yo Bien. ¿Qué tipo de proyecto
quieres crear? Bueno, queremos
crear una oficina, agregar en un panel de tareas. Perfecto. No nos pregunta básicamente ¿qué idioma
queremos usar? ¿Queremos usar
JavaScript o TypeScript? Déjame ir por aquí. ¿Por qué no funciona?
Ahí vamos, JavaScript. ¿Cómo queremos
nombrar nuestro anuncio y llamémoslo cortésmente Di que no. Entonces qué aplicaciones
cliente nos gustaría soportar, qué queremos soportar outlook. ¿Bien? Ahora, dependiendo de
donde hayas hecho eso, deberías poder tener una carpeta que se
crea automáticamente para ti que
se llama en este caso, cortésmente di que no, deberías
poder abrirla Y actualmente se está
llenando con todos los archivos que
necesitarás para tu proyecto. Entonces vamos a darle un minuto a eso. Está tardando un tiempo
más de lo habitual. Bien. Perfecto. Ahora lo siguiente que tenemos que hacer aquí es asegurarnos de que nuestro terminal esté dentro de
la carpeta que se acaba de crear
en su terminal. Vaya por aquí y haga clic en C, D, y luego vaya a decir
cortésmente que no Y perfecto. Ahora estás en
27. Proyecto: modificaciones al front-End: Oye, perfecto. Ahora que ya tenemos nuestros
proyectos establecidos, hagamos algunos cambios en él. Vamos, primero que nada
entrar en el código fuente, luego entrar en el
archivo HTML en el panel de tareas. Y editemos algunas cosas. Entonces vamos a cambiar
esto para decir cortésmente decir que no, porque, bueno,
así es como se
llamará nuestra aplicación Nos quedaremos con el resto
de estas cosas y solo como referencia. Pero hagamos clic en Guardar en eso. Y de hecho
volvamos aquí
y comencemos nuestra aplicación. Y haces eso
tecleando en npm start. Si, si te olvidaste
del módulo, eso te abrirá
algunos certificados, pregunta, no
tienes que hacer clic en
Ok en él, por ejemplo. Y entonces debería
abrir una nueva app de perspectivas. Y ahora puedes entrar aquí, ir a mostrar panel de tareas. Y verás tu
solicitud por aquí. Y ahora podemos hacer algunos
cambios a esto, ¿no? Entonces, por ejemplo, si
volvemos aquí, donde quiera que diga bienvenida, probablemente
deberíamos
cambiarlo por otra cosa. Entonces cuando aquí, por ejemplo, cambiemos eso por
el nombre de nuestra app. Cortésmente diga que no. Y si haces clic en guardar control S, deberías ver este
cambio al instante. Hagamos también algunas otras
cosas. Volvamos a entrar aquí. Y vamos a
dejarme ver por aquí, descubrir lo que los
complementos de Office pueden hacer por usted Cambiemos eso a otra
cosa también. Genera respuestas profesionales. Mientras decía No. Bien, Perfecto. Sigamos adelante y hagamos
clic en Guardar en eso. Impresionante. Y ahora lo último que
debemos hacer es que deberíamos
deshacernos de todas estas
viñetas características aquí. Los mantendré adentro por ahora
porque es posible que queramos, o quizás quieras
llevar esta aplicación más allá y hacer
algunas cosas aquí. Pero por ahora
sólo vamos a cambiar eso. Por último, lo que vamos a
hacer es que vamos a decir por aquí, este comando de ejecución. Vamos a cambiar esto
para decir generar, responder. Perfecto. Bien, ahora hemos modificado
el front-end de la aplicación a lo que
queremos que se vea. Impresionante. Ahora vamos al JavaScript. Las cosas que dan miedo, Impresionante
28. Proyecto: aplicación de una función de ChatGPT en el final: Ahora sigamos adelante y programemos el back end de
esta aplicación. Algunas cosas que debemos
tener en cuenta. Entonces, lo que básicamente queremos haga
outlook es cuando abrimos Outlook y cuando
abrimos este mensaje, por
ejemplo, bueno, cuando
hacemos clic en Generar respuesta, debería hacer algunas cosas. Primero, debería leer
el, leer la respuesta. Eso es bastante obvio, ¿verdad? En realidad debería
leer la respuesta. Luego debería hacer una solicitud a nuestra API sin servidor que
hicimos llamada API de finalización Déjame ver si puedo encontrar a
ese tipo por aquí. Y por aquí. En realidad debería
seguir adelante y hacer, perdón, no este de
aquí, este de aquí. Debería seguir adelante
y el prompt debería ser algo así como leer este correo electrónico y encontrar una buena manera decirle que no a este
correo profesionalmente. Luego debería tomar
esa respuesta a
ese mensaje y luego hacer clic en responder y pegar ese
mensaje aquí. Entonces todo lo que necesitas hacer es
revisar y luego hacer clic en enviar. Ahora esos son muchos
pasos, pero no te preocupes, lo
desglosaremos a medida que vayamos
a Visual Studios
y lo tecleemos. Bien, Perfecto. Lo primero que tenemos
que hacer es que necesitamos una función que obtenga el
cuerpo de un correo electrónico, correcto. Y esa va a ser una
función asíncrona porque en JavaScript por alguna razón
todo es Entonces voy a poner en tu
función asincrónica get body Y aquí
lo vamos a poner en algunas cosas. Lo primero que vamos
a hacer es que vamos a
llamar al contexto de punto de oficina, buzón de
punto, elemento de punto, cuerpo de punto. Got, get método asincrónico. Lo que esto hace es que en realidad te
da el texto del cuerpo. Y eso va a
ser en forma de texto. Y vamos a hacer un análisis de
eso con una función. Y le daremos los resultados del
argumento. Perfecto, Bien, Lo siguiente
que tenemos que hacer es verificar si básicamente hacer esta acción realmente resulta en un éxito. Porque a veces hay
errores que ocurren. Así que tenemos que hacer
por aquí es decir, si los resultados punto, lo siento, resultado punto estado
más bien es igual a office punto asincrónico resultado
estado punto punto éxito Bueno, entonces, genial. Ahora en realidad podríamos
hacer algo. Otra vez. Necesitamos esta condición si porque si esto
no tiene éxito, debería detenerse ahí mismo porque no queremos
enviar basura a la API porque nos cuesta
dinero cada vez que hacemos eso. Así que lo siguiente que vamos a
hacer aquí es que vamos a establecer una variable llamada body. Vamos a hacer que sea
igual al valor de punto de resultado. ¿Bien? Y yo sólo voy a
hacer algo como esto. Y entonces vamos
a básicamente, bueno, en realidad solo
pongamos eso por ahora, pero ahora tenemos acceso a la
cadena corporal real por aquí. ¿Bien? Perfecto. La siguiente función que
quiero crear es la función que
realmente ejecutará la API. ¿Bien? Entonces lo que voy a hacer
aquí es que voy a crear otra
función asincrónica llamada Ejecutar API Ahora bien, esta función
hace algunas cosas. Lo primero que hace
es que básicamente usa la función fetch JavaScript con la URL y los parámetros
de entrada Pero antes incluso de hacer eso, necesitamos definir cuáles son
esos parámetros. Entonces tenemos un
parámetro llamado URL, que es lo mismo nuestras
peticiones URL carteros por aquí Nuevamente, ahí es donde se establece nuestra API
sin servidor. Entonces también necesitamos
definir un archivo JSON de cuerpo, que será equivalente a
este cuerpo de solicitud de aquí. ¿Bien? Entonces es igual. Y entonces vamos a, tenemos que hacer es que
voy a copiar y pegar todo
esto aquí. Y luego realmente necesito hacer lo molesto
de
retroespaciar todo para
asegurarse de que esto se ponga
todo en una línea. Bien, Perfecto. Entonces eso es todo hasta el momento. Simplemente lo mantendremos así por ahora y
lo cambiaremos para asegurarnos de
que realmente acepte el parámetro
body después. ¿Bien? Perfecto. También necesitamos configurar
algunos otros parámetros. Así que vamos a configurar otra
variable por aquí, que va a ser
igual a un objeto json, donde el cuerpo se
define como body json. Y el método es una solicitud de correos porque todas estas son solicitudes
de correos. Entonces finalmente vamos
a usar la función Fetch. Así que vamos a buscar la
respuesta de esta URL dados estos parámetros que hemos
proporcionado, es increíble Y tenemos que asegurarnos de
que también definamos esto. Tenemos que poner un peso
por aquí porque sabemos fetch sí mismo como una función
asincrónica, tenemos que asegurarnos de que
pones esperar Bien, perfecto. Ahora, la respuesta solo
nos da la respuesta HTTP real. Tenemos que extraer el
texto de esa respuesta. Así que vamos a crear
otra variable llamada output. Y vamos a
hacer eso igual para esperar respuesta de
texto de punto de respuesta. Nuestro texto es también una función
asíncrona. Por lo que también hay que
poner un peso aquí. Y entonces
lo último que
hace esa función es que
básicamente devuelve la salida a quien
llamó a la función. ¿Bien? Perfecto. Ahora bien, esas son realmente las dos funciones clave que
queremos poder crear. Ahora mismo, necesitamos casi una función de arquitectura
para juntar todo esto. Entonces lo que vamos a hacer
aquí es que vamos a crear
otra función asíncrona
porque claramente nos encantan las funciones
asíncronas
y veremos algo
así como ponerla todo otra función asíncrona
porque claramente nos encantan las funciones
asíncronas
y veremos algo así como ponerla Bien, perfecto. Ahora bien, lo que vamos a hacer
aquí son algunas cosas. Lo primero
que haremos es,
bueno, en realidad necesitamos sacar
el cuerpo de esto, ¿verdad? Entonces lo que podemos hacer
aquí es dejarme ver por aquí. Perfecto. Lo siento, solo estoy
un poco perdido por aquí. Bien, perfecto. Así que ponlo todo junto.
Entonces, ¿qué tenemos que hacer? Bueno, lo primero que tenemos que
hacer es conocerte obtienes el cuerpo. Entonces vamos a decir que el
cuerpo es igual espera, consigue cuerpo. Y eso lo pondrá en
una variable llamada Body. Entonces tenemos que pasar eso a esta
función asincrónica de aquí Entonces, en la
función asíncrona en una API, pongamos un argumento
llamado body En este momento no lo vamos a usar, pero solo
lo mantendremos aquí todavía. Y vamos a decir aquí,
la respuesta es igual. Así que vamos a decir dejar
respuesta más bien, porque esta es una nueva variable
igual espera ejecutar API. Y tenemos que
pasarlo en el cuerpo. Entonces obtenemos el cuerpo y luego lo
pasamos a respuesta. Por ahora lo que
haremos es cerrar la
sesión para asegurarnos de
que esto funcione. Bien. Así que eso fue mucho y definitivamente no
hemos terminado, pero creo que ese es un
buen punto de parada. Y deberíamos simplemente depurar
este código y ejecutarlo para asegurarnos de que
realmente está funcionando antes de continuar. Sólo para que no tengamos que
ir todo el camino atrás si cometemos algún error. ¿Bien? Y esto es solo el proceso de
desarrollo. Va a haber errores. Pero es bueno depurar y probar temprano para
asegurarse de que si falla, realmente lo sabes. Impresionante.
29. Proyecto: modificación de los aspectos de los aspectos para procesar el cuerpo de correo electrónico: Bien, ahora sigamos adelante y
probemos y verifiquemos que todo esté funcionando
como debería Entonces nuevamente, tenemos tres funciones
asincrónicas por aquí. Ahora mismo si hago clic en ejecutarlo, nada va a pasar realmente. Todo lo que va a pasar es que estas funciones
quedarán definidas. Entonces, lo que tenemos
que hacer es llamar
realmente a esta función. Vamos a ir por aquí y escribir
en esperar y luego poner en, ponerlo todo junto. ¿Bien? Entonces lo primero
que hará es que
llamará a la función get body, que devuelve un cuerpo. ¿Bien? Claramente hay algo que no hice correctamente por aquí. Ese es mi mal. Lo que debemos hacer en cambio, ya que estamos llamando
para tratar de sacar una variable, solo
podemos entrar aquí
y escribir cuerpo de retorno. Bien, vamos en realidad
console.log el cuerpo también. Entonces recibiremos el
cuerpo del correo electrónico. Luego pasaremos
eso a la API de ejecución. Así que asegúrate de tener cuerpo
aquí en la API Run. Puede que no lo haya
tenido antes. Accede a la API. Luego da una respuesta de
vuelta y salida. Ponemos eso en una
variable llamada respuesta, y luego
nos aseguramos de hacer esto también. Queríamos registrar
no la respuesta, sino la salida de la duda de respuesta, que de hecho es la
respuesta punto txt. Bien, sigamos adelante
y hagamos clic en Guardar. Abramos nuestro correo electrónico. Hagamos clic derecho
y vayamos a Inspeccionar. Podemos ver
que todo sucede como debería. Y luego haremos clic en
Generar respuesta. Y veamos cómo se
apagan los fuegos artificiales o se
equivocan, ya veremos, bien, aquí
hay un problema porque claramente tenemos un indefinido. Entonces tenemos que seguir adelante
y resolver eso. Y la razón por la que tenemos
un indefinido, creo, es porque
aquí estamos
haciendo referencia a una variable que realmente no se puede ejecutar La razón por la que no se puede ejecutar es
porque a veces no puedes regresar de una función
asincrónica Entonces para probar esto, lo que podemos hacer es que podamos console.log el cuerpo mientras
esté dentro de esta función aquí. Así que volvamos aquí. Volveremos y abriremos
nuestra consola y nuestro correo electrónico. Y haremos clic en
Generar respuesta. Y ahora en realidad podemos
ver la respuesta. Entonces, lo que tenemos que hacer es perder el tiempo o
funcionar un poco, pero eso está completamente bien. Bueno, tenemos que hacer por aquí es esta cosa en realidad debería
llamar a la función ejecutar Azure. ¿Bien? Entonces lo que vamos a hacer
aquí es que vamos a hacerlo, en lugar de regresar o
ralentizaremos el registro de puntos de consola. Pero en realidad
haremos esto por sí mismo, ejecuta nuestra función put it
all together, que luego seguirá
adelante y ejecutará una función API. ¿Bien? Entonces es un poco confuso, pero a veces hay que hacer esto. Personalmente odio JavaScript, pero desafortunadamente
tienes que usar JavaScript si estás creando extensiones de
Outlook. Bien, así que sigamos
adelante y hagamos eso. Entonces, en vez de todo
este tipo de cosas aquí, lo que
haremos es hacer que este disparador, lo
armaremos todo, lo
pondremos todo para llegar ahí. Bien, perfecto. Y vamos a pasar a él, el cuerpo, ponerlo en conjunto, entonces
recibirá el cuerpo. Esto ya no
tiene sentido por aquí. Sin embargo, seguiremos registrando
el cuerpo y eliminaremos
el registro de aquí. Después de eso, crearemos otra variable
llamada response, que básicamente activará esta función que nuevamente
devuelve la respuesta. Vamos a poco, todavía
básicamente vamos a dar salida a esa respuesta. Entonces lo único
que ha cambiado aquí es la función que primero se
ejecuta es obtener cuerpo. Así que consigue cuerpo primero es ejecutado. Obtiene el cuerpo del correo electrónico. Entonces llama a esta función
llamada ponerla todo junto. Ponlo todo junto, toma eso, básicamente lo desconectas, luego envía esa variable
a la disfunción, que básicamente envía
ese prompt a la API, que luego devuelve una respuesta. Recuperamos la respuesta
y la desconectamos. Bien, sigamos adelante
y guardemos eso. Y ahora prueba eso también. Así que bajaremos aquí y daremos
clic en Generar respuesta. Perfecto, pero tienes
exactamente lo que queríamos. Ahora, tal vez te estés
preguntando, ¿por qué lo hice de esta manera?
Bueno, voy a ser honesto. Me preparo mucho
para estas lecciones, pero en realidad
también
lo hice de esa manera y encontré este
error y luego lo arreglé. Pero la razón por la que lo
hice, de nuevo, propósito para ustedes, es para asegurarse de que entiendan
que estos errores sí Y necesitas ser flexible
en tu código porque eso te
ayuda a encontrar errores y
depurar y cosas así. Y el proceso de búsqueda de
errores y depuración es casi tan valioso como el
proceso de creación de ese código Entonces por eso hice eso. Y créeme, habrá
más errores a medida que vayamos atravesando. Pero no te preocupes, nosotros siempre, siempre los resolveremos juntos. Bien. Impresionante.
30. Proyecto: inclusión en las cajas: Muy bien a todos, estamos muy cerca de terminar
esta aplicación. Ahora bien, lo que tenemos que
hacer es que básicamente tenemos que ir a
este correo electrónico de aquí. Y una vez que hago clic en
generar una respuesta, en realidad
hace clic en
responder por mí y luego ingresa en ese texto
la respuesta aquí. Y entonces todo lo que necesito
hacer es
mirarlo visualmente , confirmar que
todo está bien. Y luego haz clic en Enviar. Bien, así que sigamos
adelante y hagamos eso. Ahora, en JavaScript,
hay muchas bibliotecas para cosas tipo
office. Por ejemplo, contextos de
punto de Office. Voy a enviar por correo ese elemento se refiere
al elemento que se
encuentra actualmente aquí. Entonces cuerpo punto, punto obtener asíncrono
obtiene el texto del cuerpo. Entonces, lo que queremos hacer aquí es crear por
aquí una constante,
una variable llamada item
que es igual a este ítem. ¿Bien? Lo que haremos entonces es después de que
todo esté dicho y hecho, después de que
consigamos el cuerpo, luego obtenemos la respuesta y registramos la
respuesta se hará. Lo que quiero hacer es que queremos
tomar ese artículo y queremos mostrar un formulario de respuesta. Bien, entonces esto mostrará esa cosa de respuesta de la que
hablamos. Este es básicamente
tu formulario de respuesta. Y luego queremos
llenarlo con la salida de log de
la, de la API Queremos poner ahí la
respuesta. Así que haremos el ítem punto
display ready form. Y luego ponemos en las salidas de puntos de
respuesta. Y realmente, eso es todo. Eso es todo lo que tenemos que hacer. Vamos a hacer clic en Guardar en eso. Vayamos por aquí. Y ni siquiera voy a
abrir los archivos de registro. Sólo voy a ir por aquí
y dar clic en Generar respuesta. Y mira eso. Mira lo increíble que es eso. Acaba de generar esto
para mí, Querido Henry. Gracias por
considerarme para esta tarea. Desafortunadamente, bla, bla, bla, bla,
bla, bla, bla, bla. Creó nuestra respuesta para mí. No sólo eso, sino
que también generó una caja de respuesta y la
metió por mí. Entonces todo lo que tengo que hacer
es mirar esto. Estoy contento con ello
y luego haz clic en Enviar. Se. ¿Eso es fácil? Eso es. Esa es la aplicación
de aquí. Ahora en algunos videos, podríamos hablar de
cómo extender realmente esta aplicación para
hacer cosas más interesantes. Pero ahí vamos. Esa es la aplicación
llamada cortésmente decir que no. Básicamente puedes
abrir cualquier correo electrónico, clic en Generar respuesta, y te dará una buena respuesta que
también haga
referencia a la tarea y te la dé de
una manera profesional y muy
apropiada. Impresionante
31. Proyecto: extensión de aplicaciones con opciones de estado de ChatGPT: Hola a todos. Ahora vamos a
dar esto un paso más allá. Digamos que si el usuario quiere, en lugar de crear
el estándar respondió que normalmente se ve
con esto, ¿verdad? Así que de nuevo, si voy por aquí
y hago clic en Generar respuesta, me
va a dar una respuesta muy
estandarizada, pero no me dará cosas como la razón por la que no puedo hacerlo. O tal vez ofreciendo alternativas
o algo así. Es posible que desee
modificar la respuesta que genera en función de
cosas sobre usted. Por ejemplo,
probablemente me gustaría responder a esta solicitud diciendo que no
puedo hacerlo para mañana, pero probablemente pueda hacerlo
antes miércoles o
viernes o cuando sea. Entonces no quieres simplemente
decir que no. ¿Quieres decir que no? Entonces pongamos eso en nuestro contexto aquí. Bien, vamos a tratar de hacer eso. Lo primero que tenemos que
hacer es poner en un cuadro de texto para que un usuario
ponga esa instrucción. Bien, entonces estoy en mi
HTML por aquí. Y justo por encima de esta división
que dice botón de rol div. Voy a poner en esta
línea de código por aquí. tipo de entrada es igual al texto, id es igual a otras notas, nombre es igual a otras notas. Esto, si yo, después de hacer clic en Guardar,
generaré un cuadro de texto para
mí que pueda escribir en otras notas Lo que voy a hacer aquí en la parte superior aquí, incluso
voy a decir, ya
sabes, poner en, poner
notas adicionales. Y yo también me desharé de
esta cosa de correr. Entonces haré clic en Guardar en eso. Y por aquí vemos poner
en notas adicionales. Perfecto. Ahora lo siguiente que
tengo que hacer es tomar eso e incluir
lo que el usuario haya
escrito aquí en un error. Bien, así que sigamos
adelante y hagamos eso. Iré a mi JavaScript. Y lo que voy a hacer aquí, solo para asegurarme de que
esto funcione correctamente, es cuando alguien ejecuta
este cuerpo de función, porque el cuerpo del
correo electrónico, lo que sea, lo que sea antes de que ejecute la API, en realidad
vamos a
asegurarnos de que podemos acceder al valor que el
usuario ha escrito aquí Ahora como hacemos eso se llama document dot get element by ID. Así que estamos obteniendo un
elemento en particular en la página HTML. En este caso, se va a llamar ¿cómo lo
llamamos aquí? Otras notas. Entonces ese es
el elemento get por ID, el ID es igual a otros nodos. Le nombramos otras notas. Entonces vamos a
entrar aquí y poner,
bueno, ya lo adivinaste, sus notas Entonces queremos el valor de la
propiedad de eso. ¿Bien? Ahora lo que queremos hacer
por aquí, antes que nada, es simplemente cerrar la sesión
solo para ver si funciona. Solo para nuestros propósitos por aquí. Así que vamos a seguir adelante y
haga clic en Guardar en eso
luego volverá a nuestro macho, luego
dirá, gotcha
y haga clic en Aplicar Y deberíamos ver en el registro
real de esta consola, deberíamos ver gotcha, aquí
mismo para perfeccionar Entonces, ¿qué es el registro correctamente? Así que volvamos. Y lo que queremos hacer aquí
es crear una,
otra variable. Aquí, crearemos
otra variable llamada let. El otro Haram igual. Perdón, ¿estos son los otros
nodos, otras notas? Sí, Perfecto. Igual a
este valor aquí. Perfecto. Y lo que vamos a
hacer es que vamos a poner en las otras notas aquí dentro, así vamos a decir responder al
siguiente correo electrónico, cualquier proporcionar manera educada y
profesional y responder al siguiente correo electrónico
y cortésmente
y
profesionalmente decir que no Con esto en mente. Y entonces básicamente pondremos
nuestras cosas por aquí. Y voy a poner en la
variable que acabamos crear llamada otras notas. Bien, perfecto. Entonces respondió al
siguiente correo electrónico y cortésmente y profesionalmente
decir que no con esto en mente que las otras notas
pueden ser algo así como 0, ofrecer una alternativa o decir
que lo harás antes del viernes Y luego en realidad vamos a
dar el correo electrónico después de eso. Bien. Ahora solo para especificar
para que sea prompts, pongámoslo en un
periodo por aquí y luego digamos que el correo es y luego
proporcionará el correo electrónico Bien, perfecto. Vamos a hacer clic en Guardar en eso. Vayamos aquí
al correo electrónico real. Y vamos a probar esto. Se abrirá la inspección. Pues pues da click por
aquí, genera respuesta. Y veamos, antes que nada, veamos a este
tipo de aquí. Respondo al siguiente profesional de
desigualdad. Entonces ya sabes, con esto en
mente, nada es ahora mismo. El correo electrónico es bla,
bla, bla, bla, bla. Entonces obtenemos lo mismo
que teníamos antes. Bien, tan perfecto.
Eso sigue funcionando. Pero ahora pongamos
algo más que diga esto en mente. Puedo hacerlo antes del viernes por la noche. Si eso está bien. Bien. Sigamos adelante y haga clic en
Generar respuesta ahora. Y ahora podemos ver que el JSON también
ha cambiado también. Podemos ver por aquí
que dice el Json, yo puedo hacer esto. Podría hacerlo para el viernes por
la noche si está bien. Y ahora la respuesta
también ha cambiado. Entonces si miro mi correo electrónico, ahora
dice,
Gracias por contactarte. Desafortunadamente, no puedo
completar la presentación del pitch. Puedo hacerlo el viernes
por la noche Si está bien. Perfecto. También puedo dar otras
instrucciones. Derecha. Puedo decir algo como que puedo poner a mi amigo
debajo del autobús, ¿verdad? Puedo decir algo como Bob. Bob probablemente tiene capacidad. Capacidad. Sugerirle algo así. A ver si eso funciona. Así que hagamos clic en Generar
contestación para tus solicitudes. Desafortunadamente, no soy capaz de hacerlo. mí me gustaría hacer aquí es
que sugiero que
se ponga en contacto con Bob ya que puede
que tenga la capacidad. Mira ese gráfico. Gpt lo hace de una manera tan
profesional y agradable. Te sugiero que te pongas en contacto con Bob ya que puede que tenga la
capacidad de completar la tarea. Eso es increíble. Bien, ahora la
forma final la puedes probar,
pero a veces chatear GPT
tipo de bloques lo es Volvamos al
mensaje real y me he vendido, se ve Abierto ahora así de salvaje. Volvamos al
mensaje de aquí. Y en lugar de
escribir esto,
digamos, dilo de una manera muy educada A ver si eso funciona. Ya. Api. Eso es increíble. ¿Ustedes vieron eso?
Contestó, Déjame ponerme un grande más grande No, no
puedo crear la presentación de
pitch para Henderson archivos míos YO SOY
mañana. Ya es APM Eso es genial. Derecha. Porque ahora también puedes
tener diferentes estados de ánimo No, no puedo. Lo siento. En cambio, si estás diciendo que es alguien
que realmente te gusta, puedes decir lo muy
apologético y agradable Di que le voy a deber una. Hola. Hola, lo siento. Entonces ahí está la palabra perdón. Ahora, tengo miedo de todos, vamos a crear la presentación de
recámaras Sé que este es un plazo apretado. Pido disculpas
por no poder ayudar. Te voy a deber uno por
esto. ¿No es eso tan genial? Simplemente reconoce
lo que hay que hacer. Y nuevamente, usando el chat GPT, puedo seguir adelante y hacer clic en Enviar Y no necesito
preocuparme por qué escribo, ¿cómo lo escribo, verdad? Es increíble para ese concepto. Bien, perfecto.
32. Comienza a trabajar con tu proyecto: Bien, entonces ahora que has pasado
por todo el curso, es proyecto haciendo tiempo. En este punto, quiero que todos los
presentes creen una aplicación rápida e inteligente
usando chat GPT, y otra aplicación
de su elección Ahora obviamente puedes
usar Outlook porque eso es lo que
usamos en el curso. No hace falta hacer algo que sea respuesta a los correos electrónicos. Incluso puedes hacer
algo, por ejemplo, que resuma correos electrónicos o
que traduzca el correo electrónico al francés o al español o lo que quieras
usarlo con chat GBT Pero hay algunas
otras ideas que he publicado aquí de las que he
hablado antes, charlé con BT y Excel, graficar GBG e irritable, y así sucesivamente
y así sucesivamente Una nota rápida también. Después de hacer esto, publique una captura de pantalla y un
resumen rápido de la aplicación. Lo creas en la galería de
proyectos a continuación. Para que todos podamos ver el increíble
trabajo que has hecho. Impresionante