← Resep AI harianBisnis✓ Terverifikasi 20 Jul 2026

Luncurkan situs kerja dengan pembayaran Stripe dan ChatGPT dalam 10 menit

Integrasikan pembayaran Stripe dan AI-asisten di situs kerja - tanpa investasi awal

  1. 1.Buat API key OpenAI. Buka platform.openai.com, masuk ke bagian «API keys» dan klik «Create new secret key». Salin kunci ke notepad.

    Anda akan mendapat $5 kredit gratis berlaku 3 bulan. Simpan kunci di variabel lingkungan OPENAI_API_KEY di server Anda, jangan pernah letakkan di kode atau browser.

    OpenAI API ↗
  2. 2.Buat akun Stripe. Buka stripe.com, klik «Sign up», isi data Anda. Di dashboard salin Publishable key dan Secret key ke notepad.

    Stripe mengambil 2,9% + $0,30 untuk setiap pembayaran berhasil. Sampai pembayaran pertama, Anda tidak perlu bayar. Jangan pernah letakkan Secret key di kode frontend.

    Stripe ↗
  3. 3.Buat repositori di GitHub. Klik «New repository», beri nama, pilih Node.js .gitignore. Klona ke lokal Anda: git clone [link-repo-anda]

    Anda memerlukan git-repo untuk menerapkan aplikasi ke Vercel dengan satu klik.

    GitHub ↗
  4. 4.Buat aplikasi Node.js. Di folder repo, buat package.json dan salin ke dalamnya: { "name": "stripe-chatgpt-site", "version": "1.0.0", "main": "server.js", "dependencies": { "express": "^4.18.2", "stripe": "^14.0.0", "openai": "^4.28.0", "cors": "^2.8.5", "dotenv": "^16.3.1" } } Kemudian jalankan: npm install

    package.json berisi semua library yang diperlukan. npm install akan menginstalnya secara lokal.

    Node.js ↗
  5. 5.Buat file server.js di akar repo dan salin ke dalamnya: javascript const express = require('express'); const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY); const { OpenAI } = require('openai'); const cors = require('cors'); require('dotenv').config(); const app = express(); app.use(express.json()); app.use(cors()); const openai = new OpenAI({ apiKey

    Kode ini membuat dua endpoint: satu untuk membuat pembayaran melalui Stripe, yang lain untuk chatting dengan ChatGPT. Gunakan model gpt-4o-mini yang ekonomis agar kredit $5 Anda bertahan lebih lama.

    Express.js + OpenAI + Stripe SDK ↗
    Prompt
    const response = await openai.chat.completions.create({
  model: 'gpt-4o-mini',
  messages: [{ role: 'user', content: '[PESAN_ANDA]' }],
  max_tokens: 200,
});

Ganti [PESAN_ANDA] dengan teks yang ingin Anda kirim ke model. max_tokens=200 membatasi jawaban menjadi 200 token (~150 kata) dan menghemat uang.
    Apa fungsi prompt iniIni kode untuk chatting dengan ChatGPT API. Anda mengganti teks Anda sendiri alih-alih [PESAN_ANDA], dan model akan mengembalikan jawaban. Parameter max_tokens=200 membatasi panjang jawaban agar Anda tidak menghabiskan semua kredit $5 di hari pertama.
  6. 6.Buat file .env di akar repo dan salin ke dalamnya: OPENAI_API_KEY=[KUNCI_OPENAI_ANDA] STRIPE_SECRET_KEY=[SECRET_KEY_STRIPE_ANDA] PORT=3000 Ganti [KUNCI_OPENAI_ANDA] dengan API key dari langkah 1, [SECRET_KEY_STRIPE_ANDA] dengan Secret key dari langkah 2.

    ⚠️ PENTING: Jangan pernah letakkan file .env di git. Buat .gitignore dengan isi node_modules/ dan .env, agar kunci rahasia tidak masuk ke repo.

  7. 7.Terapkan ke Vercel. Buka vercel.com, klik «Import Project», pilih repositori GitHub Anda. Di field Environment Variables tambahkan: OPENAI_API_KEY = [kunci Anda] STRIPE_SECRET_KEY = [kunci Anda] Klik «Deploy». Dalam 2-3 menit situs akan online di alamat seperti https://[nama].vercel.app

    Vercel secara otomatis mendeteksi aplikasi Node.js dan menerapkannya. Variabel lingkungan dimasukkan di dashboard Vercel, bukan di kode. Setelah deploy Anda dapat menguji API melalui POST-request ke https://[nama].vercel.app/chat dan https://[nama].vercel.app/create-payment-intent

    Vercel ↗
💰 Berapa biaya untuk mengikutinyaharga per 2026-07
  • gratisChatGPT (akun gratis)40 permintaan dalam 3 jam; untuk penggunaan lebih sering perlu langganan ChatGPT Plus ($20/bulan).
  • gratisCodePen atau Replit (paket gratis)Sepenuhnya gratis untuk mengedit dan menguji kode di browser.
  • gratisStripe (mode pengujian)Gratis menguji pembayaran di mode sandbox; saat beralih ke kunci produksi komisi 2,9% + $0,30 per transaksi.
  • gratisVercel atau Netlify (tier gratis)Gratis menerapkan frontend; untuk backend perlu paket berbayar ($7+/bulan) atau fungsi serverless dengan batas.
Coba dan jadilah yang pertama menandai

Kenapa hari ini

OpenAI Documentationweb
Stripe Documentationweb
Vercel Documentationweb

Layanan AI berubah cepat - antarmuka dan batas gratis bisa berbeda dari yang dijelaskan.