1
00:00:03,680 --> 00:00:07,640
من أجل مزيد من تطوير التطبيق لدينا،

2
00:00:07,640 --> 00:00:11,025
ونحن نريد أن إعداد خادم بسيط من

3
00:00:11,025 --> 00:00:14,890
شأنها أن تخدم البيانات لدينا التي هو مطلوب من قبل التطبيق لدينا.

4
00:00:14,890 --> 00:00:18,440
حتى الآن، لم نتعلم ما يكفي حول

5
00:00:18,440 --> 00:00:22,090
كيفية إعداد خادم يخدم واجهة برمجة تطبيقات REST.

6
00:00:22,090 --> 00:00:26,410
بدلا من ذلك، سوف نستفيد من وحدة عقدة بسيطة تسمى جسون-سيرفر،

7
00:00:26,410 --> 00:00:32,990
مما يساعدنا على إعداد بسرعة خادم بسيط من شأنها أن تخدم البيانات التي تعطى

8
00:00:32,990 --> 00:00:36,230
لها في شكل ملف جسون وأيضا

9
00:00:36,230 --> 00:00:39,600
تقديم الصور التي قد تكون مطلوبة من قبل التطبيق لدينا.

10
00:00:39,600 --> 00:00:41,020
لذلك، للبدء،

11
00:00:41,020 --> 00:00:45,450
دعونا المضي قدما لتثبيت وحدة عقدة جسون الخادم،

12
00:00:45,450 --> 00:00:50,285
وبعد ذلك، إعداد لدينا جسون الخادم في هذا التمرين.

13
00:00:50,285 --> 00:00:53,945
للبدء، انتقل إلى موقعك المناسب

14
00:00:53,945 --> 00:00:57,550
على جهاز الكمبيوتر الخاص بك وإنشاء مجلد باسم json-server.

15
00:00:57,550 --> 00:01:01,820
السبب في إنشاء هذا المجلد هو أنه يمكنني تخزين كافة

16
00:01:01,820 --> 00:01:06,170
الملفات المطلوبة من قبل بلدي جسون الخادم في هذا المجلد معين.

17
00:01:06,170 --> 00:01:15,290
بعد ذلك، سنقوم بتثبيت وحدة npm json-server كوحدة MPM عالمية.

18
00:01:15,290 --> 00:01:16,620
لذلك، للقيام بذلك،

19
00:01:16,620 --> 00:01:20,305
في موجه في المحطة الطرفية الخاصة بك،

20
00:01:20,305 --> 00:01:27,430
اكتب npm install ناقص g json-server،

21
00:01:27,430 --> 00:01:30,575
ثم اترك ذلك يكمل تثبيت وحدة

22
00:01:30,575 --> 00:01:34,820
npm json-server كوحدة نمطية عالمية.

23
00:01:34,820 --> 00:01:39,525
الآن، في حال كنت تفعل ذلك على لينكس أو ماك،

24
00:01:39,525 --> 00:01:43,530
تأكد من استخدام sudo أمامه.

25
00:01:46,460 --> 00:01:49,520
بمجرد اكتمال التثبيت،

26
00:01:49,520 --> 00:01:53,545
انتقل إلى إرشادات إعداد خادم json-،

27
00:01:53,545 --> 00:01:56,935
وهناك، نقدم ملفًا باسم db.json.

28
00:01:56,935 --> 00:02:01,040
قم بتنزيل هذا الملف وقم بتسميته كـ db.json ونقل هذا الملف

29
00:02:01,040 --> 00:02:05,525
إلى مجلد json-server الذي قمت بإنشائه في الخطوة السابقة.

30
00:02:05,525 --> 00:02:10,490
ترى الآن أنني قمت بالفعل بتنزيل ملف db.json

31
00:02:10,490 --> 00:02:15,500
ثم قم بنقل ملف db.json إلى مجلد خادم json-.

32
00:02:15,500 --> 00:02:18,830
بالإضافة إلى ذلك، لقد قمت أيضًا بإنشاء مجلد آخر،

33
00:02:18,830 --> 00:02:21,690
داخل مجلد json-server، المسمى للجمهور.

34
00:02:21,690 --> 00:02:26,375
الآن، كل ما وضعناه في هذا المجلد العام سيتم توفيرها من قبل

35
00:02:26,375 --> 00:02:33,630
خادم json-كمورد يمكن تنزيله من خادمنا.

36
00:02:33,630 --> 00:02:40,430
وبالتالي، يعمل خادم json-server الخاص بنا كخادم ويب ثابت بسيط يمكنه مساعدتنا

37
00:02:40,430 --> 00:02:46,770
على خدمة أي موارد مثل الصور أو حتى موقع ويب كامل.

38
00:02:46,770 --> 00:02:50,300
إذا كنت ترغب في ذلك، يمكنك نسخ ذلك إلى المجلد العمومي وجعله

39
00:02:50,300 --> 00:02:56,925
متاحًا ليتم تقديمه بواسطة خادم json-وعرضه في المتصفح.

40
00:02:56,925 --> 00:02:59,650
بعد ذلك، مرة أخرى، انتقل إلى التعليمات،

41
00:02:59,650 --> 00:03:03,915
ثم قم بتنزيل اسم الملف البريدي images.zip،

42
00:03:03,915 --> 00:03:05,570
ثم قم بفك ضغط هذا الملف،

43
00:03:05,570 --> 00:03:08,490
ثم ستحصل على مجلد اسمه الصور،

44
00:03:08,490 --> 00:03:13,880
والذي يحتوي على مجموعة من صور PNG التي سنستخدمها داخل تطبيقنا.

45
00:03:13,880 --> 00:03:16,470
لذلك، بمجرد أن يكون مجلد الصور جاهزًا،

