مهم آموزش خروجی الکترون! ( ویندوز )

[M.gh]

ویژگی های خروجی الکترون :

• حجم خیییلی کمتر نسبت به Nw.js ( پروژه ی سنگین ویندوز رو با الکترون خروجی گرفتم شد 40 مگ در حالی که با nw.js نزیدک 260 مگ می شد! )
  

 

• عوض کردن آیکون قبل از خروجی! یعنی دیگه نیاز به نرم افزار ها متفرقه نیست! هورااا
  

 

• کار کردن پلاگین فوق العاده و قدرتمند الکترون در این پروژه ! این پلاگین امکانات خیلی زیادی رو بیشتر از پلاگی nw.js ارائه میده!
  

 

• و هزاران دلیل دیگه ، ولی خب من عجلع دارم میرم سر اصل مطلب ؛
  

پیش نیاز ها :

• پایتون نسخه ی 3.7.1 به بالا
  
• کوردوا ! ( پیشنهاد من ورژن 10 اش هست )
  

خب درسته پیشنیاز های خروجی هم فقط همین هاست!!

بخش اول خروجی ( خروجی اولیه کوردوا ) :

خب
خوب این رو همه میدونن  باید:
1-وارد پروژه کانستراکت بشید(حتما لایسنس کنید)
2-قسمت های اطلاعاتی پروژه مانند سایت-ایمیل-ورژن-ID و.. رو وارد کنید(کامل)
3-بر روی file کلیک کنید
4- روی export project کلیک کنید
( برای خروجی الکترون باید از پروژه خروجی کوردوا بگیرین!! )
5-cordova رو انتخاب کنید
6-مکان رو وارد کنید و بقیه رو دست نزنید و روی next کلیک کنید
7-بر اساس نیاز های خودتون موارد رو تغییر بدید(مثلا اگر برنامه دسترسی صدا داره باید تیکشو بزنید)
8-نوع اندروید رو انتخاب کنید(پیشنهاد من 5 هست)
9- در آخر روی export بزنید   

بخش دوم خروجی ( نصب کوردوا ، اگر ندارین ) :

خب اگه کوردوا ندارین اول نود جی اس رو نصب کنین! سپس Cmd رو اجرا کنین ( توی ویندوز سرچ کنین میاد )
بعدش کد زیر رو در cmd وارد کنید و اینتر بزنین :

کد:

npm install -g cordova

خب این رو که بنویسین چند تا warn مینویسه و سپس تموم میشه نصب کوردوا 

بخش سوم خروجی (شروع کار ) :

خب حالا باید با دستور cd و وارد کردن آدرس بعد اش جایی که میخواین توش خروجی بگیرین رو انتخاب کنین! و سپس اینتر بزنین. ( در cmd )

مثلا : 

کد php:

cd c:/users/m.gh/desktop 


سپس کد زیر رو در cmd وارد کنید و اینتر بزنین : 

کد php:

cordova create game 


داخل این و از این به بعد بجای game اسم بازیتون رو بنویسین.

بعد بنویسین cd game و اینتر بزنین سپس کد زیر رو وارد کنید :

کد:

cordova platform add electron

خب یکم طول میکشه تا این دستور انجام بشه.

خب حالا وقتی انجام شد cmd رو نبندین و بزارین باز باشه ، بعد برین و فایل های درون خروجی کوردوا که از کانستراکت گرفتین رو کپی کنین  و سپس به مسیر پوشه ای که با دستور cordova create game ساختین برین و اونجا پیست کنین اگر ارور داد که قبلا موجوده replace کنین فایل هارو.
سپس به مسیر
\platforms\electron
در پوشه ای که ساختین برین و مجددا پیست کنین فایل ها رو اگر ارور داد که قبلا موجوده replace کنین فایل هارو.


خب الان میتونین آیکون نرم افزارتون رو قبل از خروجی تغییر بدید  ‌ با این روش :
 platforms\electron\build-res
به این مسیر برین و عکسی که میخواین رو جایگزین عکس installer کنین و اسمش رو هم  installer  بزارین.
خب
وقت خروجیه

با کد زیر در cmd میتونین بدون بیلد کردن پروژه رو اجرا کنین : ( توجه کنین باید cmd رو از مراحل قبل نبندیده باشید )

کد:

cordova run electron --nobuild

خب اگه تست کردین میتونین با کد زیر بصورت نهایی بیلد کنین : 

کد:

cordova build electron --release

خب این فرایند یکم طول میکشه
هر موقع تموم شد یعنی خروجی آماده است!

با رفتن به مسیر زیر میتونین فایل ستاپی که خوده الکترون ساخته و فایل پرتابل رو که جفتش .exe هست رو ببنین!!
platforms\electron\build
موفق باشید!
شما خروجی رو انجام دادین!

خب من ماه ها دنبال این خروجی بودم لطفا نطراتتون رو بگین

چند روزه دیگه هم آموزش تنظیم تنظیمات خروجی از جمله فول اسکرین بودن یا نبودن و ... رو یاد میدم در همین تاپیک.

پلاگین الکترون که لازم نیست حتما داخل خروجی باشه رو حتما دانلود کنین امکانات خوبی رو میده!!

نظراتتون رو حتما بگین خوشحال میشم
فعلا!


ضمنا اگ موقه بیلد به مشکل خوردین

npm install cordova-custom-config 

این کد رو در cmd بزنین !

[aag]

 Awlliiii bbboodd

[M.gh]

ممنون از نظرتون‌

[ARKEYA]

ممنون 
عالی بود
واقعا نیاز داشتم

[M.gh]

خواهش میکنم

[hasansanaei]

خود آموزش رو بصورت حدودی نگاه کردم ؛ اما موضوعی که میخوام بهش پی ببرم این هست که اگر از کوردوا برای خروجی استفاده میشه ، پس یعنی پلاگین های کوردوا هم باید روی این خروجی کار کنن !
اگر کسی وقت داشت ی بررسی بکنه و خبرشو بده .

[M.gh]

ضمنا یکی دیگر از ویژگی های این خروجی اینه که ، ویژوال استودیو کد و فیمگا و ماکروسافت تیم ورکز ، و فیدبک مسنجر و ... هم با الکترون بیلد شدن!!!!

[oak]

عالی بود ممنون
فقط یک سوال 
با این روش گرافیک های بازیمون هم ایمن می مونه ؟؟؟
مثل فونگپ که نیستش
چون من فونگپ رو برا ویندوز خروجی گرفتم راحت میشد در بیاریم گرافیک ها رو
و یک سوال دیگه
با این روش میشه دور پنجره رو شخصی سازی کرد ؟؟؟

[miladesign]

خود آموزش رو بصورت حدودی نگاه کردم ؛ اما موضوعی که میخوام بهش پی ببرم این هست که اگر از کوردوا برای خروجی استفاده میشه ، پس یعنی پلاگین های کوردوا هم باید روی این خروجی کار کنن !
اگر کسی وقت داشت ی بررسی بکنه و خبرشو بده .

 

پلاگینایی روش جواب میده که توی گیتهابش نسخه browser یا electron داشته باشه. مثلا توی پلاگین فایل اگه نگاه کنید پوشه browser رو داره پس روی خروجی الکترون کار میکنه.

https://github.com/apache/cordova-plugin...master/src


 

[M.gh]

عالی بود ممنون
فقط یک سوال 
با این روش گرافیک های بازیمون هم ایمن می مونه ؟؟؟
مثل فونگپ که نیستش
چون من فونگپ رو برا ویندوز خروجی گرفتم راحت میشد در بیاریم گرافیک ها رو
و یک سوال دیگه
با این روش میشه دور پنجره رو شخصی سازی کرد ؟؟؟

1. آره فک کنم ایمن میمونه

۲. بله شخصی سازی میشه کرد توی قسمت بعدی اموزش بهتون میگم چیکار باید بکنین