السلام عليكم ورحمة الله وبركاته..
اليوم بإذن الله راح أشرحلكم طريقة برمجة تطبيق لمتصفح قوقل كروم، العملية سهلة جداً وليست معقدة.. لاتحتاج الى خبرة برمجية، بإمكان أي شخص إنشاء تطبيقة الخاص وعرضه في متجر قوقل كروم بسهولة تامّة.
هذا تطبيقي نزّلته أمس في المتجر الخاص بتطبيقات قوقل كروم:
https://chrome.google.com/webstore/d...iidgcegimekfll
و من مُنطلق إنّ المعلومة ليست حصراً على أحد، قررت إنشاء هذا الدرس البسيط لإيصال المعلومة لأكبر قدر ممكن.
بسم الله نبدأ:
سأقوم بإنشاء تطبيق لعرض التدوينات التي قُمت بكتابتها (كمثال).
لبرمجة التطبيقات على قوقل كروم ستحتاج فقط إلى ملفّين، نعم فقط ملفّين. ملف يتم وضع الكود فيه ويكون تحت اسم
وأيقونة التطبيق بمقاس 128×128 بصيغة
PNG.
أولاً: قُم بإنشاء الملف
باستخدام النوت باد، اتركه فارغاً
ثانياً: افتح الفوتوشوب، وصمم الأيقونة الخاصّة بتطبيقك بمقاس 128×128
وقم بحفظها بإسم
icon_128.png
ثالثاً: الآن قُم بنقل الملف + الأيقونة إلى مُجلّد جديد، ليكن اسم المجلّد على سبيل المثال
q8ieng_app
الآن نبدأ بالبرمجة *الخفيفة* هذا مثال لملف
كود:
{"name": "Q8ieng Blog Posts",
"description": "Read Q8ieng's latest blog posts.",
"version": "1","app": {
"urls": ["http://q8ieng.com/?page_id=1064","http://www.q8ieng.com/?page_id=1064"],
"launch": {"web_url": "http://q8ieng.com/?page_id=1064"}},
"icons": {"128": "icon_128.png"},
"permissions": ["unlimitedStorage","notifications"]}
الآن سأشرح الكود:
- name هنا تقوم بكتابة اسم التطبيق كما تُريده أن يظهر في صفحة التطبيقات
- description هنا تقوم بكتابة وصف للتطبيق.
- version في حالة قُمت بتعديل التطبيق وتُريد تحديثه في متجر قوقل كروم، يجب عليك تغيير الرقم مع كل تحديث. مثال، عندما تقوم بنشر التطبيق لأول مره يجب أن يكون رقم الإصدار 1، وفي حالة قمت بتعديل التطبيق وتريد رفعه من جديد يجب عليك تغيير 1 ليصبح الاصدار يحمل الرقم 2...الخ
- urls ضع قائمة بكافّة الروابط المُحتملة والّتي تجلب الزائر الى الصفحة المطلوبه للتطبيق.
- launch عند الضغط على التطبيق، سيتم تحويل الزائر إلى صفحة التطبيق. وبإمكانك ادخال قيم عديدة لها منها container اذا أردت للتطبيق أن يظهر في tab جديدة، وبإمكانك تحديد الـ height, width لنافذة التطبيق أيضاً. (للمزيد بإمكانك زيارة هذه الصفحة)
- icons هذه مخصصة لايقونة التطبيق
- permissions الصلاحيات المخصصة لتطبيقك، بإمكانك تشغيل تطبيقك عند تشغيل متصفح قوقل كروم باستخدام القيمة background فقط أضفها وسيعمل تطبيقك لحظة تشغيل المتصفح. (للمزيد بإمكانك زيارة هذه الصفحة)
رابعاً: قُم بحفظ الملف، وتوجّه الى متصفح قوقل كروم لتجربة التطبيق قبل عرضه في المتجر.
واتبع التالي:
1. اذهب الى Tools ومن ثمّ Extensions
2. ضع "صح" على Developer Mode ومن ثمّ اختر Load Unpacked Extension
3. اختر المجلّد الذي قُمت بإنشاءه (الذي يحتوي على كلاً من الأيقونة + manifest.json)
4. الآن اذهب للتطبيقات وستجد تطبيقك موجود! مبروك.
نشر التطبيق في متجر قوقل كروم
الآن قم بضغط المجلّد بعد الانتهاء من التعديلات على الكود على أن يكون q8ieng_app.zip
توجه الى هذا الرابط واتبع التعليمات (ستقوم بدفع 5$ رسوم التسجيل، تدفع لمرّه واحده فقط).
انتهى الدرس.
لأي استفسار بإمكانك ارسال رد عالموضوع، او من خلال تويتر @q8ieng
مراجع: 1، 2
نقلاً عن مدوّنتي (ملاحظه الموضوع الأصلي توجد به صور وأمثله أكثر)