46
00:03:16,470 --> 00:03:19,160
قم بنقل مجلد الصور هذا إلى المجلد العمومي الذي

47
00:03:19,160 --> 00:03:22,665
أنشئناه للتو في مجلد خادم json-.

48
00:03:22,665 --> 00:03:24,485
الذهاب إلى مجلدنا،

49
00:03:24,485 --> 00:03:26,420
سترى أنه داخل المجلد العمومي،

50
00:03:26,420 --> 00:03:31,070
لقد قمت بالفعل بنقل المجلد الفرعي الصور إلى المجلد العمومي هنا،

51
00:03:31,070 --> 00:03:36,510
وهذا يحتوي على جميع الصور التي ستكون مفيدة لطلبي.

52
00:03:36,510 --> 00:03:39,125
لبدء تشغيل خادم json-server الخاص بك،

53
00:03:39,125 --> 00:03:43,470
انتقل إلى مجلد json-server في المحطة الطرفية الخاصة بك وعند المطالبة،

54
00:03:43,470 --> 00:03:50,665
اكتب json-server وناقص watch db.json.

55
00:03:50,665 --> 00:03:54,650
السبب في استخدام علامة الساعة هذه

56
00:03:54,650 --> 00:03:58,610
هو أن خادم json-سيحتفظ بالساعة على ملف bb.json،

57
00:03:58,610 --> 00:04:01,279
وفي أي وقت يتم تعديل ملف db.json،

58
00:04:01,279 --> 00:04:07,810
فإنه سيتم إعادة تحميل ملف db.json والبدء في تقديم البيانات المعدلة من الخادم.

59
00:04:07,810 --> 00:04:13,280
بالإضافة إلى ذلك، يمكننا أيضًا إعطاء علامة d ناقص بقيمة،

60
00:04:13,280 --> 00:04:15,035
على سبيل المثال، 2،000،

61
00:04:15,035 --> 00:04:19,430
مما يعني أنه عندما يتلقى الخادم طلبًا،

62
00:04:19,430 --> 00:04:25,380
فإنه سيخدم البيانات مرة أخرى إلى الطالب بعد تأخير 2 ثانية.

63
00:04:25,380 --> 00:04:31,880
الآن، سيتم استخدام هذا لمحاكاة التأخير في الوصول إلى خادم عبر الإنترنت.

64
00:04:31,880 --> 00:04:35,270
لذلك، هذا هو السبب في أنني أقترح أيضا استخدام ناقص d

65
00:04:35,270 --> 00:04:39,255
2،000 العلم لخادم json-.

66
00:04:39,255 --> 00:04:41,390
لذا، دعونا نبدأ خادم json-الخاص بنا،

67
00:04:41,390 --> 00:04:44,735
وبعد ذلك ستلاحظ أن خادم json-يبدأ

68
00:04:44,735 --> 00:04:49,680
ويعلن عن جميع الموارد المتوفرة من خادم json-.

69
00:04:49,680 --> 00:04:57,825
لذلك، يمكنك أن ترى أنه يحتوي على مجموعة من الموارد المتوفرة في جميع عناوين URL هذه.

70
00:04:57,825 --> 00:05:02,300
بالإضافة إلى ذلك،

71
00:05:02,300 --> 00:05:07,825
يتوفر الخادم الثابت العام الذي يقدم بيانات ثابتة في عنوان URL هذا، المضيف المحلي: 3000.

72
00:05:07,825 --> 00:05:13,445
الآن، يمكنك الذهاب إلى أي متصفح ثم إذا قمت بكتابة في

73
00:05:13,445 --> 00:05:20,515
لوكالهوست: 3000 وأطباق مائلة،

74
00:05:20,515 --> 00:05:27,020
سترى أن هذا سيبدأ في تقديم البيانات لدينا في شكل مجموعة جسون هنا.

75
00:05:27,020 --> 00:05:30,530
لذلك، سيكون هذا مفيدًا لتطبيقنا.

76
00:05:30,530 --> 00:05:37,395
وبالمثل، يمكنك كتابة القادة،

77
00:05:37,395 --> 00:05:39,110
وسترى، مرة أخرى،

78
00:05:39,110 --> 00:05:41,095
البيانات التي يتم تقديمها وهلم جرا.

79
00:05:41,095 --> 00:05:45,760
إذا قمت بكتابة المضيف المحلي: 3000،

80
00:05:45,760 --> 00:05:48,665
سترى أن الخادم سيخدم

81
00:05:48,665 --> 00:05:53,395
البيانات كخادم ثابت ثم حاليًا، فهو فارغ.

82
00:05:53,395 --> 00:05:57,860
الآن، إذا كنت ترغب في الوصول إلى الصور المتوفرة من الخادم،

83
00:05:57,860 --> 00:06:06,520
يمكنني فقط كتابة الصور والكتابة في اسم ملف PNG،

84
00:06:06,520 --> 00:06:10,020
وبعد ذلك سترى أنه سيخدم الصورة المقابلة.

85
00:06:10,020 --> 00:06:12,570
الآن، هذا مفيد جدا بالنسبة لنا،

86
00:06:12,570 --> 00:06:16,170
ونحن تطوير التطبيق لدينا في هذه الدورة.

87
00:06:16,170 --> 00:06:19,169
مع هذا، نكمل هذا التمرين،

88
00:06:19,169 --> 00:06:24,560
حيث قمنا بإعداد خادم بسيط يسمى خادم json-server لتقديم

89
00:06:24,560 --> 00:06:30,850
البيانات ودعم واجهة برمجة تطبيقات REST يمكننا الوصول إليها من تطبيقنا.