شبان app 18

+

دمج واجهات برمجة التطبيقات مع معالج Intel® XDK - عينة شبان التطبيقات يمكن العثور على شفرة المصدر لهذه العينة هنا: https://github. com/gomobile/sample-masheryhotwire أو تحميل إنتل XDK للتحقق من جميع العينات HTML5. هذا هو التطبيق صفحة واحدة بسيطة التي تم إنشاؤها باستخدام XDK إنتل. وهي بمثابة مثال على كم هو سهل لبناء تطبيقات الجوال الذي يدمج API خدمة ويب خارجي. تم بناؤه من الصفر باستخدام ابدأ مع مشروع فارغ. وهناك العديد من الأمثلة الأخرى في المعرض الذي يضم التطبيق بدء والتطبيقات المشروع مصمم واجهات الخلق. بدءا من فراغ بينما المعالجات وتصميم التطبيق المساعدين التخطيط في XDK مفيدة للغاية، سوف تكون هناك أوقات عندما كنت ببساطة الحاجة للانتقال مباشرة إلى رمز. كما يمكنك تفصيل برمجة التطبيق وتطبيق CSS بكسل، دفع، هو محرر شفرة المصدر ما هو مطلوب لجعل التطبيق الخاص بك تتصرف بالضبط بالطريقة التي تريدها. للبدء في بناء التطبيق من الصفر دون المساعدين IDE واجهة المستخدم الرسومية، ببساطة انتقل إلى علامة التبويب مشاريع في أعلى جدا من XDK. انقر على بدء مشروع جديد في الجزء السفلي من الشاشة. على صفحة إعداد مشروع جديد، سيطلب منك لاسم والدليل الرئيسي للمشروع الخاص بك. بمجرد إنشاء المشروع، كنت تركت مع دليل البكر مع ملف واحد - index. html و. هذا هو بالضبط كيف بدأنا هذا التطبيق العينة. تخطيط المشروع: إطار التطبيقات جافا سكريبت واجهة المستخدم لقد اخترت استخدام إطار التطبيقات إنتل كمكتبة شبيبة. يمكنك تنزيل التطبيقات إطار من جيثب - https://github. com/01org/appframework/. نستخدمها للقيام بالمهام التالية: واجهة المستخدم - على غرار لطيف مواضيع المغلق لدائرة الرقابة الداخلية، iOS7، الروبوت، ويندوز 8 وأكثر محدد الاستعلام - اجتياز السهل من DOM لاختيار وتعديل القيم (تشبه الى حد بعيد مسج) في هذا التطبيق عينة، لقد المستوردة الملفات الأساسية (انظر الدليل / شبيبة)، جنبا إلى جنب مع عدد قليل من CSS (انظر / المغلق) الملفات والمساعد واحد (انظر / الإضافات). لقد أضاف أيضا بعض الملفات الأخرى التي تشرح أقل بكثير. شبيبة / appframework. min. us - نسخة التقليل من الإطار الرئيسي (جزء من AF) appframework. ui. min. js - نسخة التقليل من إطار واجهة المستخدم (جزء من AF) api. js - وظائف لإجراء مكالمات API عن بعد وتحليل النتائج (جعل لهذا التطبيق عينة) الإضافات / af.8tiles. js - المساعد لويندوز 8 هواتف (جزء من AF) المغلق / af. ui. css - عناصر واجهة المستخدم العامة (جزء من AF) icons. css - الخط ورمز عناصر (جزء من AF) التخصيصات CSS (مصنوعة لهذا التطبيق عينة) - mashery. css إعداد API شبان التركيز الرئيسي من هذا التطبيق هو لشرح كيفية إجراء مكالمات API، تحليل البيانات، ودمج هذه البيانات في طريقة العرض. في هذه العينة، نحن باستخدام API شبان، الذي يعرض البيانات التي قد تجد على الموقع السفر شبان. من أجل هذا التطبيق عينة لتعمل بشكل صحيح، سوف تحتاج إلى الحصول على مفتاح API شبان الخاصة بك. واجهة برمجة التطبيقات مجاني للاستخدام وجلب مفتاح API يأخذ سوى دقيقة واحدة أو اثنتين. انتقل إلى المدخل المطور شبان و - http://developer. hotwire. com. إذا كان لديك بالفعل هوية Mashery، قم بتسجيل الدخول باستخدام بيانات الاعتماد الخاصة بك. خلاف ذلك، التسجيل للحصول على حساب جديد. بعد تقديم معلومات التسجيل الخاصة بك والتحقق من عنوان البريد الإلكتروني الخاص بك، والدخول، وطلب للحصول على مفتاح (أو إنشاء تطبيق جديد). سوف تتلقى قريبا مفتاح API إلى API العام شبان - العروض واجهات برمجة التطبيقات التسوق في المتصفح الخاص بك، وعبر البريد الإلكتروني. مع هذا التطبيق عينة فتحت في XDK، انتقل إلى علامة التبويب تطوير. على الجانب الأيسر من XDK، سوف تجد قائمة من الدلائل والملفات. داخل الدليل شبيبة، ستجد api. js. تحديد / فتح هذا الملف في IDE (محرر). بعد ذلك نسخ مفتاح API الجديد (حذار من الحشو الفضاء الأبيض) من الخاص بك نافذة متصفح آخر أو البريد الإلكتروني إلى api. js. صفحة واحدة، اثنين من لوحات يتكون هذا التطبيق عينة من رأي واحد، أصدرت من index. html و. يتم تحميل جميع ملفات المكتبة المذكورة أعلاه من هذه الصفحة. يتم تقسيم المحتوى إلى قسمين شعبة - واحدة مع معرف من "الوطن"، والآخر مع معرف من وجهة نظر لوحة الافتراضي هو شعبة "الوطن" لأنه أعلن أنها اختيار "بحث النتائج.". الفريق الثاني (شعبة معرف "بحث النتائج") يحتوي على اثنين من عناصر شعبة الطفل. ثانية واحدة "، على النتائج والمخرجات شبان" حيث يتم وضع نتائج البحث تحليل من API. التطبيق التدفق: البحث والنتائج تدفق من هذا التطبيق هو بسيط جدا. أنواع المستخدم في الرمز البريدي، يلمس زر البحث شبان، ومن ثم يتم عرض قائمة من العروض في الصفحة التالية. في صفحة النتائج، يمكن للمستخدم إما انقر فوق الزر الخلف (يتنقل إلى "الوطن" شعبة) أو انقر على نتيجة لذلك، والتي يتم فتحها في نافذة متصفح جديدة. ويتم في api. js الانتقال الشاشة من "الوطن" إلى "نتائج البحث": مما يجعل الاتصال، نتائج تحليل وsearchDeals () في api. js هو المكان الذي يبدأ استدعاء API. تم إعداد رابط إلى عروض شبان فندق طريقة، مع مفتاح API والرمز البريدي متسلسلة. يتم إجراء المكالمة مع العبارة التالية: $. احصل هي وظيفة إطار التطبيقات، على غرار وظيفة GET في مسج. المكالمة بلدي بشكل غير متزامن. على النجاح، وسوف ندعو searchDealsCallback. هذا هو وظيفة الذي يقوم بإجراء تحليل، إلحاق قائمة من الروابط إلى DOM، والتحولات إلى عنصر div الآخرين. نتائج تعود في JSON. باستخدام الدالة $.parseJSON ()، iteratin من خلال النتائج هو نسيم. واحد من عناصر مستوى الجذر من وجوه النتائج هو مجموعة اسمه النتيجة []. رمز تحليل من خلال هذه النتيجة تعيين يبدو مثل هذا: ملخص دمج واجهات برمجة التطبيقات مريحة في تطبيقات الجوال الخاص بك واضح وصريح مع إطار التطبيقات. كل ما عليك هو فهم للميكانيكا طريقة API وحمولة هيكل. هذا هو واحد التطبيق عينة في سلسلة صغيرة من الأمثلة التي توضح التكامل API. لاكتشاف واجهات برمجة التطبيقات راحة أخرى مثيرة للاهتمام لجهودكم المساعي إنشاء التطبيق، قم بزيارة http://developer. mashery. com/apis.