من أجل مزيد من تطوير التطبيق لدينا،
ونحن نريد أن إعداد خادم بسيط من
شأنها أن تخدم البيانات لدينا التي هو مطلوب من قبل التطبيق لدينا.
حتى الآن، لم نتعلم ما يكفي حول
كيفية إعداد خادم يخدم واجهة برمجة تطبيقات REST.
بدلا من ذلك، سوف نستفيد من وحدة عقدة بسيطة تسمى جسون-سيرفر،
مما يساعدنا على إعداد بسرعة خادم بسيط من شأنها أن تخدم البيانات التي تعطى
لها في شكل ملف جسون وأيضا
تقديم الصور التي قد تكون مطلوبة من قبل التطبيق لدينا.
لذلك، للبدء،
دعونا المضي قدما لتثبيت وحدة عقدة جسون الخادم،
وبعد ذلك، إعداد لدينا جسون الخادم في هذا التمرين.
للبدء، انتقل إلى موقعك المناسب
على جهاز الكمبيوتر الخاص بك وإنشاء مجلد باسم json-server.
السبب في إنشاء هذا المجلد هو أنه يمكنني تخزين كافة
الملفات المطلوبة من قبل بلدي جسون الخادم في هذا المجلد معين.
بعد ذلك، سنقوم بتثبيت وحدة npm json-server كوحدة MPM عالمية.
لذلك، للقيام بذلك،
في موجه في المحطة الطرفية الخاصة بك،
اكتب npm install ناقص g json-server،
ثم اترك ذلك يكمل تثبيت وحدة
npm json-server كوحدة نمطية عالمية.
الآن، في حال كنت تفعل ذلك على لينكس أو ماك،
تأكد من استخدام sudo أمامه.
بمجرد اكتمال التثبيت،
انتقل إلى إرشادات إعداد خادم json-،
وهناك، نقدم ملفًا باسم db.json.
قم بتنزيل هذا الملف وقم بتسميته كـ db.json ونقل هذا الملف
إلى مجلد json-server الذي قمت بإنشائه في الخطوة السابقة.
ترى الآن أنني قمت بالفعل بتنزيل ملف db.json
ثم قم بنقل ملف db.json إلى مجلد خادم json-.
بالإضافة إلى ذلك، لقد قمت أيضًا بإنشاء مجلد آخر،
داخل مجلد json-server، المسمى للجمهور.
الآن، كل ما وضعناه في هذا المجلد العام سيتم توفيرها من قبل
خادم json-كمورد يمكن تنزيله من خادمنا.
وبالتالي، يعمل خادم json-server الخاص بنا كخادم ويب ثابت بسيط يمكنه مساعدتنا
على خدمة أي موارد مثل الصور أو حتى موقع ويب كامل.
إذا كنت ترغب في ذلك، يمكنك نسخ ذلك إلى المجلد العمومي وجعله
متاحًا ليتم تقديمه بواسطة خادم json-وعرضه في المتصفح.
بعد ذلك، مرة أخرى، انتقل إلى التعليمات،
ثم قم بتنزيل اسم الملف البريدي images.zip،
ثم قم بفك ضغط هذا الملف،
ثم ستحصل على مجلد اسمه الصور،
والذي يحتوي على مجموعة من صور PNG التي سنستخدمها داخل تطبيقنا.
لذلك، بمجرد أن يكون مجلد الصور جاهزًا،
قم بنقل مجلد الصور هذا إلى المجلد العمومي الذي
أنشئناه للتو في مجلد خادم json-.
الذهاب إلى مجلدنا،
سترى أنه داخل المجلد العمومي،
لقد قمت بالفعل بنقل المجلد الفرعي الصور إلى المجلد العمومي هنا،
وهذا يحتوي على جميع الصور التي ستكون مفيدة لطلبي.
لبدء تشغيل خادم json-server الخاص بك،
انتقل إلى مجلد json-server في المحطة الطرفية الخاصة بك وعند المطالبة،
اكتب json-server وناقص watch db.json.
السبب في استخدام علامة الساعة هذه
هو أن خادم json-سيحتفظ بالساعة على ملف bb.json،
وفي أي وقت يتم تعديل ملف db.json،
فإنه سيتم إعادة تحميل ملف db.json والبدء في تقديم البيانات المعدلة من الخادم.
بالإضافة إلى ذلك، يمكننا أيضًا إعطاء علامة d ناقص بقيمة،
على سبيل المثال، 2،000،
مما يعني أنه عندما يتلقى الخادم طلبًا،
فإنه سيخدم البيانات مرة أخرى إلى الطالب بعد تأخير 2 ثانية.
الآن، سيتم استخدام هذا لمحاكاة التأخير في الوصول إلى خادم عبر الإنترنت.
لذلك، هذا هو السبب في أنني أقترح أيضا استخدام ناقص d
2،000 العلم لخادم json-.
لذا، دعونا نبدأ خادم json-الخاص بنا،
وبعد ذلك ستلاحظ أن خادم json-يبدأ
ويعلن عن جميع الموارد المتوفرة من خادم json-.
لذلك، يمكنك أن ترى أنه يحتوي على مجموعة من الموارد المتوفرة في جميع عناوين URL هذه.
بالإضافة إلى ذلك،
يتوفر الخادم الثابت العام الذي يقدم بيانات ثابتة في عنوان URL هذا، المضيف المحلي: 3000.
الآن، يمكنك الذهاب إلى أي متصفح ثم إذا قمت بكتابة في
لوكالهوست: 3000 وأطباق مائلة،
سترى أن هذا سيبدأ في تقديم البيانات لدينا في شكل مجموعة جسون هنا.
لذلك، سيكون هذا مفيدًا لتطبيقنا.
وبالمثل، يمكنك كتابة القادة،
وسترى، مرة أخرى،
البيانات التي يتم تقديمها وهلم جرا.
إذا قمت بكتابة المضيف المحلي: 3000،
سترى أن الخادم سيخدم
البيانات كخادم ثابت ثم حاليًا، فهو فارغ.
الآن، إذا كنت ترغب في الوصول إلى الصور المتوفرة من الخادم،
يمكنني فقط كتابة الصور والكتابة في اسم ملف PNG،
وبعد ذلك سترى أنه سيخدم الصورة المقابلة.
الآن، هذا مفيد جدا بالنسبة لنا،
ونحن تطوير التطبيق لدينا في هذه الدورة.
مع هذا، نكمل هذا التمرين،
حيث قمنا بإعداد خادم بسيط يسمى خادم json-server لتقديم
البيانات ودعم واجهة برمجة تطبيقات REST يمكننا الوصول إليها من تطبيقنا.