توزیع اپلیکیشن در Electron

نحوه توزیع اپلیکیشن (گرفتن خروجی نهایی) در Electron

برای توزیع اپلیکیشن تان بوسیله Electron، نیاز به دانلود داده های پیش ساخته Electron دارید. سپس پوشه محتوی اپلیکیشن تان باید با اسم app نامگذاری شود و Electron مطابق مثال زیر در پوشه منبع قرار گیرد. نکته مهم اینکه، مکان داده های (باینری های) پیش ساخته Electron در مثال زیر بصورت electron/ نمایش داده شده
در macOS

electron/Electron.app/Contents/Resources/app/
  ├── package.json
  ├── main.js
  └── index.html

در ویندوز و لینوکس

electron/resources/app
  ├── package.json
  ├── main.js
  └── index.html

سپس Electron.app را اجرا کنید (یا electron در لینوکس، electron.exe در ویندوز ) و Electron به عنوان اپلیکیشن شما آغاز خواهد شد و بعد از آن پوشه electron برای انتقال به کاربران نهایی توزیع خواهد شد.

بسته بندی اپلیکیشن در یک فایل

به جز جابجایی اپلیکیشن تان بوسیله کپی کردن از فایل های منبع، همچنین می توانید برای جلوگیری از دسترسی کاربران به کد اپلیکیشن تان، آن را در یک آرشیو asar دسته بندی کنید.
به منظور استفاده از یک آرشیو Asar برای جایگزین کردن پوشه اپلیکیشن، لازم است اسم پوشه را به app.asar تغییر دهید و آن را مثل مثال زیر در پوشه منابع Electron قرار دهید، سپس الکترون شروع به خواندن آرشیو کرده و از آنجا شروع خواهد شد.

در macOS

electron/Electron.app/Contents/Resources/
  └── app.asar

در ویندوز و لینوکس

electron/resources/
  └── app.asar

بازآفرینی اپ با باینری های دانلود شده

بعد از بسته بندی اپلیکیشن تان با Electron، شما می خواهید قبل توزیع اپلیکیشن به کاربران آن را بازآفرینی کنید.
ویندوز
میتوانید electron.exe را با اسم هایی که می خواهید نامگذاری کنید، و ایکن و دیگر اطلاعات آن را توسط rcedit تغییر دهید.
macOS
می توانید Electron.app را با هر اسمی که می خواهید نامگذاری کنید، همچنین باید فایل های CFBundleDisplayName , CFBundleIdentifier و CFBundleName را در فایل های زیر نامگذاری کنید:

Electron.app/Contents/Info.plist
Electron.app/Contents/Frameworks/Electron Helper.app/Contents/Info.plist

همچنین می توانید برای جلوگیری از نمایش Electron Helper اپلیکیشن کمکی را نیز تغییر نام دهید. اما اطمینان حاصل کنید که نام فایل اجرایی برنامه کمکی را تغییر داده اید.
ساختار تغییر نام اپلیکیشن می تواند به این صورت باشد:

MyApp.app/Contents
  ├── Info.plist
  ├── MacOS/
  │   └── MyApp
  └── Frameworks/
      ├── MyApp Helper EH.app
      |   ├── Info.plist
      |   └── MacOS/
      |       └── MyApp Helper EH
      ├── MyApp Helper NP.app
      |   ├── Info.plist
      |   └── MacOS/
      |       └── MyApp Helper NP
      └── MyApp Helper.app
          ├── Info.plist
          └── MacOS/
              └── MyApp Helper

لینوکس
می توانید electron اجرایی را به هر نامی تغییر دهید

ابزار دسته بندی

به جز دسته بندی اپلیکیشن بصورت دستی، همچنین می توانید ابزار دسته بندی third party زیر را انتخاب کنید که این کار را برایتان انجام دهد .
electron-forge
electron-builder
electron-packager

بازآفرینی از طریق بازسازی Electron از منبع

همچنین این امکان وجود دارد که از طریق تغییر نام محصول و ساخت آن از منبع، Electron را بازآفرینی کنید. برای این کار نیاز به اصلاح فایل atom.gyp و یک بازسازی تمیز دارید.

ساخت Electron دلخواه (سفارشی)

ساخت شاخه ای دلخواه از Electron چیزی نیست که برای ساخت اپلیکیشنتان نیاز دارید، حتی برای اپلیکیشن های “Production Level”
استفاده از ابزاری مثل electron-packager یا electron-forge به شما اجازه می دهد بدون انجام این مراحل Electron را بازاریابی کنید.
وقتی کد سفارشی C++ را که مستقیما به Electron وصل کرده اید داشته باشید که نمی تواند بالا دست باشد و یا توسط ورژن اصلی رد شده باشد، به شاخه Electron نیاز دارید.
به عنوان نگاه دارندگان Electron بسیار علاقه مندیم تا برنامه شما موفق باشد، پس تلاش کنید تا تغییرات خود را روی ورژن اصلی اعمال کنید که این برای شما بسیار آسانتر خواهد بود.

ایجاد یک نسخه سفارشی با surf-build

۱- Surf را توسط npm نصب کنید :

npm install -g surf-build@latest

۲- یک S3 bucket جدید ایجاد کنید، پوشه های خالی با ساختار زیر را ایجاد کنید:

- electron/
    - symbols/
    - dist/

۳- متغیرهای محیطی زیر را تنظیم کنید:
– ELECTRON_GITHUB_TOKEN : یک توکن که انتشار در GitHub را ایجاد می کند.
– ELECTRON_S3_ACCESS_KEY, ELECTRON_S3_BUCKET, ELECTRON_S3_SECRET_KEY : فضایی که Node.js را مانند علائم آپلود می کنید.
– ELECTRON_RELEASE : تنظیم true و اجرای بخش آپلود شده. بخش های تنظیم نشده را رها کنید، surf-build اجرا و CI-type بررسی خواهد شد. مناسب برای اجرای درخواست های کششی
– CI : تنظیم true وگرنه شکست خواهد خورد.
– GITHUB_TOKEN : تنظیماتی مشابه با ELECTRON_GITHUB_TOKEN
– SURF_TEMP : تنظیم به C:\Temp در ویندوز برای جلوگیری از مشکل مسیرهای بسیار طولانی.
– TARGET_ARCH : تنظیم به ia32 یا x64
۴- در مسیر script/upload.py شما باید ELECTRON_REPO را با شاخه MYORG/electron خود تنظیم کنید . مخصوصا اگر یک حامی ویژه Electron هستید.
۵-

surf-build -r https://github.com/MYORG/electron -s YOUR_COMMIT -n 'surf-PLATFORM-ARCH'

۶- خیلی خیلی منتظر بمانید تا عملیات کامپایل اپلیکیشن کامل شود.

نکته : نمیتوان برای برخی لغات معنی دقیق فارسی بکار برد، به همین دلیل نزدیک ترین معنی استفاده شده است.
بازآفرینی برند = Rebranding

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5٫00 out of 5)
Loading...
counter customizable free hit