در این مطلب، ویدئو چت آنلاین وب در پایتون با فلاسک با زیرنویس فارسی را برای دانلود قرار داده ام. شما میتوانید با پرداخت 15 هزار تومان ، این ویدیو به علاوه تمامی فیلم های سایت را دانلود کنید.اکثر فیلم های سایت به زبان انگلیسی می باشند. این ویدئو دارای زیرنویس فارسی ترجمه شده توسط هوش مصنوعی می باشد که میتوانید نمونه ای از آن را در قسمت پایانی این مطلب مشاهده کنید.
مدت زمان فیلم: 00:17:15
تصاویر این ویدئو:
قسمتی از زیرنویس این فیلم:
00:00:00,240 –> 00:00:02,000
بچه ها به چه اتفاقی می افتد خوش آمدید در
2
00:00:02,000 –> 00:00:03,280
این ویدیو ما می خواهیم یاد بگیریم که
3
00:00:03,280 –> 00:00:05,040
چگونه یک چت آنلاین آنلاین را در
4
00:00:05,040 –> 00:00:07,759
مرورگر با استفاده از پایتون و با استفاده از فلاسک پیاده سازی
5
00:00:07,759 –> 00:00:11,720
کنیم، بنابراین بیایید مستقیماً وارد آن
6
00:00:13,540 –> 00:00:18,560
[موسیقی]
7
00:00:18,560 –> 00:00:19,920
شویم، بنابراین برای این پروژه امروز
8
00:00:19,920 –> 00:00:21,439
ما هستیم با نصب دو
9
00:00:21,439 –> 00:00:23,039
ماژول خارجی پایتون شروع می کنیم که
10
00:00:23,039 –> 00:00:24,800
اول از همه به فلاسک وب فریمورک و
11
00:00:24,800 –> 00:00:27,760
بعد از همه ماژول فلاسک سوکت io
12
00:00:27,760 –> 00:00:29,920
نیاز داریم که در اصل
13
00:00:29,920 –> 00:00:32,000
به ما این امکان را می دهد که به راحتی با سوکت ها
14
00:00:32,000 –> 00:00:34,320
در فلاسک در انتهای پشت کار کنیم و برای این کار
15
00:00:34,320 –> 00:00:36,160
ما دوباره خط فرمان را باز
16
00:00:36,160 –> 00:00:38,239
میکنیم و میخواهیم pip install
17
00:00:38,239 –> 00:00:39,280
flask را
18
00:00:39,280 –> 00:00:41,440
در مورد من قبلاً نصب شده تایپ کنیم و همچنین
19
00:00:41,440 –> 00:00:43,280
pip install
20
00:00:43,280 –> 00:00:44,559
flask
21
00:00:44,559 –> 00:00:46,879
dash socket io
22
00:00:46,879 –> 00:00:49,680
در مورد من نیز قبلاً نصب شده است،
23
00:00:49,680 –> 00:00:52,879
بنابراین از flask
24
00:00:52,879 –> 00:00:56,239
import flask با f بزرگ تایپ میکنیم و همچنین
25
00:00:56,239 –> 00:00:57,600
قالب را رندر کنید زیرا
26
00:00:57,600 –> 00:01:00,480
ما یک فایل html با قسمت جلویی خواهیم داشت، بنابراین
27
00:01:00,480 –> 00:01:02,559
اساساً فقط دو جعبه متن برای
28
00:01:02,559 –> 00:01:04,879
پیام نام کاربری، سپس یک تاریخچه پیام
29
00:01:04,879 –> 00:01:06,799
به شکل یک جعبه تفاوت و سپس یک
30
00:01:06,799 –> 00:01:08,320
دکمه که اساساً فقط پیام را
31
00:01:08,320 –> 00:01:11,040
ارسال می کند. نام کاربری
32
00:01:11,040 –> 00:01:13,040
و رابط کاربری مربوطه
33
00:01:13,040 –> 00:01:14,240
چندان زیبا نخواهد بود، فقط یک
34
00:01:14,240 –> 00:01:16,320
دسته از عناصر html در
35
00:01:16,320 –> 00:01:18,080
کنار هم قرار می گیرند و سپس ما
36
00:01:18,080 –> 00:01:19,920
مقداری جاوا اسکریپت خواهیم داشت که با قسمت پشتی ارتباط برقرار می
37
00:01:19,920 –> 00:01:21,920
کند و ما می خواهیم وارد کنیم. اوه
38
00:01:21,920 –> 00:01:23,840
همچنین در سوکت جلویی io زیرا
39
00:01:23,840 –> 00:01:25,439
این همان چیزی است که ما برای برقراری ارتباط
40
00:01:25,439 –> 00:01:27,840
با سوکت i o در قسمت پشتی um نیاز داریم، اما
41
00:01:27,840 –> 00:01:29,040
اجازه دهید از پشت شروع کنیم و ابتدا
42
00:01:29,040 –> 00:01:31,119
از سوکت فلاسک io سوکت واردات io را بگوییم
43
00:01:31,119 –> 00:01:33,119
44
00:01:33,119 –> 00:01:34,079
و
45
00:01:34,079 –> 00:01:36,240
ارسال کنیم
46
00:01:36,240 –> 00:01:37,520
و سپس ما می خواهیم با
47
00:01:37,520 –> 00:01:39,600
تعریف یک پایه یا ایجاد
48
00:01:39,600 –> 00:01:42,159
یک برنامه فلاسک پایه شروع کنیم تا برنامه برابر با
49
00:01:42,159 –> 00:01:44,000
زیرخط زیرخط
50
00:01:44,000 –> 00:01:46,040
زیرخط فلاسک باشد و سپس می گوییم
51
00:01:46,040 –> 00:01:48,560
app.config ما می توانیم کلید مخفی را
52
00:01:48,560 –> 00:01:50,079
در اینجا تنظیم کنیم تا
53
00:01:50,079 –> 00:01:52,640
این یک راز فرهنگ لغت و
54
00:01:52,640 –> 00:01:54,000
البته در مرحله تولید باید
55
00:01:54,000 –> 00:01:55,920
چیزی معقول در اینجا انتخاب کنید، من فقط می خواهم
56
00:01:55,920 –> 00:01:57,360
بگویم
57
00:01:57,360 –> 00:02:00,240
تعجب مخفی علامت یک دو سه چیزی
58
00:02:00,240 –> 00:02:01,439
شبیه به آن
59
00:02:01,439 –> 00:02:02,399
ام
60
00:02:02,399 –> 00:02:04,719
و سپس می گوییم سوکت io
61
00:02:04,719 –> 00:02:07,439
برابر است با سوکت io ما این را می
62
00:02:07,439 –> 00:02:09,919
بندیم o برنامه و ما می خواهیم بگوییم که
63
00:02:09,919 –> 00:02:12,800
منشاء متقاطع مجاز است، بنابراین
64
00:02:12,800 –> 00:02:15,120
65
00:02:15,120 –> 00:02:17,440
منشاء زیرخط مجاز دوره فقط
66
00:02:17,440 –> 00:02:19,440
ستاره خواهد بود
67
00:02:19,440 –> 00:02:20,560
و
68
00:02:20,560 –> 00:02:22,400
سپس می توانیم با توابع شروع
69
00:02:22,400 –> 00:02:23,760
کنیم و در اینجا توابع زیادی نخواهیم داشت،
70
00:02:23,760 –> 00:02:25,200
این در واقع کاملاً است ساده قسمت
71
00:02:25,200 –> 00:02:27,120
پشتی ما یک
72
00:02:27,120 –> 00:02:29,520
پیام دسته ساده
73
00:02:29,520 –> 00:02:31,760
خواهیم داشت و یک
74
00:02:31,760 –> 00:02:33,760
پیام را در اینجا می گیریم و تنها کاری که در اینجا انجام می دهیم این
75
00:02:33,760 –> 00:02:36,080
است که گزارشی را در اینجا چاپ
76
00:02:36,080 –> 00:02:38,000
می کنیم که پیام و پیام را دریافت کرده ایم.
77
00:02:38,000 –> 00:02:40,800
78
00:02:40,800 –> 00:02:44,400
هر پیامی که درست باشد خواهد بود
79
00:02:44,400 –> 00:02:46,000
و سپس بررسی می کنیم که آیا آن
80
00:02:46,000 –> 00:02:49,280
پیام یک پیام خاص است یا خیر، به عنوان مثال
81
00:02:49,280 –> 00:02:51,200
در مورد ما این پیام به کاربر
82
00:02:51,200 –> 00:02:52,720
متصل می شود زیرا
83
00:02:52,720 –> 00:02:54,640
این پیام ویژه ای است که هر زمان که کاربر دریافت می کنیم
84
00:02:54,640 –> 00:02:56,720
وصل می شود، این
85
00:02:56,720 –> 00:02:58,319
یک چت ناشناس خواهد بود، بنابراین ما
86
00:02:58,319 –> 00:02:59,200
87
00:02:59,200 –> 00:03:01,120
به دو علامت مساوی نیاز
88
00:03:01,120 –> 00:03:02,400
داریم در اینجا
89
00:03:02,400 –> 00:03:04,159
نام کاربری را به صورت خودکار نخواهیم داشت، ما می
90
00:03:04,159 –> 00:03:05,519
توانیم با هر کدام یک نام کاربری ارسال کنیم.
91
00:03:05,519 –> 00:03:07,599
دوباره پیام میدهید که میتوانید آن را اصلاح کنید
92
00:03:07,599 –> 00:03:09,120
مجموعه ای از ویدیوها در کانال من که در آن به
93
00:03:09,120 –> 00:03:10,239
شما نشان می دهم چگونه
94
00:03:10,239 –> 00:03:12,239
اتاق های چت پیچیده تر را پیاده سازی کنید، این
95
00:03:12,239 –> 00:03:13,840
فقط به شما نشان می دهد که چگونه
96
00:03:13,840 –> 00:03:15,280
این کار را در فلاسک انجام دهید،
97
00:03:15,280 –> 00:03:16,800
بنابراین اگر پیام
98
00:03:16,800 –> 00:03:18,800
به کاربر متصل است ما متصل نیستیم، بگوییم خوب است.
99
00:03:18,800 –> 00:03:20,720
هر کاری انجام می دهیم یا در واقع باید
100
00:03:20,720 –> 00:03:23,280
بگوییم اگر کاربر متصل نیست
101
00:03:23,280 –> 00:03:25,680
، کاری انجام می دهیم و
102
00:03:25,680 –> 00:03:27,200
پیامی ارسال
103
00:03:27,200 –> 00:03:28,799
می کنیم و این
104
00:03:28,799 –> 00:03:30,400
پیام را برای همه پخش می کنیم، بنابراین می گوییم
105
00:03:30,400 –> 00:03:33,120
پخش برابر است درست است اگر
106
00:03:33,120 –> 00:03:35,120
پیام این یک پیام خاص نباشد که
107
00:03:35,120 –> 00:03:36,640
هر مشتری قرار است هنگام
108
00:03:36,640 –> 00:03:38,239
اتصال به سرور
109
00:03:38,239 –> 00:03:39,760
ارسال کند، ما پیامی را پخش خواهیم کرد
110
00:03:39,760 –> 00:03:41,760
که این پیام را پخش نمی کنیم، ما
111
00:03:41,760 –> 00:03:44,799
همه پیام های دیگر را پخش خواهیم کرد.
112
00:03:44,799 –> 00:03:47,120
و علاوه بر آن، ما باید سوکت دکوراتور را اضافه کنیم
113
00:03:47,120 –> 00:03:51,519
114
00:03:51,519 –> 00:03:52,879
و سپس
115
00:03:52,879 –> 00:03:54,080
پیامی
116
00:03:54,080 –> 00:03:55,519
مانند آن را اضافه کنیم،
117
00:03:55,519 –> 00:03:57,680
بنابراین این اساساً کلمه کلیدی است که این
118
00:03:57,680 –> 00:03:59,519
مورد را فعال می کند، بنابراین در
119
00:03:59,519 –> 00:04:01,519
پیام رویداد این
120
00:04:01,519 –> 00:04:03,439
اتفاق می افتد این اتفاق می افتد.
121
00:04:03,439 –> 00:04:04,560
122
00:04:04,560 –> 00:04:07,000
سپس می خواهیم بگوییم
123
00:04:07,000 –> 00:04:08,959
الف pp.route
124
00:04:08,959 –> 00:04:11,360
اسلش است، بنابراین اساساً مسیر پیشفرض
125
00:04:11,360 –> 00:04:13,280
تابع شاخص خواهد بود، در اینجا
126
00:04:13,280 –> 00:04:16,720
ما فقط الگوی رندر را برمیگردانیم
127
00:04:16,720 –> 00:04:19,680
و الگو را رندر میدهیم، در
128
00:04:19,680 –> 00:04:21,199
واقع خیر،
129
00:04:21,199 –> 00:04:24,320
یک الگوی شاخص html را اجرا میکنیم، اما چون
130
00:04:24,320 –> 00:04:26,400
در آن هستیم. flask باید یک
131
00:04:26,400 –> 00:04:28,160
دایرکتوری در اینجا ایجاد کنیم و باید آن را
132
00:04:28,160 –> 00:04:31,040
قالب ها بنامیم و در داخل آن دایرکتوری
133
00:04:31,040 –> 00:04:33,560
باید
134
00:04:33,560 –> 00:04:36,000
فایل index.html را ایجاد کنیم زیرا در غیر این صورت آن
135
00:04:36,000 –> 00:04:37,919
را پیدا نمی کند و با انجام این کار
136
00:04:37,919 –> 00:04:38,800
در اینجا
137
00:04:38,800 –> 00:04:41,120
این کار به خوبی انجام می
138
00:04:41,120 –> 00:04:42,639
شود.
139
00:04:42,639 –> 00:04:44,479
بله همین است و در آخر اینجا
140
00:04:44,479 –> 00:04:46,720
برای پایان ما می گوییم خوب است اگر
141
00:04:46,720 –> 00:04:48,160
نام
142
00:04:48,160 –> 00:04:51,840
برابر است با خط زیر خط اصلی
143
00:04:51,840 –> 00:04:53,759
زیرخط، ما می
144
00:04:53,759 –> 00:04:56,800
گوییم سوکت io برنامه را
145
00:04:56,800 –> 00:04:58,800
اجرا کنید و میزبان در حال حاضر
146
00:04:58,800 –> 00:05:00,479
برای میزبان محلی ابتدایی ما خواهد بود.
147
00:05:00,479 –> 00:05:02,479
بعداً آن را تغییر میدهیم
148
00:05:02,479 –> 00:05:04,320
تا بتوان از رایانههای دیگر در
149
00:05:04,320 –> 00:05:06,479
شبکه محلی متصل شد،
150
00:05:06,479 –> 00:05:10,240
اما این اساساً قسمت پشتی است، اکنون
151
00:05:10,240 –> 00:05:11,759
اجازه دهید به قسمت جلویی برویم آنچه
152
00:05:11,759 –> 00:05:14,160
در اینجا میتوانید ببینید، قبلاً برخی از
153
00:05:14,160 –> 00:05:16,240
کدهای ساختاری html اساسی است. حرفه ای توسط Pytram
154
00:05:16,240 –> 00:05:18,400
تولید شده توسط pycharm و اولین کاری
155
00:05:18,400 –> 00:05:19,840
که میخواهیم اینجا انجام دهیم این است که میخواهیم
156
00:05:19,840 –> 00:05:22,400
دو کتابخانه خارجی جاوا اسکریپت را وارد کنیم
157
00:05:22,400 –> 00:05:24,720
یکی jquery است که برای
158
00:05:24,720 –> 00:05:26,560
انیمیشن و تعامل در قسمت جلو بسیار مفید
159
00:05:26,560 –> 00:05:28,320
است و دومی سوکت io است
160
00:05:28,320 –> 00:05:30,000
که به آن نیاز داریم. برای برقراری ارتباط از قسمت
161
00:05:30,000 –> 00:05:31,600
جلویی به انتهای پشتی با
162
00:05:31,600 –> 00:05:34,000
سوکت i o در انتهای پشت و برای این
163
00:05:34,000 –> 00:05:36,000
کار از
164
00:05:36,000 –> 00:05:38,400
شبکه های تحویل محتوا یا یک شبکه تحویل محتوا استفاده می کنیم
165
00:05:38,400 –> 00:05:40,720
و می توانید اساساً به گوگل
166
00:05:40,720 –> 00:05:44,000
بروید و cdn و سپس jquery یا jquery را تایپ کنید. cdn و
167
00:05:44,000 –> 00:05:45,759
سپس سوکت io و میخواهید
168
00:05:45,759 –> 00:05:47,680
چند لینک را در اینجا پیدا کنید، فقط یکی را انتخاب کنید
169
00:05:47,680 –> 00:05:49,600
که با نیازهای شما مطابقت دارد، بنابراین اگر به
170
00:05:49,600 –> 00:05:51,600
چیزی کامل نیاز دارید، از این یکی استفاده کنید،
171
00:05:51,600 –> 00:05:54,400
در غیر این صورت مقداری حداقل چیز
172
00:05:54,400 –> 00:05:56,240
و اساساً کارهایی که ما انجام میدهیم دارید.
173
00:05:56,240 –> 00:05:58,560
یک شبکه تحویل محتوا
174
00:05:58,560 –> 00:06:00,479
داریم این است که ما متن اسکریپت را ایجاد می کنیم، من
175
00:06:00,479 –> 00:06:01,840
اکنون آنها را کپی می کنم زیرا نمی خواهم
176
00:06:01,840 –> 00:06:03,680
خودم آنها را تایپ کنم،
177
00:06:03,680 –> 00:06:06,639
ما اساساً script src را برای منبع تایپ می کنیم که
178
00:06:06,639 –> 00:06:08,400
معادل پیوندی است که تازه پیدا کرده اید و
179
00:06:08,400 –> 00:06:10,479
سپس اسکریپت را می بندید. تگ کنید بنابراین هیچ چیز
180
00:06:10,479 –> 00:06:12,160
خیلی پیچیده ای به قدرت مغز زیادی نیاز ندارد
181
00:06:12,160 –> 00:06:13,759
شما فقط یک
182
00:06:13,759 –> 00:06:17,280
تگ اسکریپت را باز کنید src برابر است و سپس لینکی را که
183
00:06:17,280 –> 00:06:20,319
هنگام جستجوی cdn jquery پیدا کردید به
184
00:06:20,319 –> 00:06:22,000
عنوان مثال و می توانید اینجا ببینید من
185
00:06:22,000 –> 00:06:25,199
jquery mnjs و سوکت io mnjs دارم.
186
00:06:25,199 –> 00:06:26,960
با این ویدیو
187
00:06:26,960 –> 00:06:29,840
کافی است و کاری که ما انجام می دهیم این است
188
00:06:29,840 –> 00:06:31,680
که به بدنه می رویم و
189
00:06:31,680 –> 00:06:34,400
یک دسته از عناصر ایجاد می کنیم و همچنین تزریق یا
190
00:06:34,400 –> 00:06:36,880
تزریق نمی کنیم، اما همچنین بخش کد جاوا اسکریپت خود را ایجاد می کنیم،
191
00:06:36,880 –> 00:06:38,479
بنابراین ما می
192
00:06:38,479 –> 00:06:40,240
خواهیم از اینجا با یک دیف باکس ساده شروع کنید که
193
00:06:40,240 –> 00:06:42,000
194
00:06:42,000 –> 00:06:43,919
پیامهای شناسه را دارد
195
00:06:43,919 –> 00:06:45,280
و در اینجا به
196
00:06:45,280 –> 00:06:46,560
وضوح پیامهای خود را خواهیم داشت
197
00:06:46,560 –> 00:06:49,120
و در زیر آن
198
00:06:49,120 –> 00:06:51,280
199
00:06:51,280 –> 00:06:53,199
متن دستور نوع ورودی
200
00:06:53,199 –> 00:06:55,120
را خواهیم داشت و
201
00:06:55,120 –> 00:06:56,800
نام کاربری شناسه و نام
202
00:06:56,800 –> 00:06:59,680
کاربری مکاندار را خواهد داشت.
203
00:06:59,680 –> 00:07:01,360
204
00:07:01,360 –> 00:07:02,560
مانند این
205
00:07:02,560 –> 00:07:04,560
و سپس آن را کپی می کنیم
206
00:07:04,560 –> 00:07:07,440
و آن را به پیام
207
00:07:07,440 –> 00:07:08,479
و
208
00:07:08,479 –> 00:07:09,759
پیامی
209
00:07:09,759 –> 00:07:12,080
مانند آن تغییر می دهیم و در نهایت به یک دکمه نیاز داریم
210
00:07:12,080 –> 00:07:15,120
و دکمه ای که شناسه
211
00:07:15,120 –> 00:07:17,520
btn ارسال می شود
212
00:07:17,520 –> 00:07:19,759
و یک متن ارسال می شود
213
00:07:19,759 –> 00:07:22,960
تا از قبل می توانیم این را در
214
00:07:22,960 –> 00:07:25,360
اکسپلورر باز کنیم و سپس می توانیم باز کنیم این در
215
00:07:25,360 –> 00:07:27,680
فایرفاکس شما می توانید ببینید که این
216
00:07:27,680 –> 00:07:29,360
بسیار ساده به نظر می رسد
217
00:07:29,360 –> 00:07:30,880
هنوز هیچ عملکردی ندارد زیرا
218
00:07:30,880 –> 00:07:32,400
عملکرد باید با
219
00:07:32,400 –> 00:07:34,400
جاوا اسکریپت نوشته شود و لطفا ببخشید اگر مجبور
220
00:07:34,400 –> 00:07:36,160
شدم کد آماده شده خود را
221
00:07:36,160 –> 00:07:37,599
چند بار بررسی کنم من یک کاربر نیستم
222
00:07:37,599 –> 00:07:38,639
کد نویس جاوا اسکریپت
223
00:07:38,639 –> 00:07:40,720
من راهم را در جاوا اسکریپت اولیه می
224
00:07:40,720 –> 00:07:42,000
دانم اما واقعاً
225
00:07:42,000 –> 00:07:43,840
در جاوا اسکریپت متخصص نیستم بنابراین باید
226
00:07:43,840 –> 00:07:46,080
چند بار با نحو بررسی کنم
227
00:07:46,080 –> 00:07:48,080
اما اساساً ما متن جاوا اسکریپت نوع اسکریپت را
228
00:07:48,080 –> 00:07:50,639
تایپ می کنیم و سپس در داخل
229
00:07:50,639 –> 00:07:52,000
آن می گوییم
230
00:07:52,000 –> 00:07:54,639
دلار و سپس
231
00:07:54,639 –> 00:07:56,840
نقطه سند
232
00:07:56,840 –> 00:08:00,720
آماده است و در اینجا ما این تابع را
233
00:08:00,720 –> 00:08:02,240
داریم و در داخل آن اکنون
234
00:08:02,240 –> 00:08:05,360
با گفتن سوکت var برابر با
235
00:08:05,360 –> 00:08:07,120
um
236
00:08:07,120 –> 00:08:09,919
io dot connect شروع می کنیم و می رویم
237
00:08:09,919 –> 00:08:11,520
که به انتهای پشتی وصل می شویم که انتهای
238
00:08:11,520 –> 00:08:14,080
پشتی در واقع شده است. http
239
00:08:14,080 –> 00:08:17,759
uh کولون اسلش بریده بریده localhost
240
00:08:17,759 –> 00:08:19,840
کولون 5000
241
00:08:19,840 –> 00:08:21,759
پس این فلاسک بکاند است ا