4- التطبيق الاول في Sinatra

السلام عليكم ورحمة الله وبركاته ...
في هذه الحلقة سنقوم بعمل تطبيق بسيط يعرفنا على الية التعامل مع المتصفحات.
في البدء أود ان اذكر ان روح Sinatra  ونواتها المهمة هي ال Route أو ماتسمى بال Http verb والتي تتكون من عدد من الاوامر المستخدمة من قبل العميل ويفهمها السيرفر لغرض تنفيذ المطلوب  هذا الموجهات (Route ) لها استخدامات متباينة سنبينها فيما بعد ولكن نذكر هنا اهمها وهي :
1- get   (تستخدم لطلب رابط "URL" معين)
2- put   ( تستخدم لاستبدال المحتوى باخر او تحديث المحتوى الحالي)
3- post ( لانشاء محتوى جديد)
4- delete (لحذف المحتوى )
 احب ان اوضح نقطه مهمة وهو ان المقصود بعبارة المحتوى التي تكررت هي الروابط والنصوص واي شيء يقع بين ال Route وبين امر النهاية End  وحتما ستكون الفكرة أوضح اثناء مرورنا على هذه الاوامر واحدا تلو الاخر واخذ أكثر من مثال عملي عليها ...

المثال الاول.
* ملاحظة:- قبل البدء دعونا ننشأ ملف في القرص الصلب الذي نستخدمه وليكن (:C ) ونسمي الملف sinatra مثل ما مبين في الصورة أدناه وهذا المف سيكون حاوٍ على كل التطبيقات التي سنقوم بعملها وحفظها والتعامل معها لا حقا وهو أمر تنظيمي مهمم جدا سوف تتعرف عليه لاحقا...

1- نفتح محرر النصوص الذي نستخدمه انا شخصيا افضل محرر النصوص Notebad++ ويمكنك تحميله من  من هنا
2- نقوم بانشاء ملف جديد ونسميه first.rb ونقوم بحفظه في الملف الذي أنشأناه وحسب مامبين في الصورة التالية 
ملحوظة :-  " صيغة rb. تعني ان الملف مكتوب بلغة Ruby"
انشاء ملف first.rb  




    3- نكتب الكود التالي في محرر النصوص ...

كتابة التطبيق الاول
 لنشرح قليلا الاكواد السابقة 
- السطر الاول نقوم هنا بطلب من محرر الاوامر ان يقوم بتحميل مكتبة Sinatra لكي يقوم المتصفح فيما 
بعد بالتعامل معها ومع اكوادها 
-  السطر الثاني الذي يبدأ ب get  وهي كما قلنا احدى سابقا تستخدم لطلب رابط والذهاب اليه حيث ان 
الرابط هنا "hi/" الذي بمجرد كتابته في المتصفح يعرض لنا المحتوى الموجود في السطر الثالث والذي
هو عبارة عن نص ترحيب او اي نص يمكن  ان تضيفه واغلب العمليات تجرى في هذه المنطقة حيث هي 
من سيعرض ما يراد عرضه في المتصفحات 
- السطر الرابع وهو  قفل ال Route  حيث يخبر المحرر بان العملية تتم عند هذا الحد ولا تتجاوزه 
الاكواد بين 2 و 4 هي مشتركة بين كل الراوترات ..
 
4- نقوم بحفظ العمل ومن ثم نتوجه الى محرر الاوامر في روبي كما في الصورة ادناه:-
محرر الاوامر الخاص بلغة روبي
لنشرح قليلا ماتم في محرر الاوامر 
اولا نكتب بعد هذه العلامة <
cd c:\sinatra 
وهذا يعني اننا نريد جعل مسار محرر الاوامر يتلقى المعلومات من هذا الملف الذي انشأناه سابقا باسم
sinatra , بعدها سيتحول المسار الى المجلد المذكور عندها نطلب من محرر الاوامر بتشغيل الملف 
الخاص ببرنامجنا الذي اسميناه first.rb  بكتابة الامر التالي :-
ruby first.rbعندها يقوم المحرر بالاستجابة للامر ويقوم باعطائنا منفذ للسيرفر الافتراضي 
الذي سنقوم بتجربة تطبيقنا عليه وهذا المنفذ الذي يسمى (port) له قيمه هي = 4567 عند
 كتابته في المتصفح بطريقة سنعرفها بعد قليل سيقوم بتنفيذ  ماموجود في ملفنا وسيقوم بعرض المحتوى 
الموجود بين ال Route  وال End 
  5- الان نذهب الى المتصفح ونكتب التالي :-
localhost:4567/hi

هذا السطر localhost:4567 ثابت في كل برامجنا ولكن الذي يتغير هو مابعد رقم المنفذ (port) حيث ان  hi/  هو الرابط الذي سينتقل اليه المتصفح عند طلبه ويعرض المحتوى الموجود كما ذكرنا سابقاً...
عرض المتصفح للنتائج
ملاحظة :--  طبعا اذا اردنا تجربة تعديل على المحتوى واردنا عرضه على المتصفح يجب ان نقوم بالضغط على ctr+c  لانهاء الجلسة الحالية والبدء بجلسة جديدة ...

 



ليست هناك تعليقات:

إرسال تعليق

 
Design Downloaded From Free Blogger Templates | Free Website Templates | News and Observers