منصة API Club تقدم

توثيق Electron.js الشامل باللغة العربية

طوّر تطبيقات سطح المكتب المتعددة المنصات باستخدام تقنيات الويب المفضلة لديك في بيئة عمل مفتوحة المصدر.

ابدأ التعلم الآن شاهد الفيديو التعريفي

سهولة في التطوير

استخدم HTML و CSS و JavaScript في تطوير تطبيقات سطح المكتب بدون الحاجة لتعلم لغات برمجة جديدة.

دعم جميع المنصات

تطبيق واحد يعمل على Windows و macOS و Linux من نفس مصدر الكود بدون أي تعديلات.

أداء وأمان عالي

مبني على Chromium و Node.js ليوفر أداء عالي وإمكانية الوصول الآمن لميزات النظام.

أحدث إصدار

Electron v29.0.0

ملاحظات الإصدار الإصدارات السابقة تحميل الآن

البداية السريعة

ابدأ في خطوات بسيطة

تعلم أساسيات Electron خطوة بخطوة وابدأ بتطوير أول تطبيق لك في دقائق معدودة.

تثبيت Electron

npm init -y
npm install electron --save-dev
npm install electron-builder --save-dev

# إضافة سكربت للتشغيل في package.json
# "scripts": {
#   "start": "electron ."
# }

1. إنشاء ملف main.js

هذا هو نقطة الدخول لتطبيق Electron الخاص بك.

const { app, BrowserWindow } = require('electron') function createWindow() { const win = new BrowserWindow({ width: 800, height: 600 }) win.loadFile('index.html') } app.whenReady().then(createWindow)

2. إنشاء ملف index.html

واجهة المستخدم الأساسية للتطبيق الخاص بك.

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>مرحباً بالعالم!</title> </head> <body> <h1>مرحباً بالعالم!</h1> <p>هذا هو تطبيق Electron الأول الخاص بك.</p> </body> </html>

شاهد الدليل الكامل للبدء

محتويات الدليل

1 تثبيت Electron
2 إنشاء بنية المشروع
3 تكوين النوافذ
4 إضافة القوائم
5 تعبئة التطبيق

تحتاج مساعدة؟

انضم لمجتمع المطورين

واجهة برمجة التطبيقات

مرجع API كامل

توثيق شامل لجميع واجهات برمجة تطبيقات Electron، متاح الآن باللغة العربية مع أمثلة عملية لكل واجهة.

شرح مفصل لكل دالة وطريقة استخدامها
أمثلة عملية تساعدك على بدء الاستخدام بسرعة
توثيق الأخطاء الشائعة وطرق حلها

استكشف مرجع API

BrowserWindow API

const { BrowserWindow } = require('electron') // إنشاء نافذة متصفح جديدة const win = new BrowserWindow({ width: 800, height: 600, show: false, webPreferences: { nodeIntegration: true, contextIsolation: false } }) // تحميل ملف HTML win.loadFile('index.html') // إظهار النافذة عند الانتهاء من تحميل المحتوى win.once('ready-to-show', () => { win.show() })

مجتمع المطورين