← وصفات الذكاء الاصطناعي اليوميةالأعمال✓ تم التحقق 20 يوليو 2026

أطلق موقع عمل به نظام دفع Stripe و ChatGPT في 10 دقائق

دمج نظام دفع Stripe ومساعد ذكي على موقع عامل - بدون استثمار مالي أولي

  1. 1.أنشئ مفتاح API من OpenAI. انتقل إلى platform.openai.com، افتح قسم «API keys» واضغط «Create new secret key». انسخ المفتاح في المفكرة.

    ستحصل على 5 دولارات رصيد مجاني صالح 3 أشهر. احفظ المفتاح في متغير البيئة OPENAI_API_KEY على الخادم، لا تضعه في الكود أو المتصفح أبدا.

    OpenAI API ↗
  2. 2.أنشئ حساب Stripe. انتقل إلى stripe.com، اضغط «Sign up»، أملأ البيانات. في لوحة التحكم انسخ Publishable key و Secret key في المفكرة.

    Stripe تأخذ 2.9% + 0.30 دولار عن كل دفع ناجح. لا تحتاج لدفع قبل أول عملية دفع. لا تضع Secret key في كود الواجهة الأمامية أبدا.

    Stripe ↗
  3. 3.أنشئ مستودع على GitHub. اضغط «New repository»، سمه، اختر Node.js .gitignore. استنسخه عندك: git clone [رابط-مستودعك]

    ستحتاج إلى مستودع git لتنشر التطبيق على Vercel بزر واحد.

    GitHub ↗
  4. 4.أنشئ تطبيق Node.js. في مجلد المستودع أنشئ package.json وانسخ فيه: { "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» } } ثم نفذ: npm install

    ملف package.json يحتوي على جميع المكتبات المطلوبة. npm install سيثبتها محليا.

    Node.js ↗
  5. 5.أنشئ ملف server.js في جذر المستودع وانسخ فيه: 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

    هذا الكود ينشئ نقطتي نهاية: واحدة لإنشاء دفع عبر Stripe والثانية للتحدث مع ChatGPT. يستخدم نموذج الميزانية gpt-4o-mini الذي يحافظ على رصيدك 5 دولارات أطول.

    Express.js + OpenAI + Stripe SDK ↗
    البرومبت
    const response = await openai.chat.completions.create({
  model: 'gpt-4o-mini',
  messages: [{ role: 'user', content: '[رسالتك_هنا]' }],
  max_tokens: 200,
});

استبدل [رسالتك_هنا] بالنص الذي تريد إرساله للنموذج. max_tokens=200 يحد الرد من 200 رمز (~150 كلمة) ويوفر المال.
    ماذا يفعل هذا البرومبتهذا كود للتحدث مع ChatGPT API. تضع نصك بدل [رسالتك_هنا] والنموذج يرد. معامل max_tokens=200 يحد طول الرد لتجنب إنفاق كل 5 دولار في اليوم الأول.
  6. 6.أنشئ ملف .env في جذر المستودع وانسخ فيه: OPENAI_API_KEY=[مفتاحك_الـ_OPENAI] STRIPE_SECRET_KEY=[مفتاحك_السري_STRIPE] PORT=3000 استبدل [مفتاحك_الـ_OPENAI] بمفتاح API من الخطوة 1 و [مفتاحك_السري_STRIPE] بـ Secret key من الخطوة 2.

    ⚠️ مهم: لا تضع ملف .env في git أبدا. أنشئ .gitignore بـ node_modules/ و .env حتى لا تدخل المفاتيح السرية في المستودع.

  7. 7.انشر على Vercel. انتقل إلى vercel.com، اضغط «Import Project»، اختر مستودع GitHub خاصتك. في حقل Environment Variables أضف: OPENAI_API_KEY = [مفتاحك] STRIPE_SECRET_KEY = [مفتاحك] اضغط «Deploy». بعد 2 - 3 دقائق الموقع سيكون مباشر على https://[اسمك].vercel.app

    Vercel تكتشف تطبيق Node.js تلقائيا وتنشره. متغيرات البيئة تدخل في لوحة تحكم Vercel وليس في الكود. بعد النشر تستطيع اختبار API عبر طلبات POST إلى https://[اسمك].vercel.app/chat و https://[اسمك].vercel.app/create-payment-intent

    Vercel ↗
💰 كم يكلف تطبيقهالأسعار حتى 2026-07
  • مجاناChatGPT (حساب مجاني)40 طلب في 3 ساعات؛ للاستخدام الأكثر تكرارا تحتاج اشتراك ChatGPT Plus (20 دولار/شهر).
  • مجاناCodePen أو Replit (خطة مجانية)مجاني تماما لتعديل واختبار الكود في المتصفح.
  • مجاناStripe (وضع الاختبار)مجاني لاختبار الدفع في وضع الحماية؛ عند التحويل للمفاتيح الحقيقية العمولة 2.9% + 0.30 دولار لكل عملية.
  • مجاناVercel أو Netlify (المستوى المجاني)مجاني لنشر الواجهة الأمامية؛ للـ backend يتطلب خطة مدفوعة (7+ دولار/شهر) أو دوال بدون خادم مع حدود.
جربها وكن أول من يسجل إنجازه

لماذا اليوم

OpenAI Documentationweb
Stripe Documentationweb
Vercel Documentationweb

خدمات الذكاء الاصطناعي تتغير بسرعة - قد تختلف الواجهات والحدود المجانية عما هو موصوف.