استخدام Gemini API في مواقع الويب
السلام عليكم .. عنوان الدرس/ استخدام Gemini API في مواقع الويب الاختصاص/ الذكاء الاصطناعي المستوى/ الكل ملاحظة: اللغة المستخدمة في الدرس هي JavaScript باستخدام React JS الخطوات: 1- نقوم بعمل مشروع React جديد من خلال الاسطر التالية: npx create-react-app gemini-api cd my-app npm start 2- تنصيب حزمة google AI على المشروع كالتالي: npm i @google/generative-ai نحتاج إلى مفتاح API للمطور لاستخدام Gemini AI ولكي ننشيء مفتاح API للمطور، نذهب الى الرابط التالي https://aistudio.google.com/app/apikey ثم نقوم بإنشاء المفتاح .. وبمجرد إنشائه، انسخه إلى موقع آمن داخل نظامك لاستخدامه لاحقًا في التطبيق. 3- نرجع الى مشروعنا في react ونفتح ملف App.js ونمسح الكود الذي بداخله ، ثم نقوم باستدعاء المكتبة الخاصة بالكوكل ai كالتالي: import { GoogleGenerativeAI } from '@google/generative-ai' ; 4- نقوم بإنشاء كائن genAI من كلاس GoogleGenerativeAI من خلال تمرير مفتاح API لكي نتمكن من الوصول إلى جميع الدوال التي يقدمها. كالتالي: const API_KEY ...
تعليقات
إرسال تعليق