في هذا الدرس سنشرح طريقة إنشاء تطبيق سطح مكتب بسرعة وبإستخدام لغات الواب ودون الحاجة لتثبيت أي بيئة للتطوير، وذلك بتقنية nw.js اي node-webkit سابقا والذي يسمح لنا بتطوير تطبيقات لجميع الأنظمة (win,linux,osx). يتميز هذا النوع من التطبيقات بالسرعة، خفة التثبيت والنشر، إستخدام لغات الواب للوصول لأي قسم من الجهاز (ليس مثل العمل على المتصفح)، إمكانية الحصول على واجهات جد جميلة وذلك بإستخدام HTML/CSS/JS


الأدوات اللازمة :

  • محرر نصوص عادي أو متطور قليلا شخصيا أنا أستخدم http://code.visualstudio.com/ Visual Studio Code الحجم حوالي 30 ميجا
  • تحميل منصة nw.js ـ http://nwjs.io الحجم حوالي 55 ميجا

ملف الإعدادات :

يحتوي ملف الإعدادات package.json على جميع المعلومات الخاصة بالتطبيق وكذا النافذة الرئيسية مثل : العرض، الإرتفاع، الأيقونة، ملف صفحة البداية، ... وأبسط مثال :

{
  "name": "myapp",
  "main": "index.html"
}

نلاحظ قيميتين القيمة الأولي "name" وتحتوي على إسم التطبيق أما القيمة الثانية فتحتوي على إسم ملف البداية والذي في مثالنا هذا هو عبارة عن ملف html

إذن نقوم بإنشاء الملف index.html، مبدئيا هذا كل شيء .

الآن أصبح لدينا تطبيق سطح مكتب جاهز يبقى فقط كيفية تشغيل أو تنفيذ هذا البرنامج


التنفيذ

هناك طرق عديدة لتنفيذ البرنامج في هذا الدرس سنذكر إحداها لكن في الدروس القادمة سنذكرها جميعا.

إذا يكفي فك ضغط الملف المحمل سابقا nw.js في نفس المجلد الموجود فيه الملف package.json والضغط بعدها مباشرة على ملف التطبيق nw.exe

بالنسبة إلى مستخدمي لينيكس أو الماك فنفس الشيء ننفذ مباشرة الملف التطبيقي الخاص بكل نظام

نحصل بعدها على النافذة المنتظرة :D


تحسين الصفحة 

الكود :

وضعنا جميع ملفات الصفحة أو البرنامج داخل مجلد سميناه app ماعدا package.json وذلك أفضل من الناحية التنظيمية


الخاتمة

هذا الدرس عبارة عن مقدمة لتطبيقات المكتب بلغات الواب، سيكون هناك العديد من الدروس المتقدمة مستقبلا إن شاء الله وذلك بالتنسيق مع النود جي أس NodeJS و الأنجيلار جي أس AngularJS والتي تعطيك قوة لا تضاهى مقارنة باللغات الكلاسيكية.

نحن هنا في حال كان هناك أي سؤال يرجى ترك تعليق.