?????! ?

Javascript ? Gemini AI? ???? ??? ?? ????? ????? "???"? ??? ?????. ???? ??? HTML, CSS ? Javascript? ???? ?????? ???? ??? ??? ?????? ???? ?? ?? ??? ??? ??? ??????.

?? Gemini API? ???? ?? express.js? ??? ???? ??? ???? ???. ???!

???? ??? ??

Google Gemini SDK? express.js? ???? API ?? ???? ?? dotenv? ???? ?? ??? ??? ?????.

npm install @google/generative-ai express dotenv

?? ?? ???? ???? ?? ?? ?? ??? ???? ?? ?? ??? ???? ??? ?? ??? ?????.

?? ?? ???? ?? ??? server.js?? ??? ???????. ? ????? ???? ???? ??? ???? ???? ??? ???????.

const express = require("express");
require("dotenv").config();
const { GoogleGenerativeAI } = require("@google/generative-ai");

const app = express();
const port = 3000;

const genAI = new GoogleGenerativeAI(process.env.GOOGLE_GEMINI_API_KEY);

app.use(express.static("public"));

app.use(express.json());

? ??? "public" ???? ?? ??? ????? Express? ???? JSON ????? ?? ??? ?????. ??? ?? ? ??? index.html, styles.css ? script.js ??? ?? ?????. ?? ?? 3000?? ????? ??????? ??????.

@google/generative-ai ?????? ???? Gemini API? ???? GOOGLE_GEMINI_API_KEY?? ?? ??? ??? ?? ?? ?????.

??? ? API ?? ??? ?? ? ???? ???? ???????.

??? API ?

?? ??

Gemini API ?? ???? "@gmail.com" ??? ????? ?? ????. ? ?, ? ??? ????? ??? ?? ??? ?? ? ????:

"API ? ??" ??? ???? ? ?? ??? ????? ???? ?????. ??? ?? ??? ???? ?? ???? ???? ?? ??? ??? ?? ????.

API ? ??

?? ????? ?? ??? .env.local ?? .env?? ??? ??? ????. ? ??? API ?? ??? ?? ?????.

GOOGLE_GEMINI_API_KEY="sua-chave-vai-aqui"

?? ??? ????? ?? ???. ?? ??? ???? ????? API ?? ??? ????.

PS: API ?? ???? ??? ?????. Gemini? ?? ??? ? ?? ??? ?? ??? ?? ??? ?????. ? ?? ?? ??? ???? ?? ?? ??? ??? ???. ??? ?????? ??? ?? ???? ??? ? ?? ?? ???? ??? ????.

/chat ?? ???

?? ???? ???? API ?? ??????? ?? ???? ? ? ?? ??? ???? ?? ?????.

server.js ???? /chat ??? ?????:

npm install @google/generative-ai express dotenv

??? ??? POST ?????. ?, ??? ????? ?????? ???? ???? ?? ???. ??? ? ????? ??? ???? ?????? ????(???? ????? ?? ?? ???? ???) ???? ??? ?????. ??? ??? ???? ??? ???? ???? ?????.

???? ??? ??? ?? ??? ??? ?? ????? ??????.

const express = require("express");
require("dotenv").config();
const { GoogleGenerativeAI } = require("@google/generative-ai");

const app = express();
const port = 3000;

const genAI = new GoogleGenerativeAI(process.env.GOOGLE_GEMINI_API_KEY);

app.use(express.static("public"));

app.use(express.json());

? ??? ???? ??????? try/catch? ???? ??? ?????. ?? ??? Gemini ??? ?????(? ???? ?? ??? ??? ? ????). ? ?? ?? gemini-1.5-flash? ??????.

? ?? ??? ??? ???? ????. ??? model.startChat()? ???? ??? ??? ?? ?? ?(? ?? ??? 100? ??)? ???? Gemini?? ??? ??? ? ????.

?? chat.sendMessage(message)? ???? ??? ???? ?? ? ? ??? ?????. ??? ??? ??? ??? ??? ??? JSON?? ???? ??? ???? ??? ?????.

????? ??? ???? catch ??? ?? ???? ? ??? ??? ??? ?? 500? ??? ? ???? ? "?? API"? ???? ?????? ??? ? ?????. ?????

?? ?? ?? ??? ???? "?? API"? ??? ??? ???? ???.

GOOGLE_GEMINI_API_KEY="sua-chave-vai-aqui"

?? API? ??? ??? ???? ?????. ?? server.js ??? ??? ????.

app.post("/chat", async (req, res) => {
  const { message } = req.body;

  if (!message) {
    return res.status(400).json({ error: "Mensagem n?o pode estar vazia." });
  }

  //...
});

?? ???

?? ?? ???? ?? ???? ??? ????. ?? ?? ???? ?? ?? ??? ??? ?????.

try {
    const model = genAI.getGenerativeModel({
      model: "gemini-1.5-flash",
    });

    const chat = model.startChat({
      history: [],
      generationConfig: { maxOutputTokens: 100 },
    });

    const result = await chat.sendMessage(message);
    res.json({ response: result.response.text() });
  } catch (error) {
    console.error(error);
    res.status(500).json({ error: "Erro ao processar mensagem." });
  }

? ??? ??? ? ???? ?? ???? ?????.

app.listen(port, () => {
  console.log(`Servidor rodando em http://localhost:${port}`);
});

?? URL http://localhost:3000? ???? ???? ???? ???? ??? ??? ??? AI? ???? ???? ??? ?????.

?? ????

??

?? JavaScript? Google Gemini API? ???? ?? ???? ????. ?????? ???? ????, ???? ????, DOM? ???? ??? ???????. ??? express.js? ??? ???, Gemini API? ????, ?????? ?????? ???? ?? POST ??? ?????, ??? ??? ?? ?????? ?? AI? ??? ? ?????.

---

??? ?? ??? ????. ??? ?? ????? ???? ?????? ?? ??? ??? ?? ???? ??? ??? ?? ? ??? ??? ???? ??? ? ??? ?? ??? ???? ?? ?????.

AI? ???? ??? ????? ??? ???? ??, ?? ?? ????? ??? ???? ????? ??? ??? ? ??? ???.

?? ???? ?? ?? ? ? ???????.

?? ???!

? ??? JavaScript? Gemini AI? ?? ???: ??? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!