Proyecta AI Gateway

เพิ่มฟีเจอร์ AI ให้กับแอปที่เผยแพร่แล้ว — แชทบอต, การสร้างคอนเทนต์, การสรุปความ รองรับ OpenAI-compatible ไม่ต้องใช้ API key ของบุคคลที่สาม

Proyecta AI Gateway ช่วยให้แอปที่คุณสร้างสามารถเรียกใช้ LLM ชั้นนำได้ โดยไม่ต้องสมัครบัญชีกับแต่ละ provider, จัดการ API key ของพวกเขา หรือออกค่าใช้จ่ายเองล่วงหน้า รองรับ OpenAI-compatible — เพียงชี้ OpenAI SDK ไปที่ gateway แล้วก็เสร็จ ในปัจจุบัน มีเฉพาะโมเดล Anthropic Claude ที่พร้อมใช้งานผ่าน gateway ส่วนการรองรับ OpenAI, Google และ Groq อยู่ใน roadmap

ฉันสามารถสร้างอะไรได้บ้าง?

• แชทบอต — บริการลูกค้า, AI โค้ช, บอตตอบคำถาม FAQ
• การสร้างคอนเทนต์ — คำอธิบาย, อีเมล, บทสรุป, ร่างเนื้อหา
• การวิเคราะห์ — ดึงข้อมูลเชิงลึกจากข้อความ, จัดหมวดหมู่ข้อมูล, แบ่งประเภท
• การสรุปความ — ย่อเอกสาร, บทความ, บทถอดความ
• การปรับแต่งส่วนตัว — คำแนะนำ, UI แบบปรับตัว

Quickstart

ในแอปที่สร้างด้วย Proyecta คุณสามารถเรียก gateway จาก page ได้โดยตรงผ่าน hook useAI() — ไม่ต้องจัดการ key, ไม่ต้องมี backend:

import { useAI } from '@/hooks/useAI.ts';

function Summarizer({ article }) {
    const { ask, isPending, error } = useAI({ system: 'You summarize articles.' });
    const [summary, setSummary] = useState('');

    return (
        <button
            disabled={isPending}
            onClick={async () => setSummary(await ask(`Summarize in 3 bullets: ${article}`))}
        >
            Summarize
        </button>
    );
}

สำหรับการสนทนาแบบโต้ตอบไปมา ให้ใช้ useChat() แทน ซึ่งจะจัดการประวัติข้อความให้คุณเอง

มีสองสิ่งที่ควรรู้ เนื่องจากผู้เยี่ยมชมที่ไม่ได้ล็อกอินจะใช้ credits ของคุณ: กำหนดขอบเขต prompt ให้เหมาะสม (อย่า stream ข้อมูลทั้งหมดลงใน system) และอย่าเรียก completion ทุกครั้งที่กดแป้นพิมพ์

ขอให้ AI builder จัดการให้: "Add a chatbot to my app. The user types a question and gets a streaming response."

จาก backend ของคุณเอง

gateway รองรับโปรโตคอล OpenAI Chat Completions ดังนั้นจาก server ที่คุณควบคุมเอง คุณสามารถชี้ OpenAI SDK ทางการไปที่ gateway ได้ — เปลี่ยนแค่สองส่วนคือ baseURL และ key:

import OpenAI from 'openai';

const openai = new OpenAI({
    baseURL: 'https://cloud.proyecta.dev/v1/ai',
    apiKey: process.env.PROYECTA_API_KEY,
});

const response = await openai.chat.completions.create({
    model: 'claude-haiku-4-5-20251001',
    messages: [{ role: 'user', content: 'Summarize this article in 3 bullet points: …' }],
});

Streaming

Streaming ทำงานเหมือน OpenAI-compatible client ทั่วไป:

const stream = await openai.chat.completions.create({
    model: 'claude-haiku-4-5-20251001',
    messages: [{ role: 'user', content: prompt }],
    stream: true,
});

for await (const chunk of stream) {
    process.stdout.write(chunk.choices[0]?.delta?.content ?? '');
}

โมเดล

โมเดลต่อไปนี้พร้อมใช้งานผ่าน gateway:

Provider	โมเดลที่รองรับ
Anthropic	claude-sonnet-5 (flagship), claude-sonnet-4-6, claude-haiku-4-5-20251001, claude-opus-5, claude-opus-4-8, claude-opus-4-7

ระบุ model ID ตรงๆ เช่น claude-sonnet-5, claude-haiku-4-5-20251001 คำขอที่ใช้โมเดลนอกรายการนี้จะถูกปฏิเสธ การเพิ่ม provider อื่นอยู่ใน roadmap

API key, rate limit และงบประมาณ

Proyecta จะจัดเตรียม PROYECTA_API_KEY ให้กับ runtime ของคุณโดยอัตโนมัติ คุณไม่จำเป็นต้องสร้างเองในกรณีทั่วไป

เจ้าขององค์กรสามารถดูการใช้งาน AI credits ได้ — ยอดใช้จ่ายในรอบปัจจุบันและวงเงินตามแผนของพวกเขา นี่คือสิ่งที่ขับเคลื่อนตัวบ่งชี้ credits ใน builder

มีการเรียกเก็บเงินอย่างไร?

การใช้งาน AI Gateway จะถูกติดตามแยกต่างหากจาก credits ที่ AI builder ใช้เมื่อแก้ไขแอปของคุณ ต้นทุนต่อ request คืออัตราของ provider ที่อยู่เบื้องหลัง ซึ่งจะถูกหักจากยอด AI credits ขององค์กรของคุณ

คำถามที่พบบ่อย

AI Gateway กับ AI builder ต่างกันอย่างไร?

AI builder คือ agent ที่เขียนโค้ดใน chat panel ส่วน AI Gateway คือสิ่งที่แอปที่เผยแพร่แล้วของคุณเรียกใช้ เมื่อ ผู้ใช้งาน ต้องการฟีเจอร์ AI

ฉันสามารถนำ provider key ของตัวเองมาใช้ได้ไหม?

ได้ — ขอให้ AI ลบการเรียก gateway ออก แล้วตั้งค่าการเชื่อมต่อโดยตรงด้วย key ของคุณเองใน Environment Variables คุณจะสูญเสียการเรียกเก็บเงินแบบรวมศูนย์และ pool ของ rate limit ที่ใช้ร่วมกัน

ฉันสามารถใช้สำหรับการสร้างรูปภาพหรือเสียงได้ไหม?

ยังไม่ได้ในตอนนี้ ปัจจุบัน gateway รองรับเฉพาะ text-in / text-out รูปแบบภาพ, เสียง และวิดีโออยู่ใน roadmap สำหรับการสร้างรูปภาพ ดูได้ที่ Image Generation

ฉันดูการใช้งานได้ที่ไหน?

การใช้งาน credits จะแสดงในระดับ องค์กร ใน Settings page (ยอดใช้จ่ายในรอบปัจจุบันและวงเงิน) แผง AI Gateway เฉพาะภายใน builder — พร้อม key แยกตามแอปและกราฟการใช้งานแบบ real-time — อยู่ใน roadmap

เร็วๆ นี้

• Builder panel สำหรับ AI Gateway — สร้าง key แยกตามแอป, กำหนด allowlist ของโมเดล, ดูยอดใช้จ่าย live และจัดการ key ทั้งหมดโดยไม่ต้องออกจาก builder
• รูปแบบภาพและเสียง — text-to-image, text-to-speech, speech-to-text
• การระบุการใช้งานต่อ runtime — ดูว่าแอปใดในองค์กรของคุณใช้จ่ายไปเท่าไหร่