Tambahkan chatbot AI ke aplikasi HTML Anda tanpa membocorkan kunci API

Menambahkan asisten obrolan ke aplikasi adalah salah satu ide paling populer saat ini. Di sinilah banyak pengembang pemula membuat kesalahan mahal: mereka menempelkan kunci API AI langsung ke JavaScript.

Siapa pun bisa membuka APK dan membaca file di dalamnya. Jika kunci Anda ada di sana, seseorang akan menemukannya, dan Anda yang membayar penggunaannya. Berikut cara melakukannya dengan benar.

Aturannya: kunci tidak pernah masuk ke aplikasi

Aplikasi Anda harus berbicara dengan server Anda. Server Anda menyimpan kunci dan berbicara dengan penyedia AI. Aplikasi sama sekali tidak pernah melihat kunci.

Phone app  →  your small proxy  →  AI provider
              (holds the key)

Proxy ini bisa sangat kecil. Fungsi serverless di Cloudflare Workers, misalnya, hanya beberapa puluh baris dan punya paket gratis yang longgar.

Proxy minimal

// Cloudflare Worker. The key is stored as a secret, not in code.
export default {
  async fetch(req, env) {
    if (req.method !== 'POST') return new Response('Not allowed', { status: 405 });
    const { message } = await req.json();
    if (!message || message.length > 2000) return new Response('Bad request', { status: 400 });
    // Call your AI provider here with env.AI_KEY and return its answer.
  }
};

Simpan kunci dengan fitur rahasia dari platform agar tidak pernah muncul di kode atau repositori Anda.

Batasi apa yang bisa dilakukan proxy

• Batasi ukuran input. Tolak pesan besar sebelum sampai ke AI.
• Tetapkan model dan pengaturan di server. Jangan biarkan aplikasi memilih model yang mahal.
• Batas laju. Beberapa permintaan per menit per pengguna sudah cukup untuk fitur obrolan.
• Tetapkan batas pengeluaran pada penyedia AI Anda, agar bug tidak pernah menjadi tagihan besar.

Memanggilnya dari aplikasi Anda

Dari aplikasi HTML Anda, cukup fetch biasa ke proxy Anda. Tampilkan indikator mengetik selagi menunggu, dan tangani kesalahan dengan ramah: ponsel bisa kehilangan sinyal, dan layanan AI bisa sibuk.

Ingat aturan toko

Aplikasi yang menghasilkan teks dengan AI tunduk pada kebijakan Google Play untuk konten buatan AI. Anda memerlukan cara bagi pengguna untuk melaporkan keluaran yang menyinggung, dan kebijakan privasi serta formulir Keamanan data Anda harus menyebutkan bahwa pesan dikirim ke layanan pihak ketiga. Kami membahas keduanya di panduan kami tentang kebijakan dan di privasi untuk aplikasi AI.