برنامه نویسی

نرم افزار برق رسانی: Electron – DEV Community

در دنیای توسعه نرم افزار، نیاز به ساخت اپلیکیشن های همه کاره و با کارایی بالا همیشه وجود داشته است. Electron را وارد کنید، یک چارچوب قدرتمند که توسعه برنامه بومی را با ترکیبی منحصر به فرد از فناوری های وب و قابلیت های بومی بازتعریف کرده است. اما دقیقاً چه چیزی Electron را متمایز می کند و چرا توسعه دهندگان باید آن را برای پروژه بعدی خود در نظر بگیرند؟

الکترون چیست؟

Electron یک چارچوب متن باز است که توسط GitHub توسعه یافته است که به توسعه دهندگان اجازه می دهد تا برنامه های دسکتاپ متقابل پلتفرمی را با استفاده از HTML، CSS و جاوا اسکریپت بسازند. از قدرت Node.js برای عملیات باطن و Chromium برای رندر کردن قسمت جلو استفاده می‌کند و یک محیط یکپارچه را ایجاد می‌کند که در آن وب و توسعه بومی همگرا می‌شوند.

مزایای کلیدی

  • سازگاری بین پلتفرم:
    یکی از مهم‌ترین مزایای Electron توانایی آن در ایجاد برنامه‌هایی است که به راحتی بر روی ویندوز، macOS و لینوکس اجرا می‌شوند. این بدان معناست که توسعه دهندگان می توانند کد خود را یک بار بنویسند و آن را در چندین سیستم عامل مستقر کنند و در زمان و منابع صرفه جویی کنند.
  • آشنایی با فناوری وب:
    برای توسعه دهندگانی که به خوبی در توسعه وب آشنا هستند، Electron زمین بازی آشنا را فراهم می کند. استفاده از HTML، CSS و جاوا اسکریپت به این معنی است که نیازی به یادگیری زبان‌های برنامه‌نویسی جدید یا پارادایم‌ها نیست و به‌طور قابل توجهی مانع ورود را کاهش می‌دهد.
  • پایگاه داده گسترده:
    پایگاه داده Electron بزرگ است و کتابخانه ها و ابزارهای متعددی برای ارتقای توسعه در دسترس است. از فریم‌ورک‌هایی مانند React به ماژول‌های Node.js، توسعه‌دهندگان منابع زیادی برای ساخت برنامه‌ها در اختیار دارند.
  • انجمن فعال و پشتیبانی:
    با یک جامعه بزرگ و فعال، توسعه دهندگان Electron می توانند پشتیبانی و منابع کافی را به صورت آنلاین پیدا کنند. این رویکرد جامعه محور، بهبود مستمر و دانش فراوانی را تضمین می کند که در هنگام مواجهه با چالش ها باید از آن بهره برد.

الکترون چگونه کار می کند

در هسته خود، Electron از سه جزء اصلی تشکیل شده است: Chromium، Node.js، و خود چارچوب Electron.

  • کروم:
    Electron از Chromium، پروژه مرورگر منبع باز که Google Chrome را نیز قدرت می‌دهد، برای رندر کردن قسمت جلوی برنامه استفاده می‌کند. این تضمین می کند که رابط کاربری برنامه به طور مداوم در پلتفرم های مختلف رفتار می کند.

  • Node.js:
    در باطن، Electron از Node.js استفاده می کند و به توسعه دهندگان این امکان را می دهد که از جاوا اسکریپت برای اسکریپت نویسی سمت سرور استفاده کنند. این ادغام امکان مدیریت سیستم های فایل، مدیریت عملیات شبکه و انجام سایر وظایف باطن را مستقیماً در داخل برنامه ممکن می سازد.

  • چارچوب الکترونی:
    چارچوب Electron شکاف بین Chromium و Node.js را پر می کند و API هایی را ارائه می دهد که ارتباط بین قسمت جلویی و باطن را تسهیل می کند. این شامل ویژگی هایی مانند مدیریت پنجره، اعلان ها و موارد دیگر می شود.

ساخت اپلیکیشن الکترون: مروری سریع
ایجاد یک برنامه Electron نسبتاً ساده است. در اینجا یک طرح کلی از مراحل مربوطه آورده شده است:

  • تنظیم محیط:
    ابتدا به Node.js و نیاز دارید npm (Node Package Manager) روی دستگاه شما نصب شده است. با وجود این ابزارها، می توانید یک فهرست پروژه جدید ایجاد کرده و آن را با آن مقداردهی اولیه کنید npm init.

  • نصب الکترون:
    سپس، Electron را به عنوان یک وابستگی توسعه با استفاده از npm نصب کنید:

npm install electron --save-dev
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  • ایجاد اسکریپت اصلی:
    در ریشه دایرکتوری پروژه خود، یک فایل main.js ایجاد کنید. این اسکریپت به عنوان نقطه ورود برای برنامه Electron شما عمل خواهد کرد. در اینجا یک مثال ساده آورده شده است:
const { app, BrowserWindow } = require('electron');

function createWindow() {
    const win = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            nodeIntegration: true,
        },
    });

    win.loadFile('index.html');
}

app.whenReady().then(createWindow);

app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') {
        app.quit();
    }
});

app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
        createWindow();
    }
});
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  • ایجاد فایل HTML:
    سپس، یک فایل index.html در همان دایرکتوری ایجاد کنید:



    
    
    Hello Electron


    
    


وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

  • اجرای برنامه:
    در نهایت یک اسکریپت شروع به فایل package.json خود اضافه کنید:
"scripts": {
    "start": "electron ."
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

کوتاه و شیرین درسته؟ اکنون، می توانید برنامه خود را با استفاده از:

npm start
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

کاربردهای الکترونیک در دنیای واقعی

الکترون برای ایجاد برخی از محبوب ترین برنامه های دسکتاپ در بازار امروز استفاده شده است. مثالها عبارتند از:

  • کد ویژوال استودیو: یک ویرایشگر کد قدرتمند و سبک که توسط مایکروسافت توسعه یافته است.
  • سستی: یک مرکز همکاری برای کاری که پیام‌رسانی، ابزار و فایل‌ها را ترکیب می‌کند.
  • اسپاتیفای:
    مشتری دسکتاپ برای سرویس پخش موسیقی محبوب. این برنامه ها تطبیق پذیری و توانایی Electron را در ارائه برنامه های کاربردی با کیفیت بالا که کاربران دوست دارند را نشان می دهد.

نتیجه
Electron با ترکیب انعطاف‌پذیری فن‌آوری‌های وب با قدرت قابلیت‌های دسک‌تاپ بومی، توسعه برنامه‌های بومی را متحول کرده است. سازگاری بین پلتفرم، سهولت استفاده و پایگاه داده بزرگ آن را به گزینه ای عالی برای توسعه دهندگانی تبدیل کرده است که به دنبال ایجاد برنامه های دسکتاپ مدرن و با کارایی بالا هستند. چه یک توسعه‌دهنده با تجربه باشید و چه تازه شروع کرده‌اید، Electron دنیایی از امکانات را برای ساخت راه‌حل‌های نرم‌افزاری نوآورانه باز می‌کند. اطلاعات بیشتر در مورد الکترون را می توانید با لینک های زیر به دست آورید.

منابع الکترونی:

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا