Transcription
1. Introduction: Vous avez entendu parler de
Schottky Beauty et vous l'aimez. À présent, vous souhaitez intégrer la technologie dans une
solution ou une application. Supposons que vous souhaitiez créer une extension Outlook
qui utilise le chat GPT pour générer des e-mails que
vous
ne souhaitez pas écrire vous-même Eh bien, tu as de la chance. Dans ce cours, vous
allez apprendre à utiliser le chat cheap, Teeth et des modèles de langage d'IA
avancés pour créer des applications
intelligentes capables répondre à une variété
de demandes différentes. Que vous soyez débutant,
pratiquant du sport ou professionnel
chevronné. Ce cours vous
donnera les outils nécessaires pour intégrer Chat GPT vos
applications quotidiennes et faire passer votre productivité
au niveau supérieur Bonjour, je m'appelle Henry et je suis ravi
d'être le formateur ce cours. J'ai
plus de dix ans d' expérience en tant que
consultant en données et formateur en IA Je suis passionné par le fait de partager
mes connaissances avec des personnes du monde entier
et de les aider à faire des choses incroyables avec l'IA. Dans ce cours, vous
apprendrez comment
intégrer vt à d'autres plateformes et
applications telles qu'Outlook. Créez même votre propre application de
chat GPT, répondez aux e-mails
en votre nom Ce cours est parfait pour quelqu'un qui souhaite
apprendre à créer de
grandes
applications intelligentes à l'aide chat GPT à partir de zéro Que vous soyez un programmeur
débutant un
utilisateur expérimenté du chat GPT, ils acquerront les connaissances et compétences dont vous avez besoin pour faire passer vos projets
de productivité au niveau supérieur Grâce à des instructions détaillées
et à des conseils d'experts, vous apprendrez à utiliser
Traction e t pour créer des applications
réactives et
puissantes capables de transformer votre
façon de travailler et de jouer. Tout au long du
cours, vous apprendrez les bases de chat GET, notamment comment utiliser son API pour créer des réponses à
diverses demandes. Nous apprendrons également comment
intégrer Chat GET d'autres plateformes et
applications telles qu'Outlook. À la fin du cours, vous aurez les compétences et les connaissances nécessaires pour créer
votre propre application Check CPT capable répondre aux e-mails en votre
nom À la
fin de notre projet de classe, vous allez également
créer votre propre
application OPT. Alors êtes-vous
prêt à créer
des
applications intelligentes à l'aide de chat GET ? Alors rejoignez-moi dans ce
cours et
construisons ensemble des
choses incroyables. Rendez-vous en classe
2. Synopsis du projet: Bonjour à tous Maintenant, ce cours
ne serait pas complet sans parler
d'un projet de classe. Donc, à la fin de ce cours, je veux que tous ceux qui suivent
ce cours créent essentiellement
une
application intelligente rapide à l'aide chat GBT et de l'application
de leur choix Dans ce cours, par exemple, il associera
Church BT à Outlook pour créer un répondeur de
courrier électronique Mais vous n'êtes pas
obligé d'utiliser L Look, vous pouvez utiliser de nombreux
types d'applications différents. Voici quelques idées. Par exemple, vous pouvez
combiner Charged Excel pour créer une
application qui génère
automatiquement des informations, des recommandations ou des descriptions
en fonction des données saisies. Vous pouvez mélanger le chat, le GPT
et l'irritable. Cela donne essentiellement des descriptions de
produits ou des publications sur les réseaux
sociaux pour un produit donné en fonction des
attributs
stockés dans Air Table. Un autre exemple très simple
et rapide de ce projet est la combinaison du
chat GPT avec Power Automate Créez donc un flux de travail simple qui répond
automatiquement aux demandes des
clients
ou aux tickets d'assistance. Une plateforme de
type service client, non ? Encore une fois, ce ne sont
que différentes manières combiner le chat GPT avec ces autres applications pour
créer des
applications intelligentes à partir de zéro Enfin, à propos du partage de votre travail après avoir créé
une application. Ensuite, veuillez le publier dans la galerie de
projets ci-dessous. Publiez une capture d'écran et un bref
résumé de l'application que vous avez créée et des applications que
vous utilisez pour créer l'application. OK, Génial.
3. Environnement : création de compte API OpenAI: Une chose que nous devons absolument
faire maintenant est de nous
inscrire pour obtenir une
clé d'API avec OpenAI Cela nous permettra de communiquer avec les serveurs
d'Open AI et de fournir
des instructions à leurs modèles de langage
tels que Da Vinci ou Ada Et nous pouvons facilement obtenir
des réponses. Donc, ce que nous allons faire
ici, c'est cliquer sur
le bouton de l'API. Je suis en train d'ouvrir ai.com en ce moment. Je vais voir si je peux
zoomer un peu plus. Laissez-moi accéder à l'API, puis je vais m'
inscrire ici. D'accord. Maintenant, je vais juste m'
inscrire avec mon compte Microsoft. C'est à vous de décider. Si
vous souhaitez créer un compte, vous n'êtes pas là. Mais ce dont vous avez besoin,
c'est que vous avez réellement besoin d'un numéro
de téléphone valide pour envoyer des SMS. Je me suis donc connecté avec
mon compte Microsoft, mais il me demande de
vérifier mon numéro de téléphone. Donc, ce que je vais simplement faire c'est prendre cet onglet, déplacer hors de l'écran juste parce que je vous aime tous, mais je ne veux pas que vous
ayez mon numéro de téléphone. Je vais saisir
mon numéro de téléphone pour le valider. Parfait D'accord. Je suis juste en train de le valider. Donne-moi juste quelques secondes. D'accord ? Maintenant, il vous pose quelques questions comme comment utiliserez-vous
principalement Open It AI ? Honnêtement, cela n'a pas
vraiment d'importance. Je dois juste dire
que j'explore une utilisation personnelle de
mon compte Open AI. Parfait, et maintenant
vous êtes dans l'API. C'était aussi simple que cela. Maintenant, nous allons passer en revue
ces choses plus tard. Mais ce qui est très cool, c' est que vous pouvez cliquer sur Playground, en ayant accès
à l'intégralité du chat GBT,
Open AI, Dolly, n'importe quel
modèle de votre choix à partir d' Et vous pouvez également
modifier les paramètres. Vous pouvez modifier la température, nombre maximal de séquences
d'arrêt du mélange, et bien d'autres choses
qu'il est important de connaître. Et comme vous pouvez le voir ici, vous pouvez parcourir différents modèles,
tous les différents modèles de GPT-3,
tous les différents modèles de codecs Et je ne sais pas pourquoi
Dolly est là, mais elle est quand même disponible dans l'
API, donc tout va bien OK, parfait. Nous avons donc maintenant une API. Maintenant, pour obtenir votre clé d'API, ce qui est la chose
la plus
importante dont vous avez besoin dans
ce processus, c'est si vous allez ici,
je crois que c'est personnel, et que vous cliquez sur Afficher les clés d'API. Juste ici. Vous cliquez sur
Créer une nouvelle clé secrète. Une fois
que vous l'aurez fait, il
vous donnera essentiellement quelque chose à copier, mettre dans un bloc-notes
juste pour que vous l'ayez,
car nous ferons en sorte
de l'utiliser à nouveau Et nous l'appellerons clé d'API
Open AI. Génial
4. Environnement : créer un compte Azure: Très bien, la prochaine
chose que nous allons faire est de créer
un compte Azure Et si nous devons
créer un compte Azure, c'est parce que nous voulons
utiliser Azure Functions. Azure Functions est très cool. Ils vous permettent essentiellement d' exécuter du code sans
avoir de serveur. Notre application nous oblige donc à nous connecter à l'API d'Open AI, n'est-ce pas ? Et il a besoin d'un ordinateur ou
d'un serveur pour le faire à notre place. Historiquement, il
vous faudrait acheter un ordinateur,
essentiellement sur le Cloud ou
physiquement, et faire acheter un ordinateur,
essentiellement sur le Cloud ou
physiquement, essentiellement sur le Cloud ou en sorte
que cet ordinateur soit
celui qui enverra un ping à l' celui qui enverra un ping API d'
Open AI et obtiendra
les invites et les réponses Mais avec le cloud computing
et Azure, nous pouvons simplement configurer ce que l'
on appelle les fonctions Azure. En gros, nous pouvons dire à Azure
Functions chaque fois
que
vous recevez un ping, vous devez envoyer ce ping à OpenAI, envoyer l'invite, récupérer la réponse,
puis l'afficher sur l'application Et tout est géré
via Azure Functions. Encore une fois, vous pouvez passer par
ici et en savoir plus à ce sujet, rendre sur azure.microsoft.com,
puis puis Mais il est également très, très facile
et peu coûteux à utiliser. Et le meilleur, c'
est que vous pouvez vous développer dans n'importe quelle langue. Nous utiliserons un langage Python, mais vous pouvez vraiment l'utiliser
dans le langage de votre choix. D'accord ? Encore une fois, je vous implore
de passer par là. L'une des meilleures choses à
ce sujet, c'est qu'en termes de prix, c'est essentiellement gratuit,
en particulier pour nos besoins. Ce sera gratuit car nous
n'avons pas besoin de quelque chose de dédié, car nous créons
simplement des applications de test. Mais si vous regardez
les choses ici,
voici comment les frais vous sont
facturés, là où vous les recevez, en fonction du temps
d'exécution et du
nombre total d'exécutions. Vous bénéficiez donc d'une
subvention gratuite par mois. Donc, si vous ne passez pas 400 000 Go par seconde ou 1
million d'exécutions, alors c'est gratuit, totalement gratuit. Maintenant, si vous
créez simplement un exemple d'application, vous ne le
réussirez certainement pas. Vous devriez donc
pouvoir le faire gratuitement. Bien, cela étant dit, allons de l'avant et créons
notre compte Azure. Nous allons donc cliquer sur Compte
gratuit ici. Il est conseillé de créer le cloud
avec un compte Azure gratuit. Maintenant, ici. En gros, si vous
avez droit à un compte gratuit, vous pouvez l'utiliser
car vous pouvez obtenir 200$ gratuitement sur Azure. Maintenant, je ne suis pas éligible. Vous n'êtes vraiment
éligible que si vous êtes, par
exemple, étudiant, si vous avez un
e-mail étudiant ou professionnel qui n'a jamais été utilisé auparavant,
etc. Je vais donc opter pour l'option de
paiement à l' utilisation et m'inscrire Mais n'oubliez pas que si vous avez
un compte scolaire
ou un compte similaire
, vous
devriez essayer un compte scolaire
ou un compte similaire
, vous de cliquer sur Commencer gratuitement. Encore une fois, compte tenu de la façon dont
nous utilisons Azure, vous seront facturés. Quoi qu'il en soit, il vous faudra
une carte de crédit de votre part. Mais encore une fois, cela ne sera pas facturé car nous allons simplement
utiliser Azure Functions. Encore une fois, comme nous l'avons vu, si vous ne passez pas 400 000 Go par seconde ou 1
million d'exécutions, vous ne serez pas facturé. Et même après ça, c'est
assez bon marché de toute façon. D'accord. Je vais donc me connecter
et cliquer sur Se connecter. Je vais maintenant me connecter avec mon compte Microsoft que
j'ai déjà configuré. Parfait Maintenant, une fois que vous avez
accédé à cette page, vous avez à
nouveau trois
options pour vous abonner. Vous pouvez vous abonner à l'aide
de l'option d'essai gratuit, à l'aide d'Azure AD ou accéder aux avantages pour les
étudiants. Ce sont donc différentes
choses que vous pouvez faire. Je veux dire, eh bien, nous
allons simplement passer aux abonnements. D'accord ? Avoir
des problèmes d'authentification, c'est bizarre. C'est très bien Alors n'oubliez pas :
allez dans les abonnements, nous allons ensuite
ajouter un abonnement. Et encore une fois, deux
options s'offrent à vous. Je vais sélectionner. Pay-as-you-go
me demandera ensuite certaines informations,
comme ma carte de crédit, mon prénom, mon nom de famille, mon numéro de téléphone, etc. Donc, en fait, je vais le
faire hors écran. Je ne veux pas annoncer
mon numéro de téléphone ni faire connaître mon numéro de téléphone à tout le monde ici. Laisse-moi voir. Laisse-moi y aller et fais-le. Il vous demande
votre numéro de téléphone simplement parce que vous ne devriez pas créer d'innombrables comptes
Azure, n'est-ce pas ? Ça n'aime vraiment pas ça. Alors laissez-moi passer
et je vais saisir mon code de vérification,
puis mon adresse car encore une fois, vous devez saisir
une carte de crédit ici Parfait.
Droite. Maintenant, la prochaine chose
que je vais faire est de saisir mes informations de paiement. Encore une fois, il vous suffit d'une carte de
crédit pour vous inscrire. Alors permettez-moi de le faire. D'accord. , j'ai mis le numéro 8 de ma
carte de crédit Franchement, j'ai mis le numéro 8 de ma
carte de crédit, donc je
vais juste réessayer. J'en suis vraiment désolée. Mais encore une fois, c'est
une introduction aux experts, donc je veux m'assurer
de tout enregistrer Parce qu'une chose que je déteste, c'est quand tutoriels abordent des sujets, mais qu'ils préfèrent ensuite sauter
la partie la plus importante. Je voulais donc m'assurer de
passer en revue chaque détail. Donc si quelqu'un a une question ce ne sera pas parce que
j'ai oublié quelque chose Laisse-moi juste essayer encore une fois. Parfait C'est bon. Maintenant, il se peut qu'il vous
demande une assistance technique, mais ne vous embêtez pas,
n'achetez pas ça. C'est-à-dire que cela ne vaut pas la peine qu'ils cliquent
simplement sur le support technique. Et tu devrais aller bien. Cliquez donc sur S'inscrire. Maintenant, il s'agit essentiellement de
confirmer mes informations. Il fait toutes ses vérifications. Attendons donc que ce soit fait. Nous y voilà. C'est fait Maintenant, si vous avez
tout fait correctement, vous devriez
pouvoir aller sur
portal.azure.com et voir
quelque chose de similaire à portal.azure.com et voir
quelque chose Vous devriez donc voir
quelque chose comme ça. Si ce n'est pas le cas, encore une fois, posez simplement des questions dans les commentaires ci-dessous. Une chose
que vous devriez
pouvoir faire également si vous l'avez
fait correctement, c'est de pouvoir accéder
aux abonnements. Et vous devriez pouvoir voir votre abonnement ici dès maintenant. OK, parfait. Et il devrait être de nouveau actif. Mais si vous avez fait tout cela, vous êtes
maintenant essentiellement
dans Microsoft Azure. Parfait
5. Environnement : ressource de fonctions Azure: Bien, maintenant que nous avons
créé un compte Azure, la prochaine chose que
nous allons
faire ici est de
créer une ressource Azure
Functions. OK, donc je
vais juste taper la fonction dans la zone principale. Nous allons créer
une application fonctionnelle. C'est ici que vous, il répertorie toutes vos
différentes applications fonctionnelles. De toute évidence, nous n'
en avons pas encore fait. Nous allons donc continuer et
cliquer sur Créer. OK, et ensuite nous devons
remplir quelques détails. La première chose est
un groupe de ressources. Maintenant, il s'agit essentiellement d'un
ensemble de services. Ainsi, si vous utilisez de
nombreux services Azure,
vous pouvez les regrouper dans des groupes de
ressources à des fins de
catégorisation OK, donc nous allons
aller ici. Nous allons créer
un nouveau groupe de ressources. Encore une fois, c'est pour notre chat GPT. Eh bien, en fait, c'est de l'IA ouverte, mais à des fins de test d'IA ouverte. OK, nous allons
cliquer sur OK là-dessus. Ensuite, nous devons lui donner un nom. Nous allons donc simplement
aller ici et cliquer d'abord sur Open AI. Ce sera une publication de code. Vous devez maintenant choisir essentiellement votre environnement d'exécution
et votre langue. Nous allons donc utiliser Python. Mais encore une fois, vous
pouvez le coder dans n' importe quelle langue dans laquelle vous vous
sentez à l'aise. La plupart des gens connaissent Python, je me sens à l'aise avec Python. Nous avons donc choisi Python. Un élément clé ici est qu'à l'
heure actuelle , il ne
prend en charge que Python 3.10 Et même trois points
dix sont en mode aperçu. Nous allons donc réellement
utiliser Python 3.9. D'accord ? La région, c'est très bien pour nous. Linux fonctionne bien. Et assurez-vous de sélectionner le plan
de consommation. Ne sélectionnez pas le forfait premium
ou App Service car cela vous coûtera beaucoup
plus cher. Encore une fois, assurez-vous de cliquer sur
consommation, d'accord, hébergement. Vous n'avez pas vraiment besoin d' influencer
quoi que ce soit ici. En gros, une fonction crée
également un compte de stockage,
mais c'est très bien. Vous pouvez simplement accéder au
réseautage ici. Assurez-vous de sélectionner
Activer l'accès public. Il n'y a vraiment rien à
faire ici non plus. Rien à faire ici non plus. Vous pouvez configurer le déploiement de
GitHub, ce qui était très intéressant, mais
nous n'avons pas besoin de le faire OK, passons maintenant à
Révision et création, puis cliquez sur Créer. Maintenant, ce qu'Azure fait
en arrière-plan, c'est configurer
votre site Web pour vous, ce qui est encore une fois très cool, n'est-ce pas ? Il s'agit en fait de configurer cette fonction de l'ordinateur
en arrière-plan. Ensuite, vous pouvez lui dire de faire
plusieurs choses différentes. Et nous allons,
nous allons essentiellement lui dire d'envoyer un
ping à des API ouvertes, à des API
pour obtenir des informations. OK, donc une fois que cela sera fait, nous dirons que
le déploiement est terminé. Ensuite, nous pouvons
passer à la prochaine étape que
nous devons mettre en place. Génial
6. Environnement : installation et installation de Python: OK, maintenant la prochaine chose que nous
devons télécharger est Python. Maintenant, j'espère que la plupart d'
entre vous ont déjà
téléchargé et installé Python. Et vous pouvez le
vérifier en
ouvrant réellement un terminal de commande. Tapez donc cmd dans votre chat. Donc tu obtiens quelque chose
comme ça, d'accord ? Et maintenant, tapez Python. Et il vous dira si vous
avez déjà
configuré du Python dans cet
environnement virtuel dans lequel je me trouve. Ne l'avez pas configuré. Cela m'ouvre donc un Microsoft Store , pour que je puisse l'acheter. D'accord ? Donc, si cela se produit, Python n'est pas configuré. Plus précisément, le
Python que nous devons télécharger
dès maintenant à partir de cet enregistrement, la version Python
disponible est Python 3.11 Maintenant, voici l'essentiel. Ne téléchargez pas Python 3.11. Ne cliquez pas sur ce
bouton jaune ici. Parce qu'Azure Functions ne
fonctionne
actuellement qu' avec trois points
dix et moins. Et en particulier, le modèle de
durabilité à long terme est 3.9. OK, alors souviens-toi de ça s'il te plaît. Donc, ce que nous allons faire, c'est que
dans la section des téléchargements, nous allons
aller jusqu'en bas. Ok, oups. Je pense que nous devons passer aux
téléchargements, puis à Windows. Ensuite, nous allons aller jusqu'en
bas jusqu'à ce que nous voyions le pic 0,9, 0,16 D'accord. Alors allons-y
et cliquons dessus. En fait, je ne
pense pas que celui-ci ait un installateur, pas d'installateurs. C'est bon. Pour vous faciliter la tâche, nous pouvons
télécharger n'importe quelle version 3.9. Passons donc à celui qui
dispose réellement d'un programme d'installation que nous pouvons utiliser. Voyons voir ici. Continuons ici. 0,9, 0,13, 17 mai 2022. Nous allons télécharger
le programme d'installation de Windows. J'ai une machine 64 bits, je vais
donc la télécharger. Je vais juste cliquer dessus
aussi parce que c'est fait. Et nous allons
installer Python. Nous y voilà. Cliquez
donc sur Installer. À présent.
Ajoutons-le également
au chemin. On y est presque. OK, parfait. Génial. Alors maintenant,
finissons-en avec ça. Et maintenant Python devrait être
impliqué dans votre système. Ouvrons donc
un autre fichier cmd. Maintenant, si je vais ici
et que je tape Python,
parfait, j'obtiens une
divergence Python p 0,9, 0,13 Maintenant, si vous tapez ceci et que vous
obtenez quelque chose comme 3.11, alors au moins à partir de cet
enregistrement, vous ne pouvez pas utiliser les fonctions Azure Tu devras
utiliser autre chose. Ou ce que vous faites, c'est
désinstaller cette version
, puis installer Python 3.9, 0.13 Génial
7. Environnement : installation du code Visual Studio: OK, maintenant ça devient
un peu épuisant, mais je te promets que ça en
vaudra la peine au final La prochaine chose que nous devons
télécharger est Visual Studio Code. Il s'agit d'une application ou d'un IDE disponible auprès de Microsoft
qui vous permet vraiment, tout d'
abord, de coder facilement. Mais si nous en avons besoin c'est parce que nous
en avons réellement besoin pour déployer des fonctions sur Azure, d'
accord. Vous
devez donc obtenir Visual Studio Code pour
vous permettre de déployer des fonctions. OK, alors allons-y et
cliquez sur Télécharger ici. Parfait, c'est juste un téléchargement. Et encore une fois, si vous l'
avez déjà, sautez la vidéo. Il n'est pas nécessaire de
regarder la vidéo si vous savez déjà
comment procéder. C'est encore une fois pour tout le monde. C'est pourquoi je donne des détails
très, très pointus. Parce que la pire chose
à propos d'un didacticiel ou d'
un cours, c'est qu' un professeur
oublie quelque chose que vous, il pense, vous savez,
mais vous ne le faites pas réellement Et cela m'apporte tellement de choses. D'accord. Allons-y et cliquons dessus. Je vais juste ouvrir ici. Je vais donc
accepter l'accord. Ensuite, tapez votre nom pour
créer une icône de bureau. Ensuite, installez. OK, c'est facile, du citron pressé. Encore une fois, Visual Studio Code, très cool et honnêtement, vous vous sentez comme un hacker
lorsque vous l'utilisez. Parce que si
ce n'est pas le cas, si vous n'avez jamais utilisé d'IDE auparavant ,
c'est
très amusant à utiliser. Très bien. Je
me suis probablement fait passer pour une
mauviette en disant ça, mais bon, d'accord. Le mien, c'est presque fini. Parfait OK, alors lançons
Visual Studio Code. Parfait, donc je l'ai maintenant ouvert. Je vais choisir l'option
sombre ici. Et ce que je vais
faire, c'est cliquer sur Ouvrir le dossier. D'accord. Je vais aller
dans mon, ah, voyons voir, je vais en fait
créer, voyons, document va
créer un nouveau dossier ici appelé Scratch. D'accord ? Et je vais
sélectionner ce dossier dans lequel
ouvrir mon projet. Dites oui, je fais confiance aux auteurs. Et nous y voilà. C'est ça Maintenant que tout ce dont nous avons besoin est
installé, nous devons configurer un peu
avec
le code Visual Studio. Mais bon, nous y sommes presque.
8. Environnement : paramétrage du code de Visual Studio: Il y a maintenant quelques
configurations que nous devons
apporter à Visual Studio Code
pour qu'il fonctionne correctement. La première chose à
faire est de nous assurer
que
nous pouvons réellement exécuter et exécuter
du code Python à partir de Visual Studio Code. Juste pour que ça facilite un peu
les choses. OK, eh bien, nous
allons le faire ici c'est-à-dire aller dans la section
Explorer sur la gauche. Si vous ne le voyez pas,
assurez-vous de cliquer sur ce type ici. Et nous allons
cliquer sur Nouveau fichier. Et nous allons taper
Scratch point py. D'accord, ce
sera un fichier Python. Maintenant, nous demande automatiquement : « Hé, voulez-vous installer les extensions
recommandées pour Python ? Oui, nous le faisons. Cliquez donc sur Installer dessus. Cela nous amène à cette
page sous les extensions. Nous sommes en train d'installer
l'extension Python. Et cela nous aide simplement
parce que cela nous
permet essentiellement de coder plus rapidement. Il nous indiquera s'il
y a des erreurs. Je vais nous fournir le formatage du
carnet Jupiter. Je vais nous fournir du débugging, choses vraiment très
sensées D'accord ? Mais revenons ici. Et saisissons une commande
très simple. Tapons en caractères imprimés. Et puis entre guillemets. Bonjour tout le monde. Oups, on y est. Bonjour tout le monde. Parfait, c'est déjà installé. Laisse-moi m'en sortir. Permettez-moi également de l'agrandir un peu
plus,
juste pour que vous puissiez tous le voir OK, parfait. Maintenant, comment
allons-nous réellement gérer cela ? La première chose que nous devons faire
est de nous assurer
que notre
interpréteur Python est installé. bas à droite, vous devriez voir essentiellement l'interpréteur
ici qui dit Python, et il utilise 393-39-1364 Vous pouvez réellement
voir le chemin
du fichier utilisé par l'interpréteur. Si vous souhaitez le modifier,
vous pouvez toujours cliquer dessus et modifier également l'
interpréteur. Une autre chose que vous pouvez faire est de me
laisser juste X en sortir d' abord, c'est que vous pouvez accéder à
Control Shift P. Allons-y, je pense que nous pouvons simplement le
rechercher dans tr. Tr. Vous pouvez cliquer ici. Si vous tapez un interprète, vous pouvez cliquer ici et
sélectionner un interprète. Et comment j'y suis arrivé, d'
ailleurs, en maintenant la Ctrl
Shift enfoncée, en cliquant sur
P et en tapant dans Il s'agit essentiellement d'un
menu qui vous permet de rechercher de nombreux paramètres
différents. Je vais donc rechercher les paramètres de
l'interpréteur. Et ici, je peux voir que je peux cliquer sur l'interpréteur Python Select. Et puis je comprends ça. Et en fait, je vais me demander : « Hé, quel interprète ou
voulez-vous utiliser ? Et si cela n'est pas
configuré
automatiquement pour vous ,
ce qui devrait être le cas, vous pouvez toujours cliquer ici et saisir le chemin
de l'interpréteur où
Python est installé sur votre ordinateur. Donc, en gros, vous devriez
aller ici et taper le chemin où
Python est installé. Encore une fois, si vous ne
le voyez pas déjà, ce qui devrait être le cas si vous suivez
les instructions jusqu'à présent. OK. Voyons donc si cela fonctionne. Nous avons une commande Python ici. Ce que nous allons faire,
c'est d' abord
enregistrer ce fichier. C'est à cela que correspond le point. Le point indique que le
fichier n'est pas enregistré. Nous allons donc cliquer sur
Ctrl S pour enregistrer le fichier. Ensuite, nous
allons cliquer sur F5. Et lorsque nous cliquons sur F5
pour la première fois, cela nous demande une configuration de débogage
. Voyons voir. Nous pouvons simplement, je crois, juste ici, fichier
Python et simplement l'exécuter. Et voyons si cela fonctionne. OK. Ça ne lui a pas plu pour
résumer. Oh, nous y voilà. Bonjour tout le monde. OK. Parfait.
Cela fonctionne. C'est bien. Si je mets à nouveau un
Hello World ici, puis que je clique sur
Assurez-vous de l'
enregistrer, Contrôlez S, puis cliquez sur F5 Vous pouvez également aller ici
et cliquer sur le bouton Play. Alors tu devrais faire
la même chose. Bonjour tout le monde à nouveau. Génial. Cela signifie donc que cela fonctionne. Et si vous ne pouvez pas le voir
d'ailleurs, vous
devez cliquer sur
ce type ici, qui change la
visibilité de ce panneau Tellement parfait, nous avons fait une chose. Nous sommes en mesure d'exécuter Python directement
dans notre code Visual Studio. L'autre chose
que nous devons
faire ici est d'ajouter
l' extension pour les fonctions
Azure. D'accord ? Passons donc
aux extensions. Et nous allons faire une recherche
ici, Azure Functions. Fonction Azure. Cliquons dessus. Voilà à quoi ça ressemble. Il s'agit d'une extension Azure
Functions pour Visual Studio Code. Nous allons sélectionner Installer. Il est en cours d'installation. Maintenant que vous avez
fait tout cela, nous pouvons simplement accepter des
choses dont nous n'avons pas besoin. Tout en bas, vous
devriez voir un A ici. C'est le symbole Azure. Passons donc à Azure. Ensuite, nous devons nous connecter
au compte Azure
que nous avons créé, lequel se trouvent
également les fonctions Azure que nous venons de créer. Assurez-vous donc de vous connecter
au même compte Azure. Cliquez donc sur Se connecter à Azure. Ensuite, nous
redirigerons vers cette page. Je vais ensuite me connecter. Vous êtes cité et
vous pouvez maintenant fermer cette page. Vous savez maintenant si cela fonctionnera, car si vous revenez ici
sur Azure et que vous accédez
ici aux ressources, puis que vous cliquez sur
votre abonnement. Ensuite, vous devriez pouvoir accéder
à Function App. Et vous devriez voir l'application
fonctionnelle avec laquelle vous avez créé quelques vidéos auparavant. Si vous pouvez le faire, vous êtes
au bon endroit. Génial.
9. Environnement : exécuter Python et Pip sur Terminal: OK, maintenant la prochaine
chose que nous devons
faire est de nous assurer que la commande Python est
accessible dans notre terminal. Donc, si vous ne voyez rien de tout cela, vous pouvez cliquer sur ce
type pour activer ce panneau À l'heure actuelle, une fois que vous
ouvrez Terminal, il ouvre en fait un terminal
PowerShell Vous pouvez donc entrer ici et
taper python et cliquer sur Entrée. Et il
lancera réellement Python pour vous. Donc, si vous voyez
quelque chose comme ça, vous l'avez fait correctement. Pour quitter, tapez simplement
exit, open, close. Ensuite, vous revenez
à votre PowerShell. Maintenant, si cela ne
fonctionne pas pour vous, mais que
Python est installé, cela signifie
que
cette commande Python n'est pas disponible dans votre variable d'
environnement. Pour ce faire, cliquez sur la touche Démarrer ici et
accédez aux variables d'environnement. Modifiez les variables d'
environnement système, cliquez sur variables d'environnement. Et celui que vous
souhaitez modifier s'appelle path. En gros,
la variable path parcourt tous ces dossiers et trouve les commandes qui se trouvent
dans ces dossiers. Donc pour l'instant, si je tape
Python, par exemple, il va d'abord vérifier
si la commande Python existe dans ce répertoire, puis dans ce répertoire,
et ainsi de suite. Donc, ce qui est probablement le cas si Python est installé, mais que vous pouvez réellement
y accéder depuis le terminal, c'est que l'un de
ces deux chemins n'est pas installé dans
votre variable d'environnement. Maintenant, comment savoir
où se trouve Python ? Eh bien, vous pouvez le rechercher sur Google, mais c'est généralement dans les utilisateurs C. Et puis votre nom, les programmes
locaux AppData, Python,
python 39, si vous ne voyez pas cette URL mise à jour,
parfois masquée Ainsi, par exemple, si j'
ouvre mes répertoires ici et que je vais
sur Henry, AppData ne s'affiche pas ici Je dois
entrer manuellement ici et saisir les données
de l'application. Et maintenant je le vois. Donc des programmes locaux, Python,
Python, Thréonine. Et nous y voilà. Comme je l'ai dans mes variables
d'environnement, je peux le voir très clairement ici. D'accord ? Maintenant, encore une fois,
posez des questions si vous ne savez pas
comment y arriver. Mais c'est généralement le cas
si vous ne pouvez pas accéder à Python. OK, donc c'est la
seule vérification faite. La prochaine chose que nous devons
faire est
d' installer pip. Pip est un programme d'installation de packages pour Python qui vous
permet essentiellement d'installer des packages pour Python afin de
vous en assurer Pip de saisie. Cliquez sur Enter. Si vous obtenez quelque chose comme ça,
cela signifie que
pip est installé D'accord ? Maintenant, si pip
n'est pas installé, il existe de très bonnes
ressources en ligne Allez donc sur pi, pi.org slash
projects slash pip Et il vous explique
exactement, pour Windows ou tout autre système
d'exploitation que vous utilisez, comment déployer
et installer Pip D'accord ? Mais c'est l'autre configuration
que vous devez connaître. Python doit être
accessible depuis le terminal, ainsi que Pip
depuis le terminal
10. Environnement : création d'un compte E5 Microsoft 365: Très bien, maintenant la prochaine chose que nous devons faire
ici est de créer un compte Microsoft. La raison en est
que nous allons
intégrer le chat GPT
à Power Apps, à
Power Automate SharePoint Teams, Power BI et à toute une série
de produits Microsoft 365 Maintenant, si vous
avez déjà un compte A360, si vous avez déjà
quelque chose comme des équipes de votre entreprise
ou quelque chose comme ça, alors ne
vous inquiétez pas, tout va bien Vous pouvez ignorer cette vidéo. Mais pour ceux qui ne le font pas, vous devez malheureusement
créer un compte O365 Mais je connais un moyen de créer un compte d'essai gratuit que vous
pouvez utiliser pendant environ un mois. Encore une fois, c'est totalement
gratuit et vous pouvez l'
utiliser pour tester les
développements, ce qui est bien. D'accord ? La façon de le faire
est donc d'accéder à Microsoft 365, puis à
Office 365, E5 Vous pouvez également simplement le
rechercher sur Google si vous le souhaitez, et cela devrait
vous mener ici. Ensuite, allez-y et
sélectionnez l'essai gratuit. D'accord ? La prochaine chose que vous
devez faire ici est de saisir votre adresse
e-mail professionnelle ou scolaire. D'accord ? Maintenant, Gmail et Outlook
ne fonctionneront pas ici, non ? Il ne s'agit donc pas du même compte que celui que vous utilisez pour configurer Azure. Il s'agit d'un tout
autre compte. Malheureusement, encore une fois, vous
pouvez utiliser Outlook ou Gmail, mais ce que vous pouvez faire, c'est que si vous avez un e-mail professionnel ou scolaire, avez un e-mail professionnel ou scolaire,
vous pouvez le saisir. Si tu ne le fais pas,
je suis là pour toi. autre chose que vous pouvez
faire est d'avoir ce qu'on appelle
un mâle temporaire. Ainsi, par exemple, si vous
actualisez simplement cette page ici, eh bien, il s'agissait en fait de
la même adresse e-mail, mais parfois vous
la retrouvez
parce que c'est un courrier temporaire que vous pouvez utiliser et qui, je pense, change toutes les heures,
je crois. Il y en a quelques autres
que vous pouvez utiliser, mais allons-y et
copiez-les dans notre bloc-notes Et tu peux le coller ici. Et vous n'avez pas à
vous inquiéter, car après cela, vous n'aurez plus à vous
soucier de cet e-mail. D'accord ? Alors cliquons sur
Configurer le compte,
vous devrez saisir nos informations. Alors ouvre-les à nouveau, Henry. Numéro de téléphone professionnel Beat. Je vais juste mettre
quelque chose au hasard ici. Nom de l'entreprise Auparavant,
je l'ai intégré au cours Udemy, mais appelons cela une société
GPT D'accord, je vais le faire, cinq à
neuf personnes vont créer ce Canada pour moi parce que
je suis basé hors du Canada. Et cliquez sur Suivant. La prochaine chose que vous
devez faire est vérifier votre numéro de téléphone. Je vais donc le mettre sur un autre écran pendant que je le fais. Parce que, de toute évidence,
tu n'en as pas envie. Je veux dire, je vous aime tous, mais je ne veux pas que tout le monde
ait mon numéro de téléphone. Je vais donc simplement saisir
mon code de vérification. Cliquez sur Vérifier. Et maintenant, c'est là
que nous arrivons à la partie la plus amusante. Comment souhaitez-vous que votre
domaine s'appelle ? Maintenant que vous créez
un compte d'essai, celui-ci contiendra .onmicrosoft.com Je vais donc simplement en faire mon nom d'utilisateur et mon nom de domaine. Et assurez-vous de l'enregistrer quelque part, car
vous devrez vous reconnecter et maintenant saisir
votre mot de passe. Ou désolé, créez plutôt un
mot de passe. Maintenant, il ne reste plus qu'à signer le n. D'accord ? Il s'agit maintenant de la
dernière étape pour saisir
un mode de paiement. Maintenant, si vous pensez qu'il
continuera à utiliser Office 365 E5, allez-y Mets-le dedans. Mais si vous
ne le faites pas honnêtement, vous pouvez simplement fermer cette page et ouvrir un nouvel
onglet et vous avez terminé. Votre compte a été créé. Vous n'avez même pas besoin
de saisir une carte de crédit, ce qui est vraiment amusant. J'espère que Microsoft
ne regardera pas cette vidéo et ne
la publiera pas pour moi, mais nous verrons, d'accord, maintenant nous sommes de retour ici. Ce que je veux que tout le monde
fasse maintenant, c'est accéder au
centre d'administration de Microsoft. Donc, Microsoft 365 Admin Center, vous pouvez simplement le rechercher sur Google. Administration de Microsoft 365. Va ici en haut à droite. Et si vous ne le souhaitez pas, reconnectez-vous avec votre compte Outlook
personnel. Au lieu de cela, vous souhaitez vous
connecter avec votre compte 365. D'accord ? Cliquez donc sur ces trois points, cliquez sur travail, école ou université et cela devrait vous transférer vers le compte que
vous venez de créer, le compte Microsoft 365. D'accord. Parfait Tu y vas. Encore une fois, assurez-vous simplement que
vous êtes sur le bon compte. Parfois, Microsoft aime vous
déplacer Nous pouvons
donc toujours regarder haut à droite pour nous assurer que
vous êtes sur le même compte. Mais c'est le compte
que nous venons de créer. Maintenant, si vous allez en haut à gauche et
dans le lanceur d'applications
GoTo,
vous avez accès à
Microsoft via haut à gauche et
dans le lanceur d'applications
GoTo, vous avez accès à
Microsoft Allons-y. C'est
là que tu es censé être. Désolée Accédez ici à toutes les applications. C'est bizarre. Pourquoi ? Pourquoi ne puis-je trouver
aucune des applications ? Bizarre ? Laisse-moi juste entrer ici. D'accord. C'est très bien Tu sais, c'est
peut-être parce que nous ne l'avons pas
mis sur notre carte de crédit. Je veux dire, je l'utilise sur mon compte
personnel de toute façon. Mais vous devez avoir
accès à Teams, Power Apps et Power Automate. Et pour vérifier que vous pouvez faire
quelque chose ici, ouvrez
un nouvel écran et
accédez à make.powerapps.com D'accord ? Une fois que vous y êtes, il devrait
automatiquement vous connecter en fonction du compte
qui a été configuré pour vous. Encore une fois, pour le moment, c'est en fait un autre compte par défaut Donc je vais juste me
déconnecter de celui-ci. Et je vais me connecter
au chat GPT One. Alors laisse-moi aller de
l'avant et faire ça. Nous y voilà. Je
reçois mon mot de passe. Parfait, et ça devrait charger. Et faisons de même avec
Power Automate, car nous
allons également l'utiliser. Rendez-vous donc sur Power
automate.microsoft.com. Nous allons nous connecter. Choisissez le compte
que vous venez de créer. Parfait Lancez-vous. Passons au Canada
parce que je suis actuellement au
Canada où ces deux-là ne
font que charger. Enfin,
ouvrons les équipes. Je ne sais pas si vous pouvez
vraiment, vous savez, nous devrons peut-être le télécharger, mais nous le ferons
dans la prochaine vidéo. Faisons en sorte que
ces deux choses fonctionnent. Parfait, d'accord, donc si
vous avez accédé à cette page, assurez-vous que votre environnement correspond à celui de l'entreprise
que vous venez de créer. Alors tu es au bon
endroit si tu viens ici. Parfait D'accord. Power Apps et
Power Automate fonctionnent donc pleinement. Encore une fois, si je
voulais d'
abord passer par
Microsoft 65 , c'est parce que vous pouvez
généralement lancer vos applications
depuis office.com Mais peut-être que Microsoft a changé cela
depuis,
mais c'est très bien. Vous pouvez simplement accéder aux liens et Power Apps
et Power Automate s'ouvriront pour vous. Génial.
11. API sans serveur : utilisation de Python pour accéder à l'API d'OpenAI: Tous nos environnements
et logiciels sont désormais configurés. L'étape suivante consiste
à créer
une API GPT de chat sans serveur Il s'agit donc essentiellement d'une
API que nous créons qui nous permet d'envoyer un
ping à des API ouvertes, API pour toutes les réponses
que nous voulons. Maintenant, si cela vous semble un peu
confus,
référez-vous encore une fois au tableau et à la
section d'introduction de ce cours, où nous expliquons comment nous créons des applications. Nous créons essentiellement des
fonctions Azure qui envoient des requêtes ping à des API, posent des questions, obtiennent des réponses ,
puis affichent
ces réponses dans l'application. D'accord ? La première chose que nous devons
faire est de nous assurer qu'avant même d'entrer dans Azure Functions et les fonctions
sans serveur, nous devons nous assurer que nous pouvons réellement travailler avec l'API d'
Open AI Maintenant, si j'ouvre mon navigateur
ici et que j'accède à la référence de l'API. Donc, en ce moment, je suis
un api.com ouvert. Je me suis connecté et j'
accède à la documentation, puis à l'introduction
pour la référence de l'API. Il s'agit d'un très bon guide sur la manière d'
utiliser réellement l'API d'Open AI. Encore une fois, c'est très simple
et vous pouvez changer la
langue ici pour celle que vous utilisez, qui dans notre cas est Python. D'accord ? C'est donc ce que je
vais utiliser comme base. Mais encore une fois, je veux que ce
soit le guide complet. Veuillez donc l'utiliser comme document de référence lorsque
vous créez vos propres applications. Parce que je
vous dis que c'est très, très bien, ce n'est pas
difficile à comprendre. Il y a quelques configurations, des bizarreries, mais ce
n'est pas si difficile D'accord ?
Créons donc un nouveau fichier. Et nous allons créer, nous appellerons
l'API d'accès aux fichiers point py. D'accord. Maintenant, la première chose
que nous devons
faire est d'
installer une bibliothèque
appelée Open AI. Pour ce faire, nous allons donc
ouvrir un nouveau terminal. En fait, nous pouvons juste, je suppose que nous pouvons utiliser celui-ci, mais j'aime toujours
ouvrir un nouveau terminal au cas où des personnes suivraient
pour la première fois. Je vais en fait l'
installer dans OpenAPI. Nous allons donc l'écrire
en pip, installer Open AI. Ce qu'il fait maintenant, c'est qu'
il est réellement en train de s'installer. Open AI est une bibliothèque de fonctions
Python que nous pouvons utiliser
pour nous permettre d'accéder facilement à API
ouvertes, à des API utilisant Python. D'accord ? Il s'agit donc essentiellement d'un pont qui nous
permet de nous connecter
à des IA ouvertes. Très bien, donc nous allons juste
attendre que ce soit fait. Maintenant, pendant que cela se passe, nous pouvons réellement continuer. Ensuite,
lorsque nous nous connectons
à l'API d'Open AI, nous devons identifier qui
nous sommes et comment Open AI y parvient en
vous demandant de transmettre une clé d'API. Donc, ce que je veux que tout le monde
fasse, c'est
accéder au personnel, à Afficher les clés d'API, puis à créer une clé secrète. Maintenant, une fois que
vous l'aurez créé, vous ne pourrez
plus y revenir. Assurez-vous donc de cliquer sur Copier dessus et de l'
enregistrer quelque part. De plus, n'essayez pas de
simplement copier mon texte ici, car au moment où vous
regarderez cette vidéo, vous n'aurez plus
accès à cette API. Alors s'il vous plaît,
veuillez accéder à
votre compte personnel et créer une nouvelle
clé secrète de cette façon. D'accord. Nous allons donc revenir
ici et il semble que notre PIP se soit terminé
avec succès Génial. Donc, la première chose que nous
allons faire est d'
apporter notre clé. Nous allons l'appeler «
clé secrète égale ». Et puis
entre guillemets simples, cette clé d'API. OK, c'est parfait. La prochaine chose que
nous allons faire ici est simplement d'appeler OpenAI et de
vraiment voir votre travail Donc, ce que je vais faire
ici, c'est importer dans le modèle d'Open AI. D'accord ? Ce que je dois
ensuite faire, c'est authentifier et confirmer que je
possède réellement une clé que je peux utiliser pour
accéder à leurs services Je vais donc dire Open API. La clé API que je
souhaite utiliser pour cela est égale à cette
variable de clé secrète que j'ai en haut. Maintenant, en faisant cela, chaque fois que je fais des
demandes pour ouvrir une API, elle sait que cela provient d'une bonne source car elle
peut accéder
à la clé secrète de ce compte que je viens avec une API ouverte,
désolé, avec OpenAI D'accord. Maintenant, la prochaine chose que je peux
faire est réellement possible, je peux essentiellement faire des demandes
à différents modèles. Donc, par exemple, ce que je
peux faire maintenant, c'est dire,
voyons voir, que les sorties sont
égales à un point ai ouvert. Maintenant, Open AI dispose de plusieurs modèles différents
auxquels je peux accéder. Mais je vais,
désolé, participer à de nombreuses activités différentes. Je vais accéder à la fonction de
complétion, qui crée essentiellement une réponse
plaidée basée sur une invite. C'est donc essentiellement ce que
Chuck GPT utilise, non ? Ensuite, je vais dire créer. Cette fonction prend
essentiellement un tas d'arguments. La première chose que je
dois spécifier est, hé, quel modèle voulez-vous utiliser ? Nous avons vu précédemment comment Open AI possède plusieurs modèles
différents. Elles ont leurs avantages
et leurs inconvénients. Je vais utiliser
celui utilisé par chat GPT, qui est le modèle Da Vinci Je vais donc utiliser
la sueur ici. Tiret de texte, Léonard de Vinci, tiret 003. Il se peut que cela soit
obsolète au moment où vous consulterez réellement ce cours. La meilleure façon de
savoir quels modèles
créer est donc d'aller
ici, de cliquer sur les modèles et de voir
quels sont les derniers modèles. Vous pouvez également regarder la
boisson Curie et d'autres boissons. Mais je vais
regarder Léonard de Vinci. OK, c'est parfait. La prochaine chose que vous
devriez
vouloir afficher est
l'invite elle-même. D'accord ? Alors, que voulez-vous que chat
GPT complète ou produise ? Eh bien, ce que je vais
faire ici, c'est
que je vais également
taper une invite tout en
haut de cette page . Maintenant, je vais dire
que je veux que le message soit, vous savez, me
dire un slogan ou une entreprise de sécurité ou
de sécurité domestique. C'est ça D'accord. Je dois donc lui donner un message. Je vais donc rendre
le paramètre prompt de cette fonction égal à
la variable prompt,
qui revient à nouveau à me dire un slogan pour une entreprise
de sécurité domestique. OK, maintenant je peux
ajouter d'autres choses, mais je dois aussi ajouter le maximum de jetons. Cela signifie essentiellement que, encore une fois, nous avons déjà
parlé de ce que sont les jetons, mais combien de jetons
voulez-vous qu'Open AI crée pour vous ? Si ce
nombre est très élevé, il peut
vous donner des essais, des récompenses. Si vous avez ce niveau très bas, vous ne pouvez obtenir que, vous savez, je pense que l'une d'
elles est que l'idée est dix jetons équivalent à
sept mots, non ? Nous allons faire 100 jetons. L'idée est que si vous voulez
économiser de l'argent et
enregistrer vos demandes, vous auriez
moins de jetons, n'est-ce pas ? Un slogan ne doit pas comporter plus de dix mots, je crois. Donc environ 100 caractères. Je vais en faire 200 caractères. Ça devrait être bien. D'accord. Ensuite, nous allons faire en sorte que la
température soit égale à zéro. Encore une fois, cela va de
soi. Nous avons déjà parlé de la température
que nous
pouvons régler, elle la
mettra simplement à zéro ici La dernière chose que
nous
voulons faire est d'imprimer les résultats. D'accord ? Nous pouvons donc réellement voir à
quoi cela ressemble. Cela étant dit,
allons-y et cliquez sur F5 pour le voir en action Nous y voilà. Nous avons terminé. Maintenant, ce que nous avons fait, c'est
d'imprimer le résultat. La sortie est
en fait un fichier JSON. Eh bien, c'est plutôt un objet JSON. Et il contient un tas
de choses différentes. Il possède une clé appelée Choices. Et parmi les choix, vous
avez les options suivantes ici. Vous avez donc la
raison finale, l'index, les instructions du journal,
mais vous avez également la réponse d'
OpenAI ici. Sécurisez votre maison,
assurez votre tranquillité d'esprit. Eh bien, c'est un super slogan. Il vous fournit également d'autres
métadonnées. Il vous indique donc quand il a été
créé avec les idées, quel modèle a été utilisé, l'objectif, et
vous indique également combien de jetons ont également été utilisés
pour cette demande. Donc, les instructions, les
jetons étaient de neuf, l'achèvement pour les enfants était de 13 OK, parfait. Nous y voilà. Nous avons essentiellement créé
notre première fonction Python. Eh bien, nous avons fait notre
première demande à Open AI en utilisant Python, qui est la première étape pour
créer une API
GPT de chat sans serveur que nous pouvons installer
dans toutes nos applications Génial
12. API sans serveur : gestion des réponses de ChatGPT: Maintenant que nous avons un moyen, essentiellement d'utiliser un
script Python pour accéder à l'API d'Open AI. En gros, nous lui avons donné
cette invite ici. Nous avons lancé le script, il accède à l'API. Il a essentiellement donné cette invite à ce modèle, puis
est retourné à la sortie, qui est ce
fichier JSON. Tout cela est génial. Mais nous
devons en fait supprimer le texte ici parce
que nous voulons pouvoir le montrer dans nos applications. Nous ne voulons pas montrer
tout cela. Tout ce que nous voulons montrer,
c'est le texte lui-même. Donc, ce que nous allons
devoir faire
ici, c'est créer une nouvelle variable appelée texte de sortie qui sera égale à la sortie. Et voyons voir par ici. La sortie actuelle est donc au format JSON. Nous allons donc accéder
au premier élément de ces
choix JSON. Nous allons donc saisir des choix. Nous allons ensuite également accéder au premier élément dans
les
choix, n'est-ce pas ? Et encore une fois, puisqu'il s'agit de Python, le premier élément est égal à l'index zéro car les ordinateurs
commencent à compter à zéro. OK, alors maintenant nous sommes là. Maintenant que nous sommes ici, nous voulons le texte. Je vais donc juste
mettre du texte. Et cela devrait renvoyer cette chaîne
ici, ce qui est génial. Très bien, alors allons-y exécutons-le et voyons comment cela fonctionne OK, donc je vais
cliquer sur Exécuter le fichier Python sur cette ellipse. Est-ce que je
devrais faire pour imprimer des textes Laisse-moi juste le faire. Assurez-vous de l'enregistrer. Et jouons-y alors. Parfait Ok, on y va. Maintenant, nous sommes en mesure
de produire exactement le devis
dont nous avons besoin, ce qui est formidable. Maintenant, il y a certaines choses que nous devons
probablement
nettoyer également. Par exemple, nous ne voulons
probablement pas ces guillemets doubles ici. Vous ne
voulez probablement pas le point, mais nous avons le texte principal. Maintenant, nous pouvons également choisir
d'autres invites, n'est-ce pas ? Ainsi, au lieu de
me donner le slogan d' une
entreprise de sécurité domestique, nous pouvons dire « donnez-moi les grandes lignes
d'un cours sur d'
applications Web à l'aide de bulles ». OK, donc je peux le faire. Je vais augmenter le nombre maximum de jetons à 300 juste pour voir à quoi
cela ressemble, car je veux récupérer plus de textes. Alors allons-y et nous
allons y rejouer. Un fichier Python. OK, ça n'aime pas quelque chose. Voyons ce que ça n'aime pas ? Oh, c'est parce que je l'ai fait
accidentellement. OK, laisse-moi rentrer ici. Cliquez à nouveau sur Exécuter le fichier Python. Il fonctionne donc, et
c'est parti. Alors ici, introduction
aux applications Web. Qu'est-ce qu'une application Web ? Les avantages de l'utilisation
d'une application Web. Commencer à utiliser Bubble, le compte Bubble, créer votre application
Web, etc. Nous avons donc créé un script Python
très simple. Réécrivez cela, après avoir reçu une
invite et une clé secrète, accède à l'API et nous
fournit une sortie La prochaine chose que nous
devons faire est le rendre sans serveur Parce que nous devons
essentiellement intégrer cela dans une fonction à laquelle nos applications,
telles que Power Apps, Power Automate et
Bubble Air Table, peuvent
accéder à la volée. OK, c'est donc ce que
nous allons faire ensuite. Nous allons maintenant l'intégrer à Azure Functions,
ce qui signifie que
chaque fois que nous avons besoin d'une réponse de la
part d'une API, nous pouvons essentiellement utiliser
cette fonction Azure. Et nous n'avons pas besoin de faire
fonctionner un ordinateur sinon il sera essentiellement
sans serveur, ce qui est bien Alors allons-y et
faisons-le dans la vidéo suivante. Génial
13. API sans serveur : créer une fonction de base Azure: Hey, allons-y et
créons une fonction Azure. La première chose
que nous allons
faire est de lancer un tout nouveau
projet. Appelons donc cela la fonction Azure
de base. OK, parfait. Et nous allons en fait
sélectionner ce dossier. OK, parfait. La prochaine chose que nous allons
faire est cliquer sur le bouton Azure ici. Et encore une fois, assurez-vous que
vous êtes connecté. Si vous êtes connecté, vous
devriez pouvoir vous rendre ici, accéder à Function App et voir Open AI d'abord en
tant que fonction ici. Mais ce que nous allons faire
dans notre espace de travail local avant de transférer cette
fonction vers Azure, c'est de la créer localement. Donc, ce que nous allons faire
ici, c'est cliquer sur le bouton Créer une
fonction ici. Et parfait, d'accord. Il est donc indiqué ici que pour
créer un nouveau projet, nous devons spécifier
quel dossier ou LVN. Nous allons juste le remettre en place.
Basic Azure Function, le dossier que nous venons de créer. Il va ensuite
nous demander la langue. Nous allons sélectionner Python. Maintenant, il nous demande
l'interprète. Maintenant, encore une fois, si vous avez correctement configuré le code de
Visual Studio, vous devriez voir
ici python 3.9, 0.13 Si ce n'est pas le cas,
vous devez
saisir manuellement un chemin d'interpréteur Python. Et votre
interpréteur Python, encore une fois, se trouve généralement à l'adresse
suivante ici. Voir les utilisateurs que votre nom, AppData, programmes locaux,
Python, python 39 Et voici l'interprète. Mais je vais juste
cliquer dessus parce que j'ai correctement
configuré le code VS. Demandez-nous ensuite un modèle pour la première fonction de votre
projet. Et nous allons choisir les modèles
de déclencheurs HTTP. D'accord ? Nous devons donner un nom à notre
fonction. Appelons cela une API ouverte de base. D'accord ? Il est dit que nous avons maintenant besoin d'un niveau d'autorisation réel. Assurez-vous de choisir l'anonymat. Cela signifie que tout le monde
peut accéder à notre fonction. C'est très bien pour le moment,
car nous ne faisons développer. Évidemment
, vous devez vous
assurer que vous disposez d'un
compte administratif associé à ce développement. Mais pour l'instant, nous allons simplement mettre l'
anonymat pour faciliter les choses. Maintenant, nous allons de
l'avant et créons notre environnement
et notre fonction virtuels. Cela peut donc prendre quelques secondes, espérons-le
, mais parfois cela
prend quelques minutes. J'espère que cela ne
prendra pas trop de temps. Allez Allons-y Allons-y On y est presque. J'
espère que nous y arriverons. Création
du projet terminée. D'accord. Maintenant, si nous revenons ici, vous verrez beaucoup plus de
fichiers qu' auparavant
dans ce dossier
Azure Function de base. Vous avez raison, vous voyez
un environnement ici, vous voyez des extensions ici. Vous voyez un grand nombre de fichiers
différents, et nous n'avons pas à les
parcourir tous. Ce cours n'est pas censé être un guide détaillé
d'Azure Functions. Mais la principale chose dont
vous devriez vous inquiéter si vous ouvrez
Open AI de base, est-ce que cela s'y trouve ? Dot py et requirements.txt. Ce sont les deux fichiers dont
vous devez vous préoccuper. Passons donc d'abord par
un paiement par points. En gros, lorsque votre fonction
Azure est appelée, c'est elle qui exécute la
fonction principale dans une application point py. Actuellement, cette
fonction essaie essentiellement de trouver un paramètre appelé nom ,
puis de vous le
renvoyer dans cette fonction. C'est donc une fonction très simple. En gros, il prend simplement
le paramètre name, puis affiche simplement le set
sous forme de réponse HTTP. C'est donc essentiellement
tout pour cette fonction. Et c'est là que nous allons
réellement mettre notre logique principale. L'autre fichier
important est requirements.txt. Cela indique essentiellement à Azure quelles bibliothèques vous souhaitez
utiliser dans votre script Python. Maintenant, c'est ici que vous
mettriez des choses comme des pandas, numpy, toutes sortes de bibliothèques
Python Celles que nous allons
utiliser sont évidemment Open AI. Et nous le ferons un peu plus tard. Mais nous y voilà. Il s'agit d'une
fonction Azure de base que nous avons créée
14. API sans serveur : test et déploiement des fonctions Azure: OK, maintenant que nos fonctions
Azure sont configurées, déployons-les simplement pour nous
entraîner et
voir à quoi cela
ressemble lorsqu'
il est vraiment sans serveur Donc, quand vous êtes dans
cette situation, encore une fois, n'y apportez
aucune modification. Il s'agit simplement d'un
modèle par défaut fourni par Azure. Ce que nous allons
faire ensuite, c'est essentiellement le gérer. Alors ici, cliquez sur F5. OK. Cela devrait donc apparaître. En gros, il ne devrait
faire que quelques exécutions. Et une erreur que nous voyons
souvent lorsque vous faites
pour la première fois c'est que ce type est ici. Ce script d'activation
ne peut pas être chargé car exécution de scripts est
désactivée sur le système. Pour plus d'informations, consultez les politiques
d'exécution sur ce lien. D'accord ? Donc, en gros,
cela signifie que Visual Studio Code essaie d' exécuter le script
appelé activate PS1 Mais il n'est pas autorisé à le faire
réellement parce que
c'est bloqué à ce sujet. Vous devez donc d'
abord cliquer sur
ce bouton de déconnexion, afin de ne pas exécuter d' applications pour le moment. Vous devez ensuite modifier
la politique d'exécution de, de, de votre système pour
permettre l'exécution des scripts. Donc, ce que nous pouvons faire, c'est simplement aller ici. Copions simplement ceci. Et encore une fois, Google
va être votre meilleur ami ici. Et je montre toujours à nouveau mon processus parce que je
veux m' assurer qu'à
la fin de ce cours, vous savez également comment corriger
les erreurs Donc, ce que je vais
dire ici, c'est de changer politique
d'exécution en illimité D'accord ? Et, vous savez, vous pouvez
généralement vous rendre ici en bourse
et trouver la réponse. Vous pouvez donc définir la politique d'exécution. Nous ne voulons pas un
côté distant, nous voulons une liberté illimitée ici Nous devons donc exécuter cette
commande en gros. OK, alors copions ceci. Retournez dans notre terminal. Désolé, où puis-je afficher un logo ? Juste ici. OK. Ensuite, il suffit de le coller. Autorisation refusée. OK, il est donc indiqué ici de démarrer Windows PowerShell avec l'option
Exécuter en tant qu'administrateur Ok, c'est bon. Ce que nous pouvons faire, c'est
fermer le code
VS, puis simplement
ouvrir le code VS en tant qu'administrateur. Il suffit donc de cliquer, de trouver VS Code puis de cliquer dessus avec le bouton droit de la souris, puis cliquer sur Exécuter en tant qu'administrateur. Encore une fois, je veux simplement montrer
tout ce que je fais car cela permet de
minimiser le nombre de questions et de frustrations
que les gens Et vous pouvez également toujours faire des
allers-retours si vous
voulez sauter cette partie. Mais maintenant que nous l'avons ouverte en tant
qu'administrateur, copions-collons à nouveau
la commande pour
voir si cela fonctionne. Parfait, ça a marché. Génial. OK, maintenant ce que nous
allons faire ici, c'est revenir à ce fichier, cliquer sur F5 et voir si cela fonctionne Aucune erreur pour l'instant dans
le journal, c'est bien. Et maintenant, une fois que c' est orange, cela signifie
que votre application est
complètement opérationnelle. Maintenant, afin de. Donc, en gros
, cela signifie que votre fonction Azure est
désormais hébergée localement. Et pour vraiment voir
si cela fonctionne, accédez à Azure, à votre
espace de travail, à vos fonctions. Cliquez avec le bouton droit dessus, puis
dites exécuter la fonction maintenant. Et ce que nous allons
fournir pour cette fonction est un fichier JSON avec le nom de clé et le mot azure et le remplacer
par votre propre nom. Je vais donc le remplacer mon nom, puis cliquer sur Entrée. Parfait, la fonction s'
est réellement exécutée localement. Et comme nous pouvons le voir ici, c'était la réponse
de la fonction. Il a dit bonjour Henry. Cette fonction déclenchée par HTTP s'est
exécutée correctement. Parfait. Cela signifie essentiellement
que nous avons pu
nous héberger et fonctionner localement. Nous l'avons ensuite déclenché, nous lui avons transmis le paramètre name, puis il y est
retourné, nous l'avons renvoyé. Génial. OK, maintenant la prochaine
chose que nous devons faire est de l'exécuter localement. Nous ne voulons pas exécuter
cette fonction localement car si votre
ordinateur s'arrête, s'il n'est pas connecté
à Internet, nous
aurons des problèmes Faisons plutôt cela. Nous sommes désormais hébergés sur l'environnement cloud
Azure afin qu'il puisse fonctionner à tout
moment sur le cloud. Et nous pouvons y accéder à partir de n'importe quelle application et
de n'importe où dans le monde. OK, donc ce que nous
allons faire ici, c'est cliquer
à nouveau sur F5, que l'application s'exécute
et
que le voyant passe à l'orange Parfait. Ensuite, nous
allons choisir
Nous allons cliquer sur ce
bouton appelé Déployer. Déployez vers une application fonctionnelle. Maintenant, il vous demande : « Hé, où voulez-vous le
déployer ? » Eh bien, nous avons déjà créé d'abord une application fonctionnelle appelée
Open AI. C'est donc là que je
vais le déployer. Cela dit,
êtes-vous sûr de vouloir déployer ? Cliquez sur Déployer. Maintenant que c'est le cas, ouvrons réellement Azure. Je vais simplement ouvrir à nouveau
mon portail Azure,
accéder à portal.azure.com Passons ensuite à notre application fonctionnelle que nous avons
créée, appelée Open AI. Et maintenant, ce qui
se passe, c'est qu'il s'agit réellement de déployer cette fonction
appelée Open AI de base, n'est-ce pas ? C'est donc ce que nous venons de
créer dans VS Code. Il le déploie
donc une fois qu'il
aura été déployé et
pourra réellement le voir dans l'environnement virtuel. Attendons donc que ce soit fait. Le déploiement vers Open AI est terminé. Génial. S'il y a des
questions à ce sujet, assurez-vous de me le faire savoir. Quoi qu'il en soit, ce que nous
allons faire ici, c'est cliquer sur Open AI de base Et puis il y a certaines
choses que vous pouvez faire ici. Par exemple, vous
pouvez voir le code, vous ne pouvez pas le modifier. Vous ne pouvez modifier que le
code et le code VS, mais vous pouvez vraiment le voir,
je crois en cela ,
ce qui est cool. Voici le vôtre, notre
code que nous avons créé. D'accord, eh bien, vous pouvez également le faire, c'est surveiller
la fonction. Ainsi, à chaque fois qu'il fonctionne,
vous pouvez le surveiller ,
consulter les journaux, voir s'il fonctionne
correctement, etc. Mais ce que nous voulons pouvoir
faire , c'est passer à la vue d'ensemble. Nous voulons essentiellement
obtenir l'URL de la fonction. D'accord ? Donc, en gros, c'est maintenant notre fonction est
hébergée sur ce lien. Toute personne accédant à ce lien pourra en principe accéder
à notre fonction Cliquez donc sur Copier dessus. Allons ici et collez-le. Et parfait, nous voyons
essentiellement ce HG, cette fonction
se déclencher. heure actuelle, cela indique
que nous n'avons pas réellement transmis de nom dans
la chaîne de requête, nous devons
donc le faire. Mais la fonction est
en fait opérationnelle, ce qui est très cool. Maintenant, pour tester cette fonction
et la réussir. Un paramètre que nous devons définir est
de passer à Postman. Ouvrons donc un nouvel
onglet et accédons à Postman. Postman est essentiellement
une plateforme qui vous
permet de tester des API Ça dit des API de test, d'accord ? Donc, en gros, ce que nous pouvons faire, c'
est tester cette API, lui
transmettre ce paramètre, le paramètre de nom, et voir
comment la sortie change. OK, alors
allons-y et faisons-le. Nous allons aller chez Postman. Allons-y et connectons-nous. Maintenant, nous devons créer un compte et
tout le reste. C'est ce que nous allons faire
dans la vidéo suivante. Mais à ce stade,
assurez-vous de vous connecter à Postman car nous allons
l'utiliser pour la prochaine vidéo Si vous n'avez pas de compte, créez-en un.
C'est totalement gratuit
15. API sans serveur : fonctions sans serveur Test de post-man: OK, maintenant que
nous sommes allés de l' avant et que nous nous sommes connectés à Postman, la prochaine étape consiste à tester notre fonction Azure à
l'aide de Postman Ainsi, une fois connecté, accédez aux collections ici Créons une nouvelle
collection appelée ***. Et nous allons créer une nouvelle
demande au sein des API. Et appelons ça un test. Nous allons maintenant
faire une requête GET. Il nous demande l'URL de la demande. Revenez ici à
votre fonction Azure. Cliquez sur Obtenir
l'URL de la fonction,
copiez-la, collez-la ici, cliquez sur Envoyer, et c'est parti. Nous avons testé avec succès
notre API à l'aide de Postman. Ce n'est pas si fou car nous l'avons déjà testé en exécutant simplement la
requête dans un navigateur. C'est donc exactement la même réponse. Mais maintenant que nous l'avons
fait dans Postman, nous pouvons réellement voir comment
d'autres facteurs l'influencent Passons donc au
corps, par exemple. Passons à Raw. Et ce que nous allons faire,
c'est lui
transmettre un paramètre. Et les paramètres sont transmis
aux API à l'aide d'objets JSON. Dans un objet JSON, l'objet commence
essentiellement par une accolade et vous entrez la
première clé, puis une valeur La clé sera donc nommée. Assurez-vous de le mettre
entre guillemets. Et la valeur sera votre nom. Nous allons donc en faire Henry. C'est la même chose que
nous devons faire lorsque nous
testions notre fonction localement. OK, cliquons sur Envoyer dessus. Nous pouvons maintenant constater que la
réponse a changé. Il s'agit de prendre notre entrée ou de prendre notre paramètre comme
entrée et de le sortir Donc ça dit « Bonjour Henry », je peux retourner ici et le remplacer par
quelque chose comme une ampoule. Maintenant, il est écrit « Bonjour ampoule ». Donc, ce que vous pouvez faire,
c'est exécuter cette fonction
qui existe maintenant. Azure est accessible
de n'importe où. Vous pouvez lui transmettre des entrées, pas seulement nommées, mais d'autres
entrées si vous le souhaitez. Et faites des choses avec ces entrées. Par exemple, en envoyant un ping serveurs
Open AI, puis
en émettant une réponse C'est donc essentiellement le cycle
que nous créons ici. Nous avons pu créer une fonction Azure très simple
qui prend simplement le nom
d'un paramètre,
puis renvoie ce paramètre. Encore une fois. C'est désormais public. monde peut y accéder, n'importe quelle application peut y accéder, car n'importe qui dans le monde peut désormais utiliser cette fonction
pour ses applications, pour ses flux de travail,
pour n'importe quoi. C'est la première étape. la prochaine série de
vidéos, nous allons faire
exactement la même chose, mais pas avec cette fonction de base qui ne fait rien. Mais au lieu de cela, avec
une fonction qui reçoit
essentiellement une invite, envoie un ping à l'API d'Open AI
avec cette invite, puis renvoie la réponse OK, parfait. Allons-y et faisons-le.
16. API sans serveur : intégration d'OpenAI ChatGPT avec les fonctions Azure: OK, maintenant que nous savons
comment déployer des
fonctions dans le cloud à l'
aide des fonctions Azure. Et nous savons comment
utiliser l'API d'Open AI. Mettons ces deux
choses ensemble. OK, je vais donc accéder à
mon espace de travail Azure ici et je vais créer une nouvelle fonction. Et je vais
appeler cette fonction. Et encore une fois, ce sera
une fonction de déclenchement HTTP. Disons que c'est une API de complétion. D'accord ? Ce sera une fonction anonyme. Et ce que je vais faire,
c'est que cela va simplement
ouvrir une autre API init point py
et de complétion Donc, si je vais ici, je peux voir maintenant que
j'ai deux dossiers, un pour l'autre
fonction
sur laquelle j'ai travaillé et un pour l'API de complétion. OK, passons à celui-là. Et encore une fois, nous, vous avez ce modèle
standardisé ici. D'accord ? Maintenant, ce que je vais faire, c'
est aussi ouvrir la mauvaise voie. Allons ici pour
créer une nouvelle fenêtre. Et dans cette nouvelle fenêtre, nous allons ouvrir
ce
sur quoi nous travaillions auparavant. Droite. Travaillons donc sur l'anglais. Appelez ça Scratch. Non Oui, juste ici. D'accord. C'est le code que nous avons
utilisé pour payer l'API d'Open AI
et nous
allons copier des éléments de ce code. D'accord ? Donc, ce que je vais faire
ici, c'est d' abord importer dans Open AI. Maintenant, si vous le faites et
que vous l'exécutez, je vais en fait vous donner une erreur. Parce qu'Open AI n'est pas une bibliothèque laquelle cet
environnement de fonctions Azure a accès. C'est là qu'intervient le
fichier requirements.txt. Donc, si vous allez dans
votre explorateur de fichiers, vous devriez voir un fichier appelé
requirements.txt ici, il suffit de le mettre dans Open AI. Ce que cela permettra,
c'est que cela signifiera essentiellement que votre fonction a désormais
accès à cette bibliothèque. J'entendrai également
entrer notre clé secrète. Alors Secrets t. Et encore une fois, ce
sera différent pour vous. Je vais juste chercher le mien où qu'il soit. Laisse-moi juste trouver ce qui
est parfait ici. Une référence d'API. Encore une fois, je vais
cliquer sur ce type ici, accéder à Afficher les clés d'API. Et nous y voilà. Je devrais essentiellement cette clé API. Je l'ai déjà, mais si vous ne
savez pas comment
y accéder , c'est comme ça que vous y parviendrez. D'accord ? Je vais donc copier
ma clé secrète ici. Parfait D'accord. Maintenant que tout est
initialement configuré, modifions
notre logique ici. La logique ne fait vraiment
rien pour le moment. En gros, il
renvoie simplement le nom. Donc, en fait, je vais supprimer
beaucoup de ces éléments ici. Et je vais garder
cette partie parce que nous voulons savoir si elle
a réussi, non ? Je vais donc garder
cette partie ici. Supposons également que le
code d'état soit égal à 200 ici. Parfait Laisse-moi juste me débarrasser de
ce type et c'est génial. OK, c'est donc
notre code jusqu'à présent. Laisse-moi y mettre des virgules. OK, parfait. Permettez-moi simplement de mettre une déclaration ici. OK, génial. C'est donc là que va s'orienter
notre logique principale. Donc, la première chose que
nous devons faire est mettre d'abord
dans les commentaires. Nous devons donner à Open API notre clé secrète
pour nous authentifier Nous devons ensuite obtenir des
variables à partir du corps de la requête
HTTP. Vous devrez ensuite appeler
l'API d'Open AI. Nous devons ensuite
formater la réponse. Enfin, nous devons
fournir la réponse. D'accord ? Alors tout d'abord, donnez à Open
AIR la clé secrète pour intoxiquer. C'est très simple. Tout ce que nous avons à faire est de taper Open AI
pour accéder à cet objet et de faire en sorte
que la propriété de clé d'API soit égale à cette
variable de clé secrète ici. La première étape est donc terminée. Nous devons ensuite
récupérer les variables à partir du corps de la requête HTTP. Et nous savons déjà
comment nous y prendre. Si vous revenez ici, vous pouvez réellement voir que
c'est ainsi que nous procédons. En gros, nous faisons de Wreck
Body Equate get JSON. Ensuite, vous pouvez entrer toutes les variables
JSON de votre choix. Donc je vais le dire, donc wreck body est égal à
req dot get Ainsi, quel que soit le fichier JSON
saisi dans la requête, nous le retrouverons dans le corps du rack Et ce que nous voulons alors, c'est appeler des variables lorsque nous
appelons réellement l'API d'Open AI. Donc, ce que nous allons faire
ici, c'est dire que sortie est égale à Open AI. Et nous allons utiliser la fonction Complete, la fonction de complétion.
Donc, Doc Create. Encore une fois, comme nous le faisions auparavant, nous devons transmettre tous ces différents arguments
à cette fonction. D'accord ? Donc, ce que je vais
faire ici, c'est que le modèle sera égal à la variable qui m'est
fournie dans cette demande. D'accord ? Je vais donc rendre le modèle
égal au modèle d'entrée. Nous allons faire en sorte que la rapidité soit égale à la même
chose, le corps du rack. Rapide. Nous allons avoir un maximum de jetons. Encore une fois, soyez égal à
ce qui nous est fourni
, c'est-à-dire le maximum de jetons. Enfin,
la température nous
sera également
fournie. La température
est donc égale à la température. OK, c'est parfait. La prochaine chose que nous
devons faire est formater la réponse. Et encore une fois, nous l'avons fait
dans une vidéo précédente car nous remarquons que la
réponse est au format JSON. Nous allons donc simplement copier
le code exact que nous avions auparavant pour formater la sortie
en une réponse valide. Ensuite, ce que nous devons
faire, c'est
fournir la réponse
ou plutôt faire écho la réponse et la
renvoyer essentiellement à partir de cette fonction. Donc tout ce que nous allons faire
c'est nous débarrasser de tout ça ici. Et nous allons simplement taper
le texte de sortie. OK, on y va. Oups, ça devrait
être souligné sur le corps. OK, c'est parfait. Cliquez sur Enregistrer à ce sujet. Ensuite, dans la
vidéo suivante, nous allons
essayer de l'exécuter et de le tester. Je le ferai localement avant de
le déployer en ligne.
17. API sans serveur : test local d'AI ChatGPT: OK, maintenant avant
de tester quoi que ce soit, nous devons toujours
relire notre code juste pour nous
assurer qu'il est correct. Par exemple, j'ai
découvert
qu' collant ceci,
je n'ai pas copié
et collé le corps de
l'épave en fonction de
la température Je vais donc
le faire maintenant. C'est très courant. Vous oublierez tout
le temps des choses
dans votre code et il s'
agit simplement de le corriger. L'autre chose dont nous devons nous
assurer est que nous devons
fournir une demande d'échantillon pour
réellement tester si cela fonctionne. Parce que pour le moment,
cette fonction
ne s'exécutera que si nous transmettons les variables suivantes
dans le corps de notre requête. Donc, ce que j'ai
fait ici, c'est créer un exemple de demande. Et encore une fois, c'est au format JSON. Vous avez donc le modèle
qui équivaut à des textes, Da Vinci, vous avez le
prompt égal à quatre. Dans ce cas, donnez-moi simplement
le slogan d'une entreprise de biscuits. Vous avez un maximum de jetons égal à 200 et votre température est
égale à zéro. Maintenant, nous pouvons le faire
où nous voulons. Le fait est que chaque fois que notre application utilise cette API, nous pouvons transmettre le
modèle ,
l'invite
que nous voulons, etc. Assurons-nous donc de cliquer sur
Enregistrer, puis sur F5. Et je vais
copier cette invite. Oh, pas les instructions,
désolé, le corps de la demande. OK, je vais aller
dans Azure ici. Je vais cliquer sur la fonction, je
vais cliquer avec le bouton droit sur l'API d'achèvement et
cliquer sur Exécuter la fonction. Maintenant, il est écrit « Entrez
un corps de requête ». Laisse-moi le saisir. Cliquez sur Entrée pour confirmer. Voilà, la fonction a
été exécutée. En fait, nous pouvons voir cela et cela indique que
la réponse réside dans le goût, la douceur de nos biscuits Génial Regarde ça. Nous pouvons maintenant utiliser cette fonction comme bon nous semble. Nous pouvons transmettre n'importe quelle invite, importe quel modèle, n'importe quel jeton
Max, n'importe quelle température. Et ça va marcher. Actuellement. Cela ne fonctionnera que
localement, mais c'est très bien. Dans la vidéo suivante, nous allons
réellement le pousser vers le haut. Ce que nous avons fait
ici, c'est créer notre propre API Open AI. Et vous lui transmettez un modèle d'invite
et ainsi de suite. Et ce faisant, vous pouvez réellement obtenir
une réponse. Voici donc l'
API wrapper que nous avons créée. Une fois l'API wrapper terminée, nous allons apprendre à intégrer cette API wrapper dans
Outlook Power Apps, automatiser de nombreuses applications
différentes, et c'est là que
vous pourrez réellement commencer à créer
ces Génial
18. API sans serveur : déploiement d'OpenAI ChatGPT sur les fonctions Azure: Très bien, déployons
maintenant notre API de
complétion de fonctions Azure, qui utilise l'API Open AI, qui est encore une fois très cool. OK, donc ce que nous allons faire, c'est exécuter à nouveau l'
application. Parfait Nous
allons ensuite aller ici et cliquer sur Déployer. Déployez l'application Function. Nous allons déployer sur l'
Open AI la première application
fonctionnelle sera créée. Et si nous y allons, si nous revenons
maintenant à Azure, nous devrions voir ici, si nous allons dans l'application OpenAI à fonctions
premières, nous devrions voir deux
fonctions ici. À présent. Pas qu'un seul. Nous devons juste
attendre qu'il soit déployé, mais nous devrions le voir bientôt. En tant qu'Open AI de base. C'est celui-ci, ici. Le dernier déploiement n'a pas été trouvé. Hein ? Intéressant OK, essayons encore une fois. Je vais d'abord ouvrir l'IA. Je suis connecté. Eh bien, cela prend
plus de temps qu'avant, donc c'est bon signe pour l'instant. Non, pas encore. Limite à
Open AI terminée pour la première fois. OK, donc ça devrait être là. Revenons ici et
actualisons réellement l'intégralité de la
page Azure associée. Voilà, l'API de complétion. Alors allons-y. Et nous allons à nouveau cliquer ici
et cliquer sur Obtenir l'URL de la fonction, copier dans le presse-papiers Maintenant, si nous
essayons simplement de l'exécuter, je pense que cela échouera
normalement. Donc, si j'essaie simplement de l'exécuter comme
ça, par exemple, cela échouera probablement car cela indique que cette
page ne fonctionne pas. Et encore une fois, c'est
parce qu'il ne trouve pas ces demandes. Nous devons donc l'exécuter dans Postman, c'est
pourquoi nous avons utilisé
Postman au départ Bien, revenons à Postman et nous
ajouterons une nouvelle demande Cela s'appellera notre demande d'API de
complétion. Nous allons entrer l'URL de la demande, qui est encore une fois ce type ici. D'accord ? Passons maintenant au corps
et nous allons mettre cette chaîne JSON, n'est-ce pas ? Donc si je reviens ici, cliquez sur ce type, mettez-le ici. Et nous pouvons également
le formater un peu. Voici donc les
quatre arguments que prend en compte notre fonction d'
IA sans serveur personnalisée OK, maintenant faisons une
demande à cette page, mais pas sans rien
avec ce corps. OK, alors cliquons sur Envoyer maintenant. Et voilà, nous
recevons une réponse, goûtons à la douceur
de nos biscuits Maintenant, nous pouvons changer cela
pour autre chose. Changeons plutôt
cela pour m'expliquer en 25 mots ou moins comment fonctionne
un ordinateur. OK, cliquons sur Envoyer à ce sujet. L'ordinateur traite les données
à l'aide de matériel et
de logiciels pour effectuer des tâches et
fournir des informations. Parfait Ok, on y va. Nous disposons donc maintenant d'une API
Chad GPT sans serveur complète qui fonctionne et que nous pouvons personnaliser Nous pouvons donc non seulement
renvoyer la réponse, des jetons, nous pouvons, par exemple, également l'utiliser pour renvoyer
non seulement ce modèle, mais aussi d'autres modèles, nous
pouvons l'utiliser pour renvoyer. À l'heure actuelle, cela utilise
l'API de complétion. Nous pouvons créer une autre
API pour les photos. Nous pouvons créer une autre API pour les instructions et ainsi
de suite. Mais puisque nous l'avons créée
, et encore une fois, il s'
agit de notre propre API, nous pouvons désormais la mettre dans n'importe quelle
application de notre choix. C'est donc vraiment le, désolé, c'est vraiment la fin
de cette section. Être capable de créer
une API
GPT de chat sans serveur personnalisée Dans la prochaine étape, nous allons
réellement intégrer cette API dans les applications, ce qui est encore une fois la prochaine
étape que nous allons franchir. Génial Alors félicitations
pour avoir créé votre propre API GPT de
chat sans serveur Encore une fois, vous pouvez maintenant l'utiliser avec les postiers et
lui donner le message
que vous voulez et il vous
répondra. Génial
19. Outlook : paramétrage de l'environnement complémentaire Office: Très bien. Maintenant, le prochain logiciel très
courant que nous
allons intégrer à Open
AI Width est Outlook. Outlook est un simple client de
messagerie. Si vous avez travaillé n'importe où
dans l'espace professionnel, vous connaissez Outlook. Pour cela, vous aurez
besoin d'un client Outlook et d'un compte contenant un abonnement
Outlook. Assurez-vous donc de l'avoir. Vous pouvez vous renseigner auprès de votre entreprise ou
vous pouvez également acheter Office 365. Je pense que c'est environ 8$ par mois. Et vous avez accès à
Outlook, Word, Excel tous les produits de la
suite Office à un prix assez bas sur la base
d'un abonnement. Très bien, maintenant, avant
de commencer, nous devons configurer
notre environnement. En gros, ce que nous
devons faire, c'est installer les outils qui nous
permettent d'ajouter des
extensions et des compléments Outlook La première chose dont nous avons besoin
est d'un éditeur de code. Nous allons maintenant utiliser
Visual Studio Code, n'est-ce pas ? Donc, la même chose que nous utilisons
pour créer l'API, pour créer
la fonction Azure, etc. D'accord ? Vous avez également besoin de quelque chose
appelé Node JS. Alors laisse-moi te
parler de ce type. Vous pouvez donc le trouver
sur Node js.org. Il s'agit essentiellement d'un environnement
d'exécution JavaScript. Il vous permet de créer des
applications avec JavaScript. Pour être honnête, je ne
connais pas très bien JavaScript, mais c'est très bien
parce que vous en avez juste besoin pour exécuter cette application. L'ensemble du backend peut toujours être réalisé par votre fonction Azure. D'accord ? Maintenant, lorsque vous êtes sur ce site Web
, assurez-vous de cliquer sur la version LTS et non sur
la version actuelle. Assurez-vous donc de le faire. Cliquons sur ce type ici. Ouvre ensuite le programme d'installation. Ensuite, procédez à l'installation
effective de Node JS. Je l'ai déjà installé, donc je n'ai pas vraiment
besoin de le faire. Maintenant. Ce que vous
voulez probablement vous assurer, c'est que
vous voulez vous assurer que votre version de Node JS est correctement installée. Je pense donc qu'il existe une
commande rapide que vous pouvez exécuter pour cela. Et ça l'est, voyons voir. Je pense que si tu vas ici, oups, va
voir ton, ce type Créons un
tout nouveau dossier. Ouvrez donc les documents du dossier, nous les mettrons
dans un nouveau dossier. Ce sera notre complément pour Outlook. Cliquez sur Sélectionner un dossier. OK, parfait. Maintenant, la prochaine chose
que nous voulons faire est d' ouvrir le terminal ici. Maintenant, une fois que c'est déverrouillé, tapez
simplement Node
Dash, version Dash Vous devriez donc utiliser la version. Pour moi, c'est 18.13, 0.0, mais cela devrait essentiellement correspondre ce que l'on appelle LTS ici Maintenant, si dans le futur c'est 20, c'est 20.1, c'est très bien. Assurez-vous simplement d'
utiliser la version LTS. Vous devez également avoir installé
quelque chose appelé NPM lorsque
vous installez Node Donc, si vous tapez npm dash, version
dash, parfait. La version de NPM
n'a donc pas autant d'importance. Vous devez vous assurer
que la version de votre Node
est la version 18.13, 0.0. D'accord ? La dernière chose que nous aurons
besoin d'installer est quelque chose qui s'appelle Yo man, accord, maintenant, je sais que ça
semble assez bizarre. Mais le jeune homme est un outil d'emballage très
cool qui vous permet de
créer de nouveaux projets. Microsoft
utilise donc Yo man pour configurer vos configurations Outlook afin s'
assurer que lorsque vous lui
donnez l'apparence d'une extension, tout ce qui s'y trouve est bien intégré. Il s'agit donc plutôt d'un générateur de
projet pour vous, car vous le verrez comme des outils
très faciles à utiliser. Donc, la première chose que nous voulons
faire pour l'installer est de faire venir ce type ici. Mais ce que nous allons
réellement faire, parce que nous n'avons besoin que
de
la version spécifique de Yo man pour nos besoins, c'est de taper
npm install dash g, yo generator dash office Il s'agit du générateur Yo
pour Office en particulier. Allons-y, laissons les choses
se dérouler et se terminer. C'est bon. D'accord. Nous y voilà. Maintenant, nous
avons
installé tout ce
dont nous avons besoin pour commencer à
créer un complément Outlook,
en particulier un complément capable de communiquer avec
notre API de chat GPT
que nous avons créée
et qui envoie essentiellement un ping aux serveurs d'
Open AI OK, parfait.
20. Outlook : créer un projet Office Outlook: OK, maintenant la prochaine
chose que nous allons faire est créer notre projet d'ajout. OK, donc nous allons utiliser
Yo man pour le faire. C'est donc très simple.
Maintenant, assurez-vous que vous êtes dans le répertoire dans lequel vous
souhaitez vous trouver, dans VS Code. Et puis dans le terminal, en
tapant yo space office. Maintenant, il fait son travail. Il s'agit essentiellement
de configurer le projet. Maintenant, c'est un peu difficile à voir, vous pouvez
donc le déplacer vers haut et voir à quoi cela ressemble. Donc c'est écrit ici, bla, bla, bla, bla, bla, bla, bla, bla,
bureau Je n'ai pas vu, j'aime collecter des données
d'utilisation anonymisées. Vous pouvez maintenant utiliser
les touches fléchées de votre
terminal pour sélectionner quelque chose. Nous allons sélectionner Continuer. Maintenant, il est indiqué de choisir
un type de projet. Voulez-vous donc
créer un projet de
volet Office complémentaire à l'
aide de React Angular Voulez-vous créer
une fonction personnalisée ? Tu peux créer plein de
choses différentes. Nous allons créer une extension Office dans
un projet de volet des tâches. OK, alors cliquons sur
Entrée dessus. Il vous demande maintenant quelle
langue vous souhaitez utiliser. C'est à vous de décider si vous
avez une préférence entre JavaScript
et TypeScript, allez-y et choisissez-en Je vais utiliser Java Script. Quel nom souhaitez-vous donner à
votre complément Office ? Nommons ce test Outlook. Dans quelle application
client bureautique souhaitez-vous effectuer le support ? Nous allons maintenant simplement prendre
en charge Outlook, mais c'est ici que vous
pouvez en utiliser plusieurs. Et maintenant, il est en train
de le créer. Je fais juste son truc. Résoudre beaucoup de choses. Je devrais peut-être
le mettre dans une autre vidéo. Pourquoi ne pas arrêter la
vidéo pour le moment, puis je continuerai quand elle
sera terminée. Peu importe. Tout est terminé. OK. C'était parfait. Nous y voilà. Maintenant, nous allons essentiellement ajouter
ce que
nous avons fait ici dans un dossier
appelé test out. Regardez-le. Et si
vous accédez à ce dossier, vous verrez qu'il a déjà créé
l'intégralité du projet pour vous. Et il y a quelques dossiers sur lesquels
nous devrions vraiment nous concentrer. Le premier est le fichier xml
manifest point. Cela vous montre simplement certaines
configurations de votre projet. Que voulez-vous que soit
votre icône ? Lorsque nous cliquons sur
le complément Outlook, vous souhaitez
que la couleur de
l'icône soit Ce que vous voulez dire sur le nom
d'affichage de cette icône. À quel ruban
voulez-vous qu'il fasse partie ? Où se trouve l'endroit où
cela sera hébergé, juste des choses aléatoires comme ça. Mais elles sont assez importantes. Le code principal est
en fait sa source. Donc, si vous accédez à la source
et que vous accédez au volet des tâches, c'est vraiment
là que se trouve votre application, en
direct, d'où elle provient. Donc, tout d'abord, vous avez
dans le code HTML de votre application, qui consiste essentiellement à la
considérer comme une partie intégrante d'une application, comme un très microsite Web. Un site Web utilise du HTML, du
CSS et du JavaScript. Le HTML est essentiellement ce que vous voyez lorsque vous
ouvrez l'application. Ainsi, par exemple, ici, vous pouvez changer de corps
pour voir autre chose. Au lieu de dire « obtenir
plus de résultats grâce à l'intégration d'Office », vous pouvez faire en sorte que cela
signifie autre chose, et ainsi de suite. Le CSS, c'est plus pour le style, non ? Alors, quelles sont
les couleurs que tu veux ? À quoi ressemble
votre rembourrage ? Que voulez-vous que soit
votre écran ? C'est très utile car cela fonctionne réellement avec le HTML. Pour produire le front
end que vous voyez. Le code HTML est plutôt un squelette
de différentes classes, et le fichier CSE définit à quoi ressemblent ces différentes
classes Par exemple, nous voulons que
tout ce qui contient l'en-tête H2
principal de MS Welcome ait une
largeur égale à 100 % que l'alignement du texte soit au centre Enfin, vous disposez du moteur
sous-jacent de l'application, qui est le fichier JavaScript. Donc, fondamentalement,
cela exécute du code. Lorsque quelqu'un clique sur l'application et
clique sur le bouton Exécuter. C'est là que nous allons
réellement insérer du code pour accéder à l'
API tierce que nous avons créée. Fournissez une invite,
récupérez la réponse, puis affichez
cette réponse manière claire et ordonnée dans
le fichier HTML Ok, alors on y va. La dernière chose que nous devons
faire ici est de nous assurer que nous ne sommes
pas vraiment dans notre dossier de projet, nous sommes dans le dossier parent à l'extérieur. Regardez-le. Il a
dû s'assurer que nous étions en phase de test
, regardez-le. D'accord, donc ce que nous pouvons
faire ici pour faciliter les choses, c'est d'aller dans
Fichier > Ouvrir le dossier. Je pense qu'
il faut le regarder , puis aller
dans le dossier qui vient d'être
créé à partir de vous et
collecter, sélectionner le dossier Et nous y voilà. Maintenant, nous y sommes et là où nous devrions être. Si vous ouvrez Terminal maintenant, je serai
au bon endroit. Et vous avez également tous vos fichiers
ici sur la gauche. OK. Génial.
21. Outlook : lancement du complément Outlook: Très bien, maintenant que nous avons créé notre premier projet de
complément pour Outlook et que nous avons
passé en
revue une partie du
code qui le sous-tend Commençons et voyons à quoi
cela ressemble dans Outlook. Maintenant, ce sera
un volet Office. Vous cliquerez donc sur un bouton
, puis une peinture sortira du côté droit, ce qui
pourra affecter notre application. OK, alors ouvrez le terminal et à partir d'
ici, tapez npm. Débuter. Encore une fois, assurez-vous que vous êtes
dans le bon dossier. Il devrait y avoir le dossier
créé à partir de Yo man. OK, alors cliquons sur npm,
commençons, commençons à faire son travail. Je vais commencer à charger des
choses et vous
verrez probablement aussi quelque chose comme
ça apparaître. présent, il se peut que vous deviez installer
un certificat de développeur Vous pourriez
donc recevoir un
avertissement de sécurité de ce type. Allez-y et cliquez sur Oui. C'est parce que
nous n'utilisons pas HTTPS pour le moment. Tout type de problème
vous oblige à utiliser le protocole HTTPS. Vous recevez donc de nombreux messages
comme cette brume à sécuriser. Oui, c'est parce que
je suis en train de le développer et ainsi de suite. OK, c'est parfait. Donc, une fois que cela est terminé, votre Outlook devrait
apparaître automatiquement. Maintenant, vous devriez voir apparaître
un volet des tâches et effectuer
une action ici. OK, maintenant,
pour les activer, vous devez être dans un e-mail. Ainsi, par exemple, permettez-moi d'
ouvrir cet e-mail ici. Maintenant, je peux voir Afficher le volet
des tâches et effectuer une action ici. Je vais donc continuer
et sélectionner Afficher le volet des tâches. Il indique que pour déboguer la
vue Web, attachez du code VS à
l'instance de la vue Web à l'aide l'extension Microsoft Debugger
for Edge C'est si vous le souhaitez, si vous souhaitez déboguer de
manière professionnelle, que vous pouvez le télécharger Mais pour nos besoins, nous créons un Outlook
relativement simple dans une application. Nous n'aurons donc pas besoin de le faire. D'accord ? Et nous y voilà. Il s'agit du
logo de notre administrateur ou d'un message de bienvenue. Découvrez ce que compléments
Office peuvent vous
apporter dès aujourd'hui Modifiez le
fichier source, puis cliquez sur Exécuter, bla, bla, bla, bla, bla À l'heure actuelle, si nous cliquons sur
Exécuter, rien ne se passera. Run exécute essentiellement le code qui se trouve
ici dans la source Volet des tâches, js, fonction d'exécution. l'instant, il n'y a
rien ici, donc rien ne fonctionne réellement. D'accord ? Mais c'est le
frontend HTML ici, non ? Donc, ce que nous pourrions faire très
simplement, c'est aller ici, passer au code HTML, puis
modifier cela, n'est-ce pas ? Ainsi, au lieu de
dire « obtenir plus grâce à l'intégration d'Office », nous pouvons dire quelque chose
comme bonjour tout le monde. Et puis si nous
revenons ici, je pense que nous
devrons
probablement redémarrer l'application. Oui. Oui, nous n'avons pas besoin de faire ça. Alors
comment le redémarrer ? Ce que nous pouvons faire, c'est
revenir au code et taper npm. Recommencer. Cliquez sur OK. Une nouvelle version d'
Outlook va maintenant démarrer. Passons maintenant ici
et sélectionnons un e-mail,
affichons le volet des tâches.
Oh, tu sais quoi ? Je suis tellement stupide. Je crois que j'ai oublié de
simplement enregistrer le fichier. Oui. Assurez-vous d'avoir
bien enregistré le fichier. Control S est donc la façon dont vous l'enregistrez. Faisons ça encore une fois. Afficher le volet des tâches, cliquez sur. OK, bonjour, tout le monde. Génial. Voici donc comment créer
votre Outlook Office,
ajouter une application. Vous disposez désormais de tous les
outils dont vous avez besoin
pour créer l'
application de votre choix. Ce que nous allons faire dans
ce module, c'est simplement établir une connexion de
test. En gros,
nous allons créer très
rapidement une
application qui récupérera le
contenu de votre e-mail, quel que soit votre choix. Et une fois que vous avez cliqué sur Exécuter, il envoie ce contenu ou peut-être même une ligne d'objet
à notre API Azure Function. Et puis il renverra
une réponse de sa part. Et il affichera cette réponse dans le volet des tâches ici. OK, génial. Allons-y et
commençons à le faire.
22. Outlook : exécuter l'API ChatGPT dans Outlook: Maintenant que notre complément Outlook
fonctionne correctement, voyons si nous
pouvons effectuer un appel d'API à partir de
notre complément Outlook vers l'API de
chat GPT que nous avons créée Pour rappel, juste
notre API de chat GPT. Celui que j'ai créé, du
moins c'est le lien. Assurez-vous qu'il s'agit d'une requête post et non d'une requête get. Et puis c'est le
corps dont il a besoin : modèle, prompt, max, jetons
et température. Permettez-moi également de
zoomer ici. Ensuite, si je clique sur Envoyer,
cela me renvoie essentiellement la réponse du modèle da Vinci d'Open
AI. OK, parfait. Passons donc notre
code Visual Studio, puis passons au volet des tâches (point JavaScript). Encore une fois, tout notre code
qui sera exécuté sera terminé ici, et cela
se fera en JavaScript. Maintenant, je ne sais pas pour vous, mais je ne suis pas très familier
avec JavaScript, mais vous n'avez pas besoin
d'en savoir beaucoup pour effectuer un simple appel d'API. Finalement, ce que nous
voudrons faire, c'est
prendre un élément d'un message, par
exemple
quelque chose comme ça. Cliquez ensuite sur Exécuter. Il envoie ce message à notre fonction et le
résume peut-être ou
quelque chose comme ça, puis en renvoie un résumé
depuis Jiangxi PT Ainsi, par exemple, nous pouvons demander très facilement à
chat GBT de résumer la
déclaration suivante en 25 mots ou moins Mais encore une fois, la première
chose à
faire est de vous assurer que nous pouvons réellement connecter au chat
GPT depuis Outlook Et comme vous le verrez bientôt, c'est beaucoup plus difficile
que vous ne le pensez. Pas à cause de JavaScript, mais pour des raisons de sécurité. La question de la sécurité
est très intense, mais je prends de l'avance sur moi-même. Allons-y et
introduisons notre code. D'accord, donc, en gros,
comment exécuter un appel d'API à partir de JavaScript il existe une fonction
appelée fetch Et Fetch nécessite deux choses. Il faut une URL et d'autres paramètres. Par exemple, comme le corps, les en-têtes, des choses comme ça D'accord ? C'est donc ça. C'est ce que nous
devons faire. Maintenant, lorsque vous définissez ces choses. Alors pourquoi ne pas
créer a, une constante, une variable constante appelée URL, rendra égale à l'URL de la fonction que nous avons créée. Je vais donc aller voir Postman et copier ce type ici Je ne pense pas avoir besoin de
tout le reste ici. Si je clique simplement sur Envoyer. Parfait, nos œuvres,
d'accord ? Parfait. J'ai également besoin que ces
autres paramètres soient également définis, n'est-ce pas ? Créons donc
une autre constante. Si constant, l'autre
paramètre est égal à, et celui-ci sera
lui-même adjacent. J'ai donc voulu
trouver certaines choses. Je voulais trouver le
corps du message. Je souhaite définir la
méthode de l'hôte. La méthode va donc être
un post plutôt qu'un get. Et nous avons
parlé des différences lors d'une conférence précédente. Le corps sera équivalent
à ce corps JSON ici, lequel nous devons définir
le modèle rapide, le maximum de jetons et la température. Donc, pour savoir où faire,
je vais copier ceci. Je vais le mettre ici entre guillemets
simples
, puis cliquer sur Coller. Malheureusement, ce que
vous devez faire, c'est en
arrière et vous débarrasser des nouvelles lignes Allons-y et faisons-le. OK, parfait. Et puis mettez également une virgule à la
toute fin. De plus, comme il s'agit de
JavaScript, de mettre un point-virgule à la fin
de chaque instruction, juste pour ne pas tout gâcher OK, parfait. Maintenant, nous avons un autre programme, désolé, ce sont d'autres paramètres. Passons à un
autre programme, d'accord ? Nous avons maintenant défini
ces deux choses. Parfait. Maintenant, la prochaine chose
que nous devons
faire ici est sauvegarder les résultats
de cette fonction quelque part. Créons donc
une autre variable, une réponse
constante, et la
rendons égale à l'URL de récupération La seule chose est que l'URL de récupération est une fonction asynchrone Tu dois vraiment
mettre un poids ici. D'accord ? Parfait. Eh bien, faites de même et nous allons créer une nouvelle variable
appelée output. Donc, var output, cela la
rendra égale à la réponse que nous obtenons
de cette fonction de récupération Appelle donc essentiellement l'API. Il renvoie ensuite l'objet de
réponse, mais il ne s'agit pas de la
réponse elle-même. Il contient essentiellement tout ce qui
concerne la réponse. Quand on lui a répondu
avec un code d'état, c'est tout comme ça. Tout ce que nous voulons, c'est le
texte de la réponse, c'
est-à-dire ce type ici. Donc, tout ce que nous voulons, c'est
le point de réponse txt OK, parfait. Et
assurons-nous de le mettre
en tant que fonction. D'accord ? La dernière chose que nous ferons est
de consigner la sortie. Donc Console Dot Log. Je serais très bien, parfait. Cliquez donc sur Enregistrer à ce sujet. Et une grande partie de la
fenêtre Outlook est ouverte. Laisse-moi juste nettoyer un peu. Comme je testais certaines
de ces choses auparavant. OK, allons-y
et saisissons npm starts. Et cela ouvrira n'importe quel
nouvel écran Outlook. C'est ce type ici. Passons donc à un
message que j'ai reçu de quelqu'un qui est
trop verbeux pour moi. Je suis trop important. Je ne veux pas lire ceci, je peux donc cliquer sur Afficher le volet des tâches ici. Et c'est notre fonction. Vous pouvez faire quelque chose dessus
avec le bouton droit de la souris et en
cliquant sur Inspecter. Et cela vous permettra de regarder
essentiellement
le fichier console.log. D'accord ? Il y a donc peu d'erreurs
ici, mais c'est très bien pour le moment. Nous n'avons pas à nous inquiéter à ce sujet. Mais ce que nous pouvons faire
ici, c'est cliquer sur Exécuter. Et regarde ça. Il sort correctement. Donc, ce que cela
fait essentiellement dans le code, c'est le cas, permettez-moi de revenir ici. Il appelle cette API. OK. Eh bien désolé,
oui, ça s'appelle, ça appelle cette API liée. Il lui donne ensuite
ce corps qui définit le modèle, l'invite, le nombre maximum de jetons
et la température. Il fait ensuite une demande de publication, puis il renvoie
cette demande de publication. Ensuite, il traduit
cela en un texte pour nous. Et puis il produit ce texte. Nous y voilà. C'est aussi simple que cela. Et maintenant,
nous avons établi un lien, Rob d'Outlook vers Chat GPT Encore une fois, si je vais ici clique sur Inspecter et que j'accède à la console, chaque fois que je clique sur Exécuter, vous pouvez voir cette fonction s'exécuter. Vous le verrez donc ici,
sur le côté gauche. Si je clique sur Exécuter. Encore une fois, les deux signifient que cela
se reproduit. Donc un ordinateur traite les données, bla, bla, bla,
bla, bla Je peux entrer ici et
changer l'invite, non ? Je peux plutôt dire : qu' est-ce que la crème glacée ? Et enregistrez-le. Revenez ensuite à mon Outlook, ouvrez à nouveau l'inspecteur, accédez à la console,
puis cliquez sur Exécuter. La crème glacée est un dessert glacé de bla, bla, bla, bla, bla Parfait. Nous avons donc pu
relier les deux. Maintenant, si cela ne
fonctionne pas pour vous et si
vous recevez une erreur, si vous recevez une erreur de corps
ou quelque chose comme ça. Encore une fois, j'ai déjà abordé ce sujet. Si vous recevez une erreur de cours, vous devez configurer correctement votre protocole
de sécurité. Et dans la vidéo suivante, nous allons apprendre comment procéder. Mais si ça fonctionne pour
toi, alors tu vas bien. Tu n'as pas à
t'inquiéter à ce sujet. Mais si cela ne fonctionne
pas pour vous, suivez la
vidéo suivante, nous verrons
comment résoudre réellement
le problème des cœurs. OK, Génial.
23. Outlook : résoudre les problèmes de CORS et de sécurité dans Outlook: Bonjour à tous. Si vous avez
réussi à connecter votre Outlook à vos fonctions Azure,
tout va bien. Vous n'avez pas besoin d'
aller plus loin. Toutefois, si vous recevez une erreur de cours une erreur d'origine d'
autorisation ou quoi que ce soit d'autre, suivez les étapes cette vidéo et le problème
sera résolu. Vous savez, si c'est le cas, c'est
que vous avez une erreur de parcours. S'il est indiqué
tout en rouge ici, cela indiquera quelque chose comme une erreur d'origine
autorisée ou CORS, une erreur cœur ou une erreur de sécurité
ou quelque chose comme ça Et c'est en fait une bonne chose. Cela ne permet essentiellement pas à
votre Outlook d'établir une
connexion avec une API aléatoire. Cela n'autorise pas non plus
l'API aléatoire à établir une
connexion à Outlook. C'est donc une bonne
chose que cela se produise. Mais c'est aussi très ennuyeux, car même si
c'est très sécurisé, cela nous
empêche un peu de connecter Outlook à
différentes API Nous devons donc essentiellement
permettre que cela se produise. Il y a donc différentes
choses que vous pouvez essayer. D'accord ? La première chose que vous
pouvez essayer est d'
ouvrir notre fonction Azure. Encore une fois, passons à Azure. Cliquez sur le nom de notre fonction Azure. Et si vous entrez dans les fonctions, voici toutes vos différentes fonctions
Azure ici. Parfait. OK. Mais ce que nous voulons faire ici, c'est si vous allez
jusqu'à l'API et que vous voyez qu'il y a un bouton
appelé Gestion des API et un autre appelé Corps Click Horse. Et puis, en gros,
assurez-vous que cela est désélectionné. Ensuite, supprimez tout le reste, tous les autres enregistrements
ici et mettez un astérisque. Cela signifie
essentiellement que n'importe qui importe quel site Web,
depuis n' importe quel navigateur peut
désormais accéder à votre API, qui n'est évidemment pas sécurisée Mais pour nos
besoins de développement, c'est très bien. Il indique également qu'ici, partage de ressources
entre origines permet code
JavaScript exécuté dans un navigateur sur un hôte externe
d' interagir avec votre backend OK, il suffit de mettre
un astérisque et
tout pourra accéder à cette fonction Ensuite, allez jusqu'en haut de
la page Vue d'ensemble. Cliquez sur Actualiser, actualisez
votre fonction. Et maintenant, si vous revenez en arrière
et exécutez à nouveau votre code, ouvrons à
nouveau notre Outlook et cliquez sur Exécuter. Cela devrait maintenant fonctionner. Il est écrit deux ici. Toutefois, si ce n'est pas le cas, vous
devez effectuer une étape
supplémentaire car il est
clair que votre navigateur ou votre
Outlook sont très sécurisés. Pour ce faire,
vous devez réellement créer un service de gestion des API. D'accord ? Donc, ce que vous pouvez faire ici, c'est n'est pas un état incorrect, il se peut qu'il ait été supprimé,
bla, bla, bla C'est très bien. Cliquez sur un lien. Donc, si vous obtenez quelque chose comme
ça, cliquez simplement sur Dissocier. Mais ce que vous pouvez faire ici, c'est créer un nouveau service
de gestion des API. Cliquez sur Créer un nouveau. L'abonnement n'a pas d'importance. Le groupe de ressources n'a pas d'
importance, bla, bla, bla. Nom de l'espace de travail. Nous allons donc dire que c'est
ouvert parce que ce n'est pas sécurisé. C'est une API de complétion ouverte. Ou
appelons-le simplement une API ouverte. Ensuite, entrez simplement
des nombres aléatoires car ils doivent être uniques. Je vais donc saisir 562, par exemple, puis mettre un e-mail d'administrateur que je vais mettre dans mon e-mail OK. Parfait. OK. Et assurez-vous de
vérifier la consommation. Le prix à la consommation est
le suivant : je pense que les premiers millions de demandes sont gratuites ou quelque chose de
fou comme ça. Regardez donc le prix qui vous préoccupe,
mais certainement la consommation
de clics et pas aucun de ces autres
forfaits, car ils le sont, ils sont beaucoup plus chers. D'accord ? Choisissez simplement une
application aléatoire, une instance Insight. L'échelle n'a pas d'importance. L'identité n'a pas d'importance. Le réseau virtuel n'a pas d'importance. Paramètres du protocole. Non, peu importe. Tags, c'est bon.
La validation a échoué. Les informations requises sont manquantes. Oh, non. Qu'est-ce que j'ai raté ? Service spécifié qui
était déjà utilisé. OK. Nous pouvons ouvrir d'abord l'
IA, cinq, six, cinq. Mettons le même
nombre de 562. OK. Très bien, très bien, très bien. Vérifiez et installez. Cela
va le zoomer beaucoup
plus pour que vous
puissiez en voir un peu plus Le déploiement de création
est réussi. Maintenant, cela indique que nous sommes
dans un état de transition. Il faudra donc un peu pour que cela soit en quelque sorte
opérationnel Alors, accordons-y
quelques minutes. Les services étant
activés, nous devons attendre que cela soit
fait et terminé. Toujours en cours d'activation. Il ne nous reste plus qu'
à attendre pour le moment. Encore une fois, si cela
fonctionne pour vous, vous n'avez pas besoin de
regarder cette vidéo. Je pense que si j'y retourne maintenant, cela ne fonctionnera peut-être pas
pour moi non plus parce que je viens d'installer un système de
sécurité, mais voyons voir, lançons. Cela fonctionne toujours. C'est bien. Services en cours d'activation. Dépêchez-vous et activez. Revenons à notre fonction
Azure et
vérifions-nous qu'elle est correctement
connectée. Si nous passons à la gestion des
API ici, votre application est liée. OK, parfait. Il a été lié. Incroyable. Maintenant, ce que nous pouvons
faire ici, c'est sélectionner l'API pour votre application. , nous allons En fait, nous allons d'abord passer à la gestion des
API. Passons à l'API. Ensuite,
nous allons sélectionner ici, définir une nouvelle API. Définissez principalement une API HTTP. D'accord ? Maintenant, nous devons
lui donner quelques informations supplémentaires , mais c'est très bien. Celle-ci peut être appelée API de
complétion. L'URL du service Web
n'a pas d'importance ici. Cliquez sur Créer. OK, parfait. Passons maintenant aux paramètres et assurons-nous que nous avons
sélectionné HTTP S ici. Il s'agit de l'abonnement aux
paramètres le plus sécurisé requis. Désélectionnons ce type ici. Nous n'avons pas besoin de saisir
de nom d'en-tête ou de paramètre de requête. C'est très bien. Cliquez sur Enregistrer à ce sujet. Passons à toutes les API. Accédez aux paramètres de toutes les API et assurez-vous que nous avons
fait la même chose. Parfait, il n'y
a aucune exigence, donc c'est bien. OK, passons maintenant au
traitement des commandes entrantes ici. Et nous allons ajouter un, assurez-vous que vous avez
sélectionné toutes les API. Quoi qu'il en soit, si
nous allons ici, passons maintenant à notre fonction
Azure. Accédez à la section Gestion des API. Et ici, cliquez sur
l'API de complétion qui, donc c'est celle que
nous venons de créer. Importons les fonctions
et cliquons sur Link API. Et nous voulons lier les deux
API et cliquons sur Importer. Parfait. Maintenant, ce que vous verrez si vous
allez dans la gestion des API, cliquez sur « Eh bien, passons à la gestion complète des
API et passons aux API ». Vous allez maintenant voir ce que l'
on appelle l'API de complétion. Et si vous accédez à toutes les opérations, voici toutes les
opérations que vous pouvez effectuer avec cette nouvelle
API que vous avez créée. Vous pouvez publier pour compléter l'API, vous pouvez publier un message
sur Open AI de base. En gros, vous pouvez publier
ou envoyer une requête GET à toutes les fonctions Azure après avoir liées entre elles,
ce qui est très intéressant. Maintenant, ce que nous voulons
faire ici, c'est ajouter une politique, d'accord ? Mais assurez-vous que nous avons
sélectionné toutes les API. Ensuite, passez
ici aux politiques. Et ce que nous voulons
ajouter ici, c' est une politique pour le trafic entrant D'accord ? Ajoutons donc. Par ici, en provenance. En gros, nous nous demandons si le trafic
entrant va changer. Assurez-vous donc que votre trafic
entrant est ouvert et fermé. Et puis à l'intérieur. Ici, vers la droite. Sélectionnez, affichez les extraits de code. Faites défiler la page vers le bas et sélectionnez le cours. Parfait. OK, maintenant quelques points que
nous devons modifier. Assurez-vous d'ailleurs que
c'est dans le courrier entrant. Entrant, d'accord ? Tout d'abord, nous voulons le changer en hôte. D'accord ? Laisse-moi voir par ici. Autorisez les appels interdomaines. D'accord ? Oui, nous voulons nous
assurer de le configurer pour qu'il soit publié. Tout le reste
ici. Ça a l'air bien. Nous n'avons pas besoin de
changer tout cela. Cliquez sur Enregistrer à ce sujet. Maintenant, il ne s'agit pas d'une URL absolue. Voyons ici les
erreurs et les éléments. OK, laissez-moi voir exactement quelles demandes
CORS nous
voulons, car je pense que Microsoft l'
a peut-être modifiée ou mise à jour, ce qui est très ennuyeux Euh, alors donne-moi juste
quelques secondes. OK, parfait. Je vais juste copier
et coller à partir d'
une ressource que j'ai
parce qu' il
semble que ce n'était pas la bonne source de base. Quoi qu'il en soit, collons ce type n. Donc c'est à ça que ça
devrait ressembler, d'accord ? Vous avez donc votre cœur de métier : autoriser les
informations d'identification est égal à vrai. Tu n'as pas besoin de l'
avoir là-dedans. Hum, autorisez l'origine. Nous voulons que l'origine
vienne de n'importe où. Nous allons donc remplacer
ce lien
particulier astérisque Méthodes autorisées
avant le vol, c'est très bien. Hum, autorisez les en-têtes, c'est bien. En-têtes exposés, c'est très bien. OK, cliquons sur Enregistrer à ce sujet. Parfait, et c'est sauvé. Et je vais m'assurer de mettre
ce texte dans le lien, dans la description ci-dessous,
c'est juste pour que vous l'ayez. D'accord ? Maintenant, ce que nous voulons faire, c'est
aller complètement vers la gauche, cliquant sur
notre API de complétion puis sur notre API de
post-achèvement, qui est celle que nous voulons Passons à ces API et
politiques, puis cliquez sur
Calculer la politique effective. Cela nous indiquera donc, pour
cette API en particulier, quelle est la politique. Cela va permettre à tout
d'accéder à cette API, et c'est
ce que nous voulons faire. D'accord ? Mais nous n'avons pas encore terminé. Bien, passons à la gestion des
API. Accédez à la section
API pour accéder aux produits. D'accord ? Vous devez cliquer sur Ajouter pour
créer un nouveau produit. Celle-ci ne sera qu'une API ouverte. La description de l'API peut être bla, bla, bla. Cela n'a pas d'importance. D'accord ? Et assurez-vous de désélectionner, d'
exiger un abonnement. Ensuite, nous allons y
ajouter cette API . API de complétion. OK, et cliquons sur Créer. Parfait. OK, maintenant nous avons fait
tout ce que nous devions faire. En gros, ce qui s'
est passé, c'est que nous avons créé une autre API qui accepte les demandes de
n'importe où et de toutes origines. Et pour trouver l'URL de cette API. Si nous allons ici pour publier, nous le testons réellement. Cela a pris beaucoup plus de temps. Nous y voilà. OK, c'est le nom
de l'API ici. D'accord ? Nous avons donc fait des
tests ici, mais c'est la demande
que nous devons faire. Maintenant, c'est une longueur différente de celle que nous avions avant, non ? C'est maintenant différent. Si je vais voir mes anciens facteurs, nous le trouvons ici C'était d'une telle longueur. Il s'agit de notre fonction Azure. Mais ce qui se passe
ici, c'est qu'une fois que
vous envoyez une requête à cette API, qui peut provenir de n'importe où, qui peut provenir de n'importe où,
elle envoie une requête à
cette API que nous avons créée,
qui, désolé, est cette fonction. Et puis cela demande d'
ouvrir l'API de l'IA et
ainsi de suite. Cela ressemble donc à la création d'une API. Nous devions fournir un service de
gestion des API en plus de notre fonction Azure
pour permettre aux requêtes de
provenir de n'importe où si vous
recevez cette erreur de cours. OK, maintenant pour vérifier si cela
fonctionne, allez ici. Créons de nouvelles requêtes
Postman. Nous allons donc aller ici,
cliquer sur Ajouter une demande, et nous parlerons d'
API de complétion de toutes origines. Assurez-vous qu'il s'agit
d'une demande de publication. Entrez l'URL de la
demande ici. Allons au corps. Et nous allons
prendre le corps de l'API de complétion et le
mettre ici. OK, parfait. Maintenant, c'est ainsi que vous savez que
cela fonctionne réellement. Ce qu'il fait à nouveau,
c'est qu'il va vers cette API, qui va ensuite vers cette API, qui va ensuite vers l'
API Open APIs et émet l'invite, obtient la réponse
, puis la
renvoie en utilisant également cette méthode. Nous sommes donc en train de peindre,
nous ajoutons essentiellement une couche de sécurité à
cette fonction Azure, c'est
ce que ce type est ici. D'accord ? Encore une fois, la bonne chose est que
cette fonction Azure est
accessible par n'importe quelle origine. Maintenant, si je reviens à mon code Visual Studio
et que je remplace cette URL, qui est la
fonction que nous avions auparavant avec ce type, qui est maintenant notre service de
gestion des API. Et cliquez sur Enregistrer. Maintenant, si je reviens à mon
Outlook et que je vais à Inspect, cela devrait fonctionner à 100%. OK, maintenant, évidemment, cela
fonctionnait aussi pour moi auparavant, donc je n'avais pas
besoin de le faire techniquement. Mais si vous recevez
une erreur corporelle, c'est ainsi
que vous pouvez la résoudre. OK. Génial. J'espère
que cela vous a été utile. J'espère que cela
a résolu les erreurs de sécurité
que vous rencontriez dans les cœurs
EE . Mais si vous ne l'avez pas fait, s'il vous
plaît, n'hésitez pas à m'
envoyer un message directement. Arbre lié ou
quelque chose comme ça. Et je peux t'y aider. Ou la fonction de questions-réponses ou
quelque chose comme ça. OK. Merci beaucoup
24. Outlook : transfert du corps d'un e-mail vers ChatGPT: Bien, maintenant
que notre Outlook
fonctionne et que nous sommes connectés
à une fonction Azure, allons-y et créons
une application utile. Voici ce que l'
application va faire. L'application permettra aux
utilisateurs d'accéder à leurs e-mails. Voyons si tu
reçois plusieurs e-mails. Un, par exemple, de celui
que j'ai reçu. Et vous pouvez double-cliquer dessus. Vous pouvez cliquer sur Afficher le volet des tâches. Et puis, une fois que vous aurez cliqué sur Exécuter, il
résumera l'e-mail pour vous. Ce qui
se passera réellement,
c'est qu' il enverra
le contenu de l'e-mail aux
serveurs d'Open AI avec le message Veuillez résumer », puis nous vous renverrons ce
résumé. Montrez-le ici. OK. Facile, facile, pressée au citron. Très bien. Encore une fois, je ne suis pas
un expert en JavaScript, mais vous n'avez pas besoin d'être un
expert en JavaScript pour effectuer cette
tâche très simple dans Outlook. OK, ouvrons donc
notre code Visual Studio. Assurez-vous que nous sommes dans notre
fonction et faites certaines choses ici. La première chose que nous
allons faire est d'
aller sur ce site Web et de renvoyer une
réponse et tout ça. Nous allons mettre cela dans
une fonction asynchrone. Il est donc facile d'appeler. Nous allons donc créer une
nouvelle fonction asynchrone appelée run Azure D'accord ? Et cela va
englober un corps. Et nous allons
le mettre ici. Parfait. Donc, quelques fonctions, donc certaines choses que
cette fonction fait. Il appelle essentiellement l'URL, appelle les autres paramètres. Mais nous en avons aussi besoin
pour le faire ici. L'invite ne devrait-elle pas simplement
être de savoir ce qu'est une crème glacée ? Écrivez que l'invite doit être. Résumez ce qui suit. En combien de mots voulons-nous ? 50 mots en 50 mots ? En 50 mots ou moins ? D'accord ? Et puis c'est là
que nous avons mis le corps, qui est essentiellement le
corps de l'e-mail, d'accord ? Maintenant, pour l'ajouter ou concaténer des chaînes, vous utilisez le D'accord ? Nous allons donc créer
ces deux chaînes distinctes. Nous allons mettre
un avantage entre les deux. Et puis c'est ici
que tu mettrais ton corps. OK. Parfait. Cependant, nous savons qu' une fois, cela ne prend que
le corps de l'e-mail, mais nous voulons nous débarrasser d'
éléments tels que les guillemets, les espaces , les
nouvelles lignes, les nouveaux paragraphes , et nous
voulons
tout détruire D'accord ? Pour ce faire, nous
avons beaucoup de
choses différentes que nous pouvons utiliser, mais c'est quelque chose que
notre LLC vient de rechercher sur Google Si je dois cliquer
dessus avec le bouton gauche de la souris et le coller ici. Et encore une fois, ça peut
être le point du corps. Cela se trouve dans
la description ci-dessous. Mais cela permet tout
d'abord de
remplacer toutes les guillemets par des espaces
vides ou par rien. Et fait également une découpe, ce qui signifie qu'il élimine tout espace
avant ou arrière Il
remplace ensuite les nouveaux paragraphes, les
nouvelles lignes,
etc. par un
espace vide. Donc, en gros, je souhaite
que tout soit réuni. C'est pourquoi nous voulons quand nous
vous invitons à discuter avec GPT. OK. Jusqu'ici, tout va bien. Génial. Parfait. OK. La prochaine chose que nous
allons faire ici, oui. Réponse constante,
c'est exact. Ou mettez du texte. Ouaip. Et comme c'
est désormais une fonction, nous allons revenir quelque part à
la prise. Retournez donc et
assurez-vous de mettre la photo, mettre entre accolades, mais nous allons
renvoyer OK, génial. C'est donc notre
fonction super étonnante appelée run Azure. Génial. Nous devons définir d'
autres fonctions. Nous définissons également une
fonction qui récupère le corps de l'e-mail, n'est-ce pas ? Je vais donc mettre ça en haut. En fait. Nous allons créer une autre
fonction appelée async Fonction. Trouve un corps. D'accord ? Assurez-vous d'utiliser les bretelles
bouclées ici. Vous avez maintenant accès à quelque chose appelé Office,
sincere et Outlook. Et il vous propose de nombreuses méthodes
différentes. Celui que nous allons
utiliser s'appelle Office point context, point, mailbox, point item point body. Cela vous donne essentiellement,
j'espère, désolé, le corps du point de l'article. Cela
vous donne essentiellement le contenu de l'e-mail que l'utilisateur
a actuellement sélectionné. Mais c'est une méthode asynchrone, nous devons
donc mettre
un point, obtenir un évier OK. Ça va être un texto. Et nous allons l'
intégrer dans une fonction. Nous allons donc le mettre
en fonction ici, ce qui tiendra compte des résultats. Ensuite, nous devons introduire
les bretelles bouclées ici . D'accord. Maintenant, si c'était confus,
c'est très bien. Franchement, je ne comprends pas très bien
JavaScript non plus. Mais si vous connaissez
JavaScript, c'est génial. Si tu ne le fais pas. Il existe de nombreuses ressources
en ligne, mais là encore, le contexte de ce cours est de vous
familiariser avec la façon de
connecter le chat GPT à différentes applications Je suis donc désolée de ne pas pouvoir vous
expliquer tout cela. Si vous avez des questions,
n'hésitez pas à me le faire savoir. Mais ce n'est de toute façon pas le but
de ce cours. Mais si vous voulez en savoir
plus sur JavaScript, il existe de nombreux contenus gratuits
pour l'apprendre, et en particulier comment fonctionnent les fonctions
asynchrones OK, parfait. Nous allons maintenant faire
une déclaration si. Et ce que nous allons
dire ici, c'est si nous avons réussi à obtenir ce
corps. Ainsi, si le statut du point de résultat est le même que statut du résultat asynchrone d'
Office point, les points ont réussi Donc, si cela a fondamentalement réussi, alors nous voulons faire quelque chose. Ce que nous voulons faire,
c'est rendre le corps de la variable égal
à la valeur du point de résultat. Aucune variable de
corps n'est définie . Elle se
trouve donc tout en haut
du corps gauche et est
vide pour le moment. D'accord ? Donc, en gros, nous
obtenons le corps de l'e-mail et l' affecterons ensuite à une
variable appelée body. D'accord ? Parfait. La dernière chose que
nous voulons faire est vouloir une autre fonction
asynchrone Je sais qu'il existe de nombreuses fonctions
asynchrones, par exemple pour
tout assembler Donc, ce sera le cas.
Mettons-le également tout en haut. Cette
fonction asynchrone sera donc appelée. Voyons voir, affichez les résultats. D'accord ? Et cette fonction, nous ne le faisons pas, cette fonction
s'appliquera également au corps. Donc, cela
va d'abord enregistrer le corps juste pour assurer, parce que je
veux voir à quoi ressemble le corps, n'est-ce pas ? Il appellera ensuite la fonction Azure d'
exécution. Attendez, exécutez Azure avec le corps. Il reprendra donc essentiellement
le corps de get body, puis le
transmettra à exécuter Azure. OK, qui
appellera ensuite l'API, peu importe, puis nous renverra
le résultat. Et nous allons le mettre dans
la variable de réponse. Et la dernière chose que nous voulons
faire ici, c'est que vous vouliez enregistrer le
résultat sur la
console. Donc, sortie de points de réponse. OK, parfait. Maintenant, c'est essentiellement
tout ce que nous devons faire ici. La dernière chose que nous
devons faire est d'avoir besoin d'une taxe fonctionnelle pour exécuter
toutes ces choses. Donc, à la toute fin, mettons-le ici. Attendre. Get body, d'ailleurs, wait est la façon dont vous appelez les fonctions
asynchrones D'accord ? Voici donc ce qui
va se passer en premier. Get body s'exécutera, get
body récupérera
le contenu à partir de
l'e-mail sélectionné. Et il le mettra
dans une variable appelée body, qui exécutera ensuite, et j'ai raté l'
étape, qui exécutera ensuite les résultats de sortie. D'accord ? Ensuite, nous allons
ici. Le résultat de sortie enregistrera alors ce
corps afin que nous puissions le voir. Il transférera ensuite
ce corps vers la fonction exécuter Azure. Run Azure associera ce corps
aux autres
paramètres que nous avons ici,
puis enverra une requête de publication à
cette fonction Azure,
obtiendra aux autres
paramètres que nous avons ici,
puis enverra une requête de publication à cette fonction Azure, la réponse et la
mettra en sortie. Nous allons ensuite mettre cette sortie
et la mettre en réponse. Ensuite, nous enregistrerons également l'ouverture
de cette réponse. Et c'est la
dernière chose à faire pour le moment. Pour l'instant, nous ferons des choses plus
sophistiquées par la suite. Mais c'est tout ce qu'il
va faire pour le moment. OK, parfait. Allons-y et économisons. Et dans la vidéo suivante nous allons l'exécuter
et voir comment cela fonctionne.
25. Outlook : coller des réponses dans le complément Outlook: Très bien, tu es excité ?
Tu es enthousiaste ? Je suis très excité.
OK, nous avons donc enregistré notre code,
nous avons exécuté notre code. Passons à notre
e-mail que j'ai ouvert. Et au lieu de
celui-ci, choisissons-en un où il y a plein d' espaces,
de citations, de mauvaises
choses et d'autres choses de ce genre. OK. Passons à l'affichage du volet des tâches. Cliquez ensuite avec le bouton droit
et cliquez sur Inspecter. Nous allons aller sur console et
nous verrons si cela fonctionne. Donc, j'ai ma console ici, voyons si je peux
zoomer, sur ma console. Je peux zoomer un
peu. Nous y voilà. OK, cliquons sur Exécuter. Voici donc ce qui s'est passé,
ce qui est très cool. Tout d'abord, il enregistre le corps. C'est le corps de
l'e-mail, non ? C'est exactement comme
ça ici. Il m'a ensuite fallu cette seule chose que j'
ai oubliée pour me déconnecter. Oui, je vais juste le faire à des fins
pédagogiques. Je n'en ai pas besoin, mais c'est
bon que vous le sachiez. En fait, je vais me déconnecter de
ce type. Laissez-moi donc
en faire une autre variable. vous de le faire, laissez-moi le mettre dans une autre variable constante. Donc Constant Body JSON
est égal à ce type. Ensuite, je vais rendre le corps des autres paramètres
égal à la variable que
je viens de créer. Ensuite, déconnectons-nous réellement. Console.log ce
corps JSON également. OK, prenez-en deux,
revenons ici. Cliquez sur Exécuter. Maintenant, si je voulais vous
montrer cela , c'est parce que vérifiez ce que fait le
code, c'est qu'il prend cet e-mail le transférer
dans un corps Azure. Désolé, cela le transforme en un corps que la
fonction Azure peut prendre. C'est exactement
la même chose. Par ici. Ce modèle de
demande de facteur invite max. Donc à cause de la température,
mais l'invite est maintenant de résumer ce qui suit
en 50 mots ou moins. Ensuite, il donne l'e-mail, et encore une fois, il expédie
toutes les citations, supprime tous ces espaces,
tout ce
dont vous avez besoin pour espacer. envoie ensuite à
notre fonction Azure, qui l'envoie ensuite à notre API puis renvoie la réponse. Cela vient donc directement
de Chuck GBT. Il s'agit essentiellement de résumer
l'intégralité de
l'e-mail en 50 mots ou moins, ce qui est incroyable. Incroyable. OK, parfait. Maintenant, la dernière chose que nous
devons faire ici est l'enregistrer
quelque part pour que les utilisateurs
puissent réellement le voir. Hein ? Alors
allons-y et faisons-le. Parfait. Donc, à la toute fin de
ces résultats de sortie, nous allons
non seulement les enregistrer, mais aussi
modifier le code HTML. À présent, où
voulons-nous enregistrer les résultats ? Sauvegardons le résultat où vous pouvez découvrir
ce que vous pouvez. Peut-être pas là. Que diriez-vous de
ce HelloWorld également ? Peut-être que nous allons
tout remplacer ici par ça. Allons donc ici
et trouvons où c'est. Découvrez ce que vous pouvez faire. Oui, honnêtement,
remplaçons le corps de l'application, qui est tout ce qui se
trouve ici, par ce résumé. OK, alors changeons cela. Il suffit donc de noter que cela s'appelle le corps de l'application. L'autre chose que nous
devons faire est de
changer le nom
du bouton de R1 pour résumer cet e-mail OK, parfait. Encore une fois, nous voulons
remplacer le corps de l'application. Ce que nous faisons en JavaScript, c'est que JavaScript peut
interagir avec le HTML. Donc, ce que nous allons faire, c'est
faire un
point du document pour obtenir un élément par ID. Et encore une fois,
l'idée de l'élément que nous
voulons modifier s'appelle
app dash body. Vous pouvez le voir ici. Carrosserie Dash. OK, parfait. Nous allons maintenant insérer le corps
du point de l'application. Nous allons modifier
le code HTML interne. OK, parfait. Et maintenant, nous allons
faire certaines choses ici. La première chose que
nous allons faire
ici , c'est de mettre
des mots en gras Et les mots en gras
ressembleront à «
voici le résumé », à deux points du
résumé. Ensuite, nous allons ajouter
un saut de ligne. Enfin, après cela, nous allons réellement
apporter la réponse. Nous allons donc insérer des sorties de points de
réponse. Ok, génial. Cliquez sur Enregistrer là-dessus. Passons à Outlook. Et cliquons sur Exécuter
pour voir ce qui se passe. Cela a donc changé
pour résumer les e-mails. Cliquez sur Résumer
l'e-mail. Résumé Environnement, Canada, bla, bla, bla, bla, bla N'est-ce pas trop cool ? Vous pouvez désormais le faire
avec n'importe quel e-mail. En ce moment. Je n'
ai pas beaucoup d'e-mails, alors je teste un peu la largeur Ils sont tous un peu gros, mais voyez si je peux
résumer cet e-mail ici. Afficher le volet des tâches. Résumez. C'était probablement une erreur
parce qu'il y a beaucoup d'images et d'autres choses ce
genre que nous n'avons pas
gérées pour cela. C'est vraiment bien pour les e-mails
sous forme de texte, mais nous pouvons le refaire. Affichez le volet des tâches, résumez
cet e-mail et regardez-le. Il résume les e-mails pour vous. Maintenant, ne
pensez pas uniquement à l'application que nous avons créée, mais aux possibilités qui
s'offrent à vous. Vous pouvez désormais créer une application
qui lit un e-mail, en
fait quelque chose, puis vous donne la
réponse dans ce même message ajouté. Vous pouvez donc créer, par exemple, l'application que vous allez créer
dans les sections suivantes de ce cours qui
s'appellera poliment say non, qui est une extension d'application vraiment
cool où si quelqu'un vous envoie une demande ou
quelque chose comme ça, vous pouvez simplement cliquer sur un bouton Il lira l'invite LCD de l'
e-mail, une tâche GPT qui dit, hé, trouve un moyen de
dire poliment non à cet Ensuite, je
vous donnerai cette réponse. Cela ouvrira également une
nouvelle menace de réponse. Et cela alimentera
notre réponse en évaluant la puissance d'une telle
chose Alors, qu'est-ce que vous recevez des demandes
que vous ne souhaitez pas faire ? Vous pouvez simplement cliquer
poliment pour dire non. Et il fera tout cela
pour vous en utilisant le chat GPT. Nous y voilà. C'est ainsi que vous intégrez
Chat GPT, width. Outlook, génial. Je vais m'assurer de publier l'
intégralité de ce code pour les membres premium ainsi que la
description ci-dessous.
26. Projet : paramétrer l'environnement d'Outlook: Bonjour à tous Créons l'une de mes applications préférées. Maintenant, personnellement, dans mon
travail professionnel, j'utilise beaucoup Outlook. J'envoie beaucoup de courriels. J'ai aussi
beaucoup de travail quotidien où je reçois demandes de la part de managers et de
partenaires, etc. Et ce que vous pouvez faire,
c'est utiliser le chat GPT pour vous aider à créer des
réponses à ces e-mails L'application que nous
allons créer sera donc appelée
poliment, dites non Cela aide les gens à dire non
poliment aux demandes des managers
et des partenaires Si vous avez trop de travail, s'il est déjà minuit
et que vous ne voulez plus travailler ou ainsi
de suite. C'est une
application très cool et c' est en fait
une
extension Outlook très utile. OK, alors allons-y
et commençons à le créer. Maintenant, comme nous l'avons vu
précédemment, pour intégrer Chat
GPT dans Outlook, vous devez essentiellement avoir quelque chose comme Visual
Studios opérationnel Vous devez vous assurer que Node et NPM
sont installés. Donc, si je vais sur mon terminal
et que je tape npm, par
exemple, il devrait répondre par quelque chose
de positif Parfait Et vous devez également vous
assurer que vous êtes disponible. Donc c'est toi juste là, par 0. Assurez-vous simplement
que ces éléments sont déjà installés. Si vous ne revenez pas en arrière
, ne regardez nouveau
la documentation et les autres
modules que nous avons exécutés, en particulier ceux où
nous avons intégré le chat devrait se trouver dans Outlook. OK, ouvrons un nouveau terminal.
Fermez l'ancien. La première chose que nous devons
faire est de créer un projet yo office. Je vais donc taper dans
le terminal pour me rendre au bureau. Et bien sûr, Alaskan m'a posé
quelques questions pour m'aider à m' installer. Moi alaskien D'accord. Quel type de projet
souhaitez-vous créer ? Eh bien, nous voulons
créer un bureau, ajouter un volet des tâches. Parfait Il ne nous demande pas essentiellement
quelle langue nous voulons utiliser. Voulons-nous utiliser
JavaScript ou TypeScript ? Laisse-moi juste aller ici. Pourquoi cela ne fonctionne-t-il pas ?
Nous y voilà, JavaScript. Comment voulons-nous
nommer notre annonce et nommons-la poliment Dis non. Ensuite, quelles applications
clientes nous aimerions prendre en charge, quelles applications nous voulons prendre en charge pour Outlook. D'accord ? Maintenant, selon l'
endroit où vous l'avez fait, vous devriez pouvoir automatiquement
un dossier créer automatiquement
un dossier
appelé dans ce cas, dites
poliment non, vous devriez
pouvoir l'ouvrir Et il est actuellement
rempli avec tous les fichiers dont vous aurez
besoin pour votre projet. Alors, accordons-y une minute. Cela prend un peu
plus de temps que d'habitude. D'accord. Maintenant, la prochaine chose que nous devons
faire ici est de nous
assurer que notre terminal se trouve dans
le dossier qui vient d'être
créé
dans votre terminal. ici et cliquez sur C, D, puis dites
poliment non Et parfait. Maintenant tu es dedans
27. Projet : modifications de front: Hé, parfait. Maintenant que nos
projets sont configurés, allons y apporter quelques modifications. Allons d'abord
dans le code source, puis dans le
fichier HTML sous le volet des tâches. Et modifions quelques éléments. Nous allons donc changer
cela pour dire poliment « non »,
parce que, eh bien, c'est ainsi
que s'
appellera notre application Nous conserverons
le reste
à titre de référence. Mais cliquons sur Enregistrer à ce sujet. Revenons ici et lançons notre application. Et vous le faites en
tapant dans npm start. Si, si vous avez oublié
le module, cela va ouvrir
quelques certificats,
vous n'avez pas à cliquer sur
OK dessus, par exemple. Ensuite, il devrait
ouvrir une nouvelle application Outlook. Et maintenant vous pouvez entrer ici, aller sur Afficher le volet des tâches. Et vous verrez votre
candidature ici. Et maintenant, nous pouvons y
apporter quelques modifications, non ? Ainsi, par exemple, si
nous revenons ici, partout où il est écrit « bienvenue », nous devrions probablement le
remplacer par autre chose. Donc, une fois ici, par exemple, changeons ce nom pour
le nom de notre application. Dis poliment non. Et si vous cliquez sur Enregistrer le contrôle S, vous devriez voir ce
changement instantanément. Faisons également quelques autres
choses. Retournons ici. Et nous allons voir
ici, découvrir ce que les
compléments Office peuvent faire pour vous Changeons cela en autre
chose également. Génère des réponses professionnelles. Tout en disant non. OK, parfait. Allons-y et
cliquez sur Enregistrer à ce sujet. Génial. Et maintenant, la dernière chose à
faire est de nous
débarrasser de toutes ces
puces de fonctionnalités. Je vais les garder pour l'instant
parce que nous le souhaiterons peut-être, ou vous
voudrez peut-être
approfondir cette application et faire
certaines choses ici. Mais pour l'instant, nous allons
simplement changer cela. Enfin, ce que nous allons
faire, c'est dire ici cette commande d'exécution. Nous allons modifier cela
pour dire générer, répondre. Parfait. OK, nous avons maintenant modifié
le frontend de
l' application pour qu'il ressemble à ce à quoi
nous voulons qu'il ressemble. Génial. Passons maintenant au JavaScript. Les trucs effrayants, géniaux
28. Projet : appliquer une fonction ChatGPT sur le dos: Allons-y maintenant et programmons le backend de
cette application. Nous devons tenir compte
de quelques éléments. Donc, ce que nous voulons essentiellement Outlook fasse, c'est lorsque nous ouvrons Outlook et que nous
ouvrons ce message, par
exemple, lorsque
nous cliquons sur Générer une réponse, il devrait faire plusieurs choses. Tout d'abord, il doit lire
le, lire la réponse. C'est assez évident, non ? Il devrait en fait
lire la réponse. Il doit ensuite envoyer une requête à notre API sans serveur que nous avons
créée, appelée API de complétion Laisse-moi voir si je peux trouver
ce type juste ici. Et ici. Il devrait en fait
aller de l'avant et faire, désolé, pas celui-ci
ici, celui-ci ici. Cela devrait se poursuivre
et le message devrait être quelque chose comme lire cet e-mail et trouver un bon moyen dire non à cet
e-mail de manière professionnelle. Il doit ensuite renvoyer
cette réponse à ce message, puis cliquer sur Répondre et coller ce
message ici. Il vous suffit donc de
vérifier puis de cliquer sur Envoyer. maintenant beaucoup d'
étapes, mais ne vous inquiétez pas,
nous allons les Cela fait maintenant beaucoup d'
étapes, mais ne vous inquiétez pas,
nous allons les décomposer au fur et à mesure que nous
entrerons dans Visual Studios
et que nous les saisirons. OK, parfait. La première chose que nous
devons faire est d'avoir besoin d' une fonction qui récupère le
corps d'un e-mail, n'est-ce pas Et ce sera une
fonction asynchrone car en
JavaScript, pour une raison ou une autre,
tout est Je vais donc ajouter votre
fonction asynchrone get body Et nous allons le
mettre dans quelques éléments ici. La première chose que nous
allons faire est d'
appeler le contexte point du bureau, la boîte aux lettres à points, l'élément à points, le corps du point. Got, get async method. Cela vous permet d'
accéder au corps du texte. Et ce sera sous forme de texte. Et nous allons analyser
cela à l'aide d'une fonction. Et nous lui donnerons les résultats de l'
argumentation. Parfait, OK, la prochaine chose que nous devons faire est de vérifier si cette action aboutit réellement à un succès. Parce que des
erreurs se produisent parfois. Nous devons donc procéder
comme suit :
si les résultats sont un point, désolé, statut du point de
résultat est
plutôt égal à état du résultat asynchrone
office point point réussi Eh bien, super. Maintenant, nous pouvons réellement
faire quelque chose. Encore une fois. Nous avons besoin de cette condition if car si cela
ne fonctionne pas, cela devrait s'arrêter là car nous ne voulons pas envoyer de déchets
à l'API car cela nous coûte de
l'argent à chaque fois que nous le faisons. Donc, la prochaine chose que nous allons
faire ici est de définir une variable appelée body. Nous allons la rendre
égale à la valeur du point de résultat. D'accord ? Et je vais juste
faire quelque chose comme ça. Ensuite, en gros, nous allons simplement
ajouter cela pour l'instant,
mais maintenant nous avons accès à la
chaîne corporelle réelle ici. D'accord ? La fonction suivante que
je souhaite créer est celle qui exécutera
réellement l'API. D'accord ? Donc, ce que je vais faire
ici, c'est créer une autre
fonction asynchrone appelée Run API Maintenant, cette fonction
fait plusieurs choses. La première chose qu'il fait
est d'utiliser essentiellement la fonction JavaScript de récupération avec l'URL et les paramètres
d'entrée Mais avant même de le faire, nous devons définir quels sont
ces paramètres. Nous avons donc un
paramètre appelé URL, qui est identique aux requêtes d'URL de
nos facteurs ici Encore une fois, c'est là que se
situe notre API sans serveur. Nous devons ensuite également
définir un corps de fichier JSON, qui sera équivalent au corps de
cette requête ici. D'accord ? Donc c'est égal. Ensuite, nous allons, nous devons faire, c'
est copier et coller tout ici. Et puis il faut faire la chose ennuyeuse de tout
espacer vers l'arrière pour
s'assurer que
tout se trouve sur une seule ligne. OK, parfait. C'est donc tout pour l'instant. Nous allons simplement le garder tel quel pour moment et le modifier
pour nous assurer qu' il accepte réellement le paramètre du
corps par la suite. D'accord ? Nous devons également définir d'
autres paramètres. Configurons donc une autre
variable ici, qui sera
égale à un objet json, où le corps est
défini comme body json. Et la méthode est une requête de publication car ce sont toutes
des requêtes de publication. Nous allons ensuite enfin
utiliser la fonction Fetch. Nous allons donc récupérer la
réponse à partir de cette URL paramètres que nous avons
fournis, c'est génial Et nous devons nous assurer
que nous définissons également cela. Nous devons mettre un poids
ici car nous savons fetch est une fonction
asynchrone Nous devons nous assurer que vous
placez await OK, parfait. Désormais, la réponse activée ne
nous donne que la réponse HTTP réelle. Nous devons extraire le
texte de cette réponse. Nous allons donc créer
une autre variable appelée output. Et nous allons
faire en sorte que cela soit égal à la réponse en
attente de réponse, point par point, réponse
textuelle. Notre texte est également une fonction
asynchrone. Vous devez donc également
mettre un poids ici. Et puis la dernière
chose que
fait cette fonction est qu'elle renvoie
essentiellement la sortie à celui qui
a appelé la fonction. D'accord ? Maintenant, ce sont vraiment les deux fonctions clés que nous
voulons être en mesure de créer. heure actuelle, nous avons
presque besoin d'une fonction
d'architecture pour rassembler tout cela. Donc, ce que nous allons faire
ici, c'est créer une autre fonction asynchrone
parce que nous aimons clairement fonctions
asynchrones
et nous allons voir quelque chose comme assembler OK, parfait. Maintenant, ce que nous allons faire
ici, c'est certaines choses. La première chose
que nous allons faire,
c'est récupérer
le corps à partir de ça, non ? Donc ce que nous pouvons faire
ici, c'est me laisser voir par ici. Désolée, je suis juste
un peu perdue ici. OK, parfait. Alors assemblez le tout.
Alors, que devons-nous faire ? Eh bien, la première chose à
faire est de vous rencontrer pour récupérer le corps. Nous allons donc dire que le
corps attend, qu'il faut avoir du corps. Et cela le placera dans
une variable appelée Body. Nous devons ensuite le transmettre à
cette fonction asynchrone ici. Ainsi, dans la
fonction asynchrone d'une API, mettons un argument
appelé body instant, nous ne l'utiliserons pas, mais nous allons juste
le garder ici. Et nous dirons ici que
la réponse est égale. Nous dirons donc plutôt let
response, car il s'agit d'une nouvelle variable
égale à l'API await run. Et nous devons le
faire passer dans le corps. Nous récupérons donc le corps, puis
nous le transmettons à la réponse. Pour l'instant, nous allons nous
déconnecter pour nous assurer
que cela fonctionne. D'accord. C'était donc beaucoup et
nous n'en avons certainement pas terminé, mais je pense que c'est un
bon point d'arrêt. Et nous devons simplement déboguer
ce code et l'exécuter pour nous assurer qu'il fonctionne
réellement avant de poursuivre Juste pour ne pas avoir
à revenir en
arrière si nous commettons des erreurs. D'accord ? Et ce n'est que le processus
de développement. Il va y avoir des erreurs. Mais il est bon de déboguer et tester tôt pour s'
assurer qu'en cas d'échec, vous en êtes vraiment au courant Génial
29. Projet : modifier le back-end pour traiter le corps d'email: Très bien, maintenant allons-y,
testons et vérifions que tout fonctionne
comme il se doit Encore une fois, nous avons trois fonctions
asynchrones ici. heure actuelle, si je clique sur Exécuter, rien ne se passera réellement. Tout ce qui se passera, c'est que ces fonctions
seront définies. Donc, ce que nous devons
faire, c'est appeler réellement cette fonction. Nous allons aller ici et taper
wait, puis mettre en place, assembler le tout. D'accord ? Donc, la première chose
qu'il va faire est appeler la fonction get body, qui renvoie un corps. D'accord ? Il y a clairement quelque chose que je
n'ai pas fait correctement ici. C'est de ma faute. Ce que nous devrions faire à la place, puisque nous appelons
pour essayer de sortir une variable, nous pouvons simplement entrer ici
et taper le corps de retour. OK, en fait, utilisons également le corps du
fichier console.log. Nous allons donc obtenir le
corps de l'e-mail. Nous le transmettrons ensuite
à l'API d'exécution. Assurez-vous donc d'avoir du corps ici
sur l'API Run. Je n'en
avais peut-être pas eu auparavant. Il accède à l'API. Il renvoie ensuite une réponse
et une sortie. Nous mettons cela dans une
variable appelée réponse, puis
nous nous assurons de le faire également. Nous voulions enregistrer
non pas la réponse, mais le résultat du doute de réponse, qui est en fait le point de
réponse txt. OK, allons-y
et cliquez sur Enregistrer. Ouvrons notre e-mail. Cliquez avec le bouton droit de
la souris et accédez à Inspecter. Nous pouvons voir les choses
se passer comme il se doit. Ensuite, nous cliquerons sur
Générer une réponse. Et regardons le feu d'artifice
se déclencher ou les erreurs s'éteindre, nous verrons, d'accord, il y a un problème
ici parce que
nous avons clairement un indéfini Nous devons donc aller de l'avant
et résoudre ce problème. Et la raison pour laquelle nous avons
une variable indéfinie, je crois, c'est parce que nous
référençons
ici une variable qui ne peut pas vraiment La raison pour laquelle l'exécution est impossible est
que vous ne pouvez parfois pas revenir à partir d'une fonction
asynchrone Donc, pour tester cela, ce que nous pouvons faire, c'est placer le
fichier console.log dans le corps pendant qu'il se trouve dans cette fonction ici. Alors revenons ici. Nous allons revenir en arrière et ouvrir
notre console et notre e-mail. Et nous cliquerons sur
Générer une réponse. Et maintenant, nous pouvons réellement
voir la réponse. Donc, ce que nous devons faire, c'est faire bêtises ou
fonctionner un peu, mais c'est tout à fait normal. Eh bien, nous devons le faire ici si cette chose devrait réellement
appeler la fonction run Azure. D'accord ? Donc, ce que nous allons faire
ici, c'est que nous allons, au lieu de revenir ou
ralentir la console, l'enregistrer. Mais nous allons le
faire nous-mêmes, exécutant notre fonction de mise en place du
tout, qui exécutera
ensuite une fonction d'API. D'accord ? C'est donc un peu confus, mais vous devez
parfois le faire. Personnellement, je déteste JavaScript, mais malheureusement, vous
devez utiliser JavaScript si vous créez des extensions
Outlook. OK, alors
allons-y et faisons-le. Donc, au lieu de tout
ce genre de choses ici, ce que nous allons faire, c'est créer ce déclencheur, mettre tout cela ensemble, tout
mettre en place pour y arriver. OK, c'est parfait. Et nous y passerons,
le corps, le
rassemblerons, puis nous recevrons le corps. Cela n'a plus de
sens ici. Nous allons quand même enregistrer
le corps, et nous supprimerons
le journal d'ici. Ensuite, nous allons créer une autre variable
appelée réponse, qui déclenchera essentiellement cette fonction qui
renvoie à nouveau la réponse. Nous allons lentement, nous allons toujours essentiellement produire cette réponse. Donc, la seule chose
qui a changé ici est la fonction qui est
exécutée en premier est get body. Donc, get body first est exécuté. Il obtient le corps de l'e-mail. Il appelle ensuite cette fonction
appelée put it all together. Rassemblez le tout, prenez cela, déconnectez-la, puis envoyez cette variable
à dysfonction, qui envoie essentiellement cette invite à l'API, qui renvoie ensuite une réponse. Nous recevons la réponse
et nous la déconnectons. OK, allons-y
et sauvegardons ça. Et maintenant, essaie ça aussi. Nous allons donc descendre ici et
cliquer sur Générer une réponse. Parfait, mais tu as obtenu
exactement ce que nous voulions. Maintenant, vous vous
demandez peut-être pourquoi je l'ai fait de cette façon ?
Eh bien, je vais être honnête. Je me prépare beaucoup
pour ces leçons, mais je l'ai
fait de cette façon
également et j'ai trouvé cette
erreur, puis je l'ai corrigée. Mais la raison pour laquelle
je l'ai fait, encore une fois, délibérément pour vous, c'est pour m'assurer que
vous comprenez que ces erreurs se produisent Et vous devez faire preuve de flexibilité
dans votre code, car cela vous
permet de détecter les erreurs, de les
déboguer et d'autres choses de ce genre Et le processus de recherche d'
erreurs et de débogage est presque aussi précieux que le
processus de création du code C'est pourquoi je l'ai fait. Et croyez-moi, il y aura
d'autres erreurs au fur et à mesure. Mais ne vous inquiétez pas, nous les résoudrons
toujours ensemble. D'accord. Génial.
30. Projet : inclusion de la boîte de réponse: Très bien tout le monde, nous sommes sur le
point de terminer
cette demande. Maintenant, ce que nous devons
faire, c'est essentiellement accéder à
cet e-mail ici. Et une fois que je clique sur
générer une réponse, il clique sur
Répondre pour moi, puis entre dans ce texte
la réponse ici. Ensuite, il
ne me reste plus qu'à le
regarder visuellement , pour confirmer que
tout va bien. Cliquez ensuite sur Envoyer. OK, alors
allons-y et faisons-le. Maintenant, en JavaScript,
il existe de nombreuses
bibliothèques pour les choses de type
bureautique. Par exemple, les contextes de
points Office. Je vais envoyer cet article à la boîte aux lettres qui fait référence à l'article qui se trouve
actuellement ici. Ensuite, dot body, dot get async
obtient le texte du corps. Donc, ce que nous voulons faire ici c'
est créer
ici une constante, une variable appelée item
qui est égale à cet item. D'accord ? Ce que nous ferons alors, c'est qu'une fois que
tout aura été dit et fait, une
fois
que nous aurons obtenu le corps, nous aurons obtenu la
réponse et nous l'avons enregistrée. Je veux que nous
prenions cet article et que nous voulions afficher un formulaire de réponse. OK, donc
cela affichera la réponse dont
nous avons parlé. Il s'agit essentiellement de
votre formulaire de réponse. Ensuite, nous voulons le
remplir avec la sortie du journal depuis
, depuis l'API Nous voulons y mettre la
réponse. Nous allons donc faire en sorte que l'article soit prêt à
afficher par points. Ensuite, nous ajoutons les sorties de points de
réponse. Et c'est vraiment ça. C'est tout ce que nous devons faire. Cliquez sur Enregistrer à ce sujet. Allons ici. Et je ne vais même pas
ouvrir les fichiers journaux. Je vais juste aller ici
et cliquer sur Générer une réponse. Et regarde ça. Regarde comme c'est incroyable. Cela m'a juste permis
de le générer, cher Henry. Merci de
m'avoir envisagé pour cette tâche. Malheureusement, bla, bla, bla,
bla, bla, bla, bla. Cela a créé notre réponse pour moi. Non seulement cela, mais
cela a également généré une boîte de réponse et l'
a mise dedans pour moi. Il ne me reste plus
qu'à regarder ça. J'en suis content,
puis cliquez sur Envoyer. C'est. Est-ce facile ? C'est ça. C'est l'
application ici. Maintenant, dans quelques vidéos, nous pourrions parler de la
façon d'étendre cette application pour
faire des choses plus intéressantes. Mais nous y voilà. C'est l'application
appelée poliment say no. En gros, vous pouvez
ouvrir n'importe quel e-mail, cliquer sur Générer une réponse, et il vous donnera une bonne réponse qui
fait
également référence à la tâche et vous la donnera de
manière professionnelle et très
appropriée. Génial
31. Projet : extension d'application avec les options d'humeur de ChatGPT: Bonjour à tous. Maintenant,
allons encore plus loin. Disons que si l'utilisateur le souhaite, au lieu de créer
la réponse standard que vous voyez habituellement
avec cela, n'est-ce pas ? Encore une fois, si je vais ici
et que je clique sur Générer une réponse, cela me donnera une réponse très
standardisée, mais cela ne me donnera pas des informations telles que la raison pour laquelle je ne peux pas le faire. Ou peut-être proposer des alternatives
ou quelque chose comme ça. Vous souhaiterez peut-être
modifier la réponse que vous générez en fonction
d'informations vous concernant. Par exemple, je voudrais
probablement répondre à cette demande en disant que je ne peux pas le
faire d'ici demain, mais que je pourrais probablement le faire ici mercredi ou
vendredi ou n'importe quand. Vous ne voulez donc
pas simplement dire non. Tu veux dire non ? Mettons donc cela dans notre contexte ici. OK, essayons de le faire. La première chose que nous devons
faire est de mettre dans une zone de texte pour que l'utilisateur
puisse saisir cette instruction. OK, donc je suis dans mon
code HTML ici. Et juste au-dessus de cette division,
il y a le bouton Div Role. Je vais mettre cette
ligne de code ici. type d'entrée est égal à du texte, identifiant à d'autres notes, le nom à d'autres notes. Cela se produira si, après avoir cliqué sur Enregistrer, je génère une zone de texte que
je peux saisir dans d'autres notes Ce que je vais faire ici tout en haut de
la page,
je vais même dire ,
vous savez, mettre
des notes supplémentaires. Et je vais aussi me débarrasser de
cette histoire de course à pied. Je vais donc cliquer sur Enregistrer à ce sujet. Et ici, nous voyons
des notes supplémentaires. Parfait. Maintenant, la prochaine chose que
je dois faire est prendre cela et d'inclure tout ce que l'utilisateur a
écrit ici comme étant faux. OK, alors
allons-y et faisons-le. Je vais accéder à mon JavaScript. Et ce que je vais faire ici, juste pour m'assurer que
cela fonctionne correctement, c'est lorsque quelqu'un exécute
ce corps de fonction, parce que le corps de
l'e-mail, peu
importe, peu importe avant qu'il n'exécute l'API, assurons-nous réellement que nous pouvons accéder à la valeur que l'
utilisateur a écrite ici Maintenant, la façon dont nous procédons s'appelle document point get element by ID. Nous obtenons donc un
élément particulier sur la page HTML. Dans ce cas, ça va
s' appeler comment on l'appelle ici ? Autres notes. C'est donc
l'élément get par ID, l'ID est égal aux autres nœuds. Nous l'avons nommée d'autres notes. Nous allons donc
entrer ici et mettre,
eh bien, vous l'avez
deviné, leurs notes Ensuite, nous voulons connaître la valeur de cette
propriété. D'accord ? Maintenant, ce que nous
voulons faire ici, tout d'abord, c'est simplement le déconnecter
juste pour voir si cela fonctionne. Juste pour nos besoins ici. Alors allons-y et
cliquez sur Enregistrer pour revenir dans notre menu,
puis nous dirons «
J'ai compris »
et cliquez sur Appliquer Et nous devrions voir dans le journal
de cette console, nous devrions voir Gotcha, juste ici pour parfaire Alors, qu'est-ce que la journalisation correcte ? Alors revenons en arrière. Et ce que nous voulons faire ici
, c'est créer une
autre variable. Ici, nous allons créer
une autre variable appelée let. L'autre Haram est égal. Désolé, ce sont les autres
nœuds, les autres notes ? Oui, parfait.
Égale cette valeur ici. Parfait. Et ce que nous allons
faire, c'est
mettre les autres notes ici, donc nous dirons de répondre à
l'e-mail suivant, de manière
polie et
professionnelle, manière
polie et
professionnelle répondre à l'e-mail suivant et de dire non poliment et
professionnellement En gardant cela à l'esprit. Ensuite, nous allons essentiellement mettre
nos affaires ici. Et je vais ajouter la
variable que nous venons créer appelée « autres notes ». OK, parfait. ai donc répondu à l'e-mail
suivant et dites non
poliment et professionnellement
en gardant cela à l'esprit que les autres notes
peuvent être quelque chose comme 0, proposer une alternative ou dire que
vous le ferez d'ici vendredi Ensuite, nous vous
donnerons l'e-mail par la suite. OK. Maintenant, juste
pour spécifier qu'il doit être demandé, mettons-le entre un point
ici, puis disons que l'e-mail est, puis il
fournira l'e-mail OK, parfait. Cliquez sur Enregistrer à ce sujet. Passons
à l'e-mail lui-même. Et testons ça. Ça va ouvrir l'inspection. Eh bien, cliquez
ici, générez une réponse. Et regardons, tout d'abord, regardons ce
type ici. Je réponds au professionnel de l'
inégalité suivant. Donc tu sais, avec ça en
tête, rien n'est pour le moment. L'e-mail est bla, bla,
bla, bla, bla. Nous obtenons donc la même chose
qu'avant. OK, c'est parfait.
Cela fonctionne toujours. Mais maintenant, mettons
quelque chose d'
autre à l'esprit. Je peux le faire d'ici vendredi soir. Si c'est d'accord. OK. Allons-y et cliquez sur
Générer une réponse maintenant. Et maintenant, nous pouvons voir que le JSON a également changé. Nous pouvons voir ici
que le Jason dit que je peux le faire. Je pourrais le faire d'ici vendredi
soir si c'est d'accord. Et maintenant, la réponse a
également changé. Donc, si je regarde mon e-mail, il est maintenant écrit : «
Merci de m'avoir contacté ». Malheureusement, je ne suis pas en mesure de terminer la présentation du pitch. Je peux le faire vendredi
soir si ça ne vous dérange pas. Parfait. Je peux également donner d'autres
instructions. Droite. Je peux dire quelque chose comme « mettre mon ami
sous le bus », non ? Je peux dire quelque chose comme Bob. Bob a probablement de la capacité. Capacité. Suggérez-lui quelque chose comme ça. Voyons si cela fonctionne. Cliquez donc sur Générer pour vous
répondre à vos demandes. Malheureusement, je n'en suis pas capable. Ce que j'aimerais faire, c'est que
je vous suggère de contacter Bob car vous en
avez peut-être la capacité. Regarde ce tableau. Gpt le fait d'une manière tellement
professionnelle et agréable. Je vous suggère de contacter Bob car il a peut-être la capacité de mener
à bien cette tâche. C'est génial. OK, maintenant c'est la dernière
façon de l'essayer, mais parfois le chat
GPT le bloque Revenons au
message lui-même et je l'ai convaincu, il semble ouvert maintenant comme si sauvage. Revenons au
message ici. Et au lieu d'
écrire ceci,
dites-le d'une manière très polie. Voyons si cela fonctionne. Déjà. API. C'est génial. Vous avez vu ça ?
A répondu, Permettez-moi de mettre un peu plus grand Non, je ne peux pas créer la présentation du
pitch pour les fichiers
Henderson. Je suis
demain. C'est déjà APM. C'est cool. Droite. Parce que maintenant tu peux aussi
avoir des humeurs différentes Non, je ne peux pas. Je suis désolée. Au lieu de cela, si vous
dites que c'est quelqu'un que
vous aimez vraiment, vous pouvez le dire très
excusé Dis que je lui en dois une. Bonjour. Bonjour, je suis désolée. Il y a donc le mot « désolé ». Maintenant, j'ai peur de tout le monde, créons la présentation
du siège Je sais que le délai est serré. Je m'excuse de ne pas
pouvoir vous aider. Je t'en dois une pour
ça. N'est-ce pas trop cool ? Il reconnaît simplement
ce que vous devez faire. Et encore une fois, en utilisant le chat GPT, je peux continuer et cliquer sur Envoyer Et je n'ai pas à me
soucier de ce que j'écris, façon dont je l'écris, non ? C'est incroyable pour ce concept. OK, parfait.
32. Commencez à travailler avec votre projet: OK, maintenant que vous avez
suivi tout le cours, il est temps de créer un projet. À ce stade, je souhaite que tout le monde
ici crée une application rapide et
intelligente à l'aide du chat GPT, et une autre application
de votre choix Maintenant, vous pouvez évidemment
utiliser Outlook car c'est ce que
nous utilisons dans le cours. Vous n'avez pas besoin de créer quelque chose qui soit une réponse à des e-mails. Vous pouvez même créer
quelque chose, par exemple, qui résume les e-mails ou
qui les traduit français ou en espagnol ou tout ce que vous voulez
utiliser avec le chat GBT Mais il y a quelques
autres idées que j'ai publiées ici et dont j'ai déjà
parlé, à
propos de BT et d'Excel, graphique GBG
et de l'irritable, etc. Une petite remarque également. Après cela, veuillez publier une capture d'écran et un bref
résumé de l'application. Vous le créez dans la galerie de
projets ci-dessous. Ainsi, nous pouvons tous voir le
travail incroyable que vous avez accompli. Génial