في المقالة التالية سوف نلقي نظرة على Nativefier. لقد تحدثنا بالفعل عن هذه الأداة في نفس هذه المدونة قبل حين. في هذا المنشور ، سنرى كيف يمكننا تثبيته واستخدامه في Ubuntu 18.10 إلى تحويل صفحة ويب إلى تطبيق أصلي.
هناك العديد من الأسباب التي تجعلك تريد تطبيقًا محليًا لموقع ويب. إنهم يعملون بشكل جيد بشكل عام ، بالإضافة إلى أن لديهم بعض الميزات التي يتوقعها الأشخاص من تطبيق سطح المكتب. بشكل عام، مناسب بشكل جيد للمكاتب Gnu / Linux بفضل تكوينه عند إنشائها.
قم بتثبيت Nativefier على Ubuntu 18.10
Nativefier هو تطبيق NodeJS الذي يعمل على Gnu / Linux وأنظمة التشغيل الأخرى التي يمكنها تشغيل Node. لا يصل هذا البرنامج مثبتًا بشكل افتراضي في أي توزيع رئيسي. لهذا السبب ، سيتعين علينا معرفة كيفية تكوين NativeFier ، قبل أن يكون من الممكن البدء في تحويل مواقع الويب إلى تطبيقات سطح مكتب لـ Gnu / Linux.
قم بتثبيت NPM
يعتمد Nativefier بشكل كبير على لغة البرمجة NodeJS. لهذا السبب ، سنفعل تثبيت مدير الحزم هذا ، يسمى الآلية الوقائية الوطنية، والتي يجب أن تكون كافية.
إلى قم بتثبيت NPM على Ubuntu 18.10، سيتعين علينا فقط فتح محطة طرفية (Ctrl + Alt + T) والكتابة فيها:
sudo apt install npm
قم بتثبيت Nativefier
عندما يعمل مدير الحزم NodeJS على أجهزتنا ، يجب أن نستخدمه لتثبيت Nativefier. سنفعل ذلك عن طريق فتح محطة طرفية (Ctrl + Alt + T) و باستخدام الأمر npm كالآتي:
sudo npm install nativefier -g
تحذير: تثبيت Nativefier بدون sudo يمكن أن يسبب مشاكل.
تحويل المواقع إلى تطبيقات
يعمل Nativefier عن طريق إنشاء إطار إلكتروني بناءً على عنوان URL التي تتلقاها من سطر الأوامر. لإنشاء تطبيق Gnu / Linux أصلي باستخدام موقع ويب ، ما عليك سوى اتباع الخطوات التالية:
- الخطوة 1 → ابحث عن موقع الويب الذي تريد إنشاء تطبيق له. بمجرد أن يكون لديك موقع ويب في متصفحك ، قم بتمييز عنوان URL بالماوس ، وانقر فوقه بزر الماوس الأيمن. حدد الخيار "نسخة".
- الخطوة 2 → في نافذة المحطة ، استخدم Nativefier لإنشاء تطبيق أساسي ، ولصق عنوان url الذي نسخته للتو. في هذه المقالة سنستخدم نفس هذا الموقع.
nativefier -p linux -a x64 -n ubunlog https://ubunlog.com
- الخطوة 3 → Nativefier ستدرج عنوان URL في تطبيق إلكتروني. من المهم الانتباه إلى المحطة أثناء إنشاء التطبيق. إذا ظهر خطأ ، فاضغط على مجموعة المفاتيح Ctrl + C وقم بتشغيل الأمر مرة أخرى.
- الخطوة 4 → عندما ينتهي Nativefier من إنشاء التطبيق ، يجب عليك ذلك قم بتحديث أذونات هذا قبل التمكن من استخدامه. لتعيين الأذونات ، في المحطة ، قم بتشغيل الأوامر التالية:
cd *-linux-x64 sudo chmod +x *
- الخطوة 5 → قم بتشغيل التطبيق الخاص بك إلكترون شخصي مع:
./ubunlog
خيارات التطبيق المخصصة
في هذا القسم من المنشور ، سنراجع باختصار بعض الخيارات المتوفرة لدى Nativefier. سيسمح ذلك للمستخدم بإنشاء تطبيق سطح مكتب أفضل.
ملاحظة: يمكن كتابة جميع الخيارات في نفس الوقت. لا يوجد حد لعدد المستخدمين في نفس الوقت.
في النظام
هل تريد السماح ل يظهر التطبيق في علبة النظام؟ حاول إنشاء التطبيق باستخدام الخيار –tray:
nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --tray
ملء الشاشة
هل تريد أن يكون تطبيقك قابلاً للتشغيل في وضع ملء الشاشة؟ الاستخدامات خيار "ملء الشاشة" في الأمر التالي لتمكينه:
nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --full-screen
ابدأ في وضع التكبير
فمن الممكن إجبار تطبيق الإلكترون لدينا على البدء دائمًا إلى أقصى حد. للحصول عليه عليك فقط استخدامه خيار "تعظيم" في أمر إنشاء التطبيق:
nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --maximize
قم بتمكين FlashPlayer
من الممكن أن يكون لديك تطبيق ويب يعتمد على Flash. لحسن الحظ ، لدى Nativefier طريقة تحميل البرنامج المساعد أدوبي فلاش. سيتعين علينا فقط أن نضيف خيار "الفلاش" للأمر الذي كنا نستخدمه:
nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --flash
دائما مستعد
هل تريد تطبيق الإلكترون الخاص بك تجاهل قواعد مدير النوافذ والظهور دائمًا فوق كل شيء البقية؟ دليل - إثبات الخيار "دائمًا على القمة" عند التجميع مع Nativefier:
nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --always-on-top
المزيد من خيارات التكوين
nativefier --help
مساعدة Nativefier لتظهر لنا خيارات مختلفة يمكننا استخدامها لتهيئة تطبيقاتنا. سنتمكن من العثور على مزيد من المعلومات حول هذه الأداة في ملف مستودع جيثب.
npm خطأ! خطأ typeerror: مفقود الوسيطة المطلوبة رقم 1
npm خطأ! typeerror في andLogAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:31:3)
npm خطأ! typeerror في fetchPackageMetadata (/usr/share/npm/lib/fetch-package-metadata.js:51:22)
npm خطأ! type error في resolutionWithNewModule (/usr/share/npm/lib/install/deps.js:456:12)
npm خطأ! typeerror في /usr/share/npm/lib/install/deps.js:457:7
npm خطأ! typeerror في /usr/share/npm/node_modules/iferr/index.js:13:50
npm خطأ! typeerror في /usr/share/npm/lib/fetch-package-metadata.js:37:12
npm خطأ! type error في addRequestedAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:82:5)
npm خطأ! typeerror في returnAndAddMetadata (/usr/share/npm/lib/fetch-package-metadata.js:117:7)
npm خطأ! typeerror في pickVersionFromRegistryDocument (/usr/share/npm/lib/fetch-package-metadata.js:134:20)
npm خطأ! typeerror في /usr/share/npm/node_modules/iferr/index.js:13:50
npm خطأ! typeerror هذا خطأ في npm نفسها. الرجاء الإبلاغ عن هذا الخطأ على:
npm خطأ! خطأ مطبعي
npm خطأ! الرجاء تضمين الملف التالي مع أي طلب دعم:
npm خطأ! /home/joan/npm-debug.log
مساعدة