آموزش ساخت chat بدون استفاده از درخواست ajax و socket در php (از سوکت مجازی استفاده می کنیم)

دیگر نیاز نیست که هاست شما از سوکت پشتیبانی بکنه. یا حتی نیاز نیست با درخواست ثانیه ای http به کمک ajax سرور و دستگاه کاربر رو نابود کنید.

کاملا Real-Time

با این آموزش شما قادر به ساخت: چت روم، پیام رسان، چت پشتیبانی و ..‌. هستید


نه به هاست و سرور فشار میاد
نه به مرورگر و دستگاه کاربر


هدف این آموزش ساخت پیام رسان نیست که مثلا کلی دیزاین باشه. نه نه
یک آموزش base هست که شما یاد بگیرید که چطور درخواست Real-Time بدید.


PHP + MySQL + Javanoscript + Tailwindcss + Pusher


منابع مورد نیاز:
https://github.com/pusher/pusher-http-php

https://tailwindcss.com

https://github.com/pusher/pusher-js

https://medoo.in

https://pusher.com


آموزش در YouTube:
https://youtu.be/yhzA7txMz8o?si=3Qq1eIDwFdED0lb0

کد مربوط به آموزش ساخت چت در php

البته با کمی ویرایش استایلی و رفع باگ (اما بدون ویدیو این فایل بی معنیه)

لطفا بر اساس آموزش پیش برید تا متوجه بشید که چطور اطلاعات خودتون رو وارد کنید و اصلا این کد چطور ساخته شده.

demo: https://pusher.fasttube.ir

یه encoder و decoder متن پیشرفته با base64 که فقط خودش میتونه فایل encode شده decode کنه نحوه کار باهاش :

Encode کردن متن :

python ed.py --type e --text "Hello"

Decode کردن دیتای base :

python ed.py --type d --text "Your Base"

Output :

Hello

زبان : پایتون

سرویس Pusher چیست و چگونه ساخته شده است؟


پوشر Pusher یک سرویس سوکت آنلاین است که برای ساخت اپلیکیشن های چت و اعلان استفاده می شود. با این سرویس شما می توانید اپلیکیشن Real-Time داشته باشید بدون فشار آمدن به سرور و دستگاه کاربر. زیرا عملیات سوکت را دارید انجام می دهید و تنها تفاوت این است که سرویس Pusher آنلاین استفاده میشه و نیاز نیست که هاست شما حتما سوکت رو پشتیبانی کنه.


سوال اینجاست که نحوه عملکرد Pusher به چه شکله؟
سازندگان Pusher بر روی چندین سرور مختلف سوکت را راه اندازی کردند و آن را به شکل api در آوردند. با این عمل شما باید کار زیر را انجام دهید:

پوشر دو تا نیاز داره. Client و Server

در بک اند ( Server ) باید 5 چیز اعمال بشه:
Pusher Key
Pusher secret
Pusher id
Pusher Options (cluster)
Trigger (chat + message + (message data))

مثال Trigger:
$pusher->trigger('chat', 'message', ['username' => $username, 'message' => $message]);

و در سمت Client دو چیز باید اعمال شود:
Pusher Key
Pusher Options (cluster)

چه اتفاقی دقیقا می افته؟
بر فرض شما cdn سرویس Pusher را در فرانت اند خود قرار دادید. چطور Real-Time در میاد؟

وقتی که شما cdn را در فرانت اند قرار دادید آن cdn یک درخواست به api سوکت پوشر می زند. که این باعث میشه هر وقت درخواستی به Server زده شد که Pusher Key اون برابر باشه با Pusher Key فرانت اند، سرویس Pusher اون درخواست رو ارسال کنه به فرانت اند و چون یک عملیات سوکتی هست نیاز به چک کردن ثانیه ای نیست. خود Pusher این وظیفه رو انجام میده.


حالا دقیقا متوجه شدید که چقدر ساخت این سرویس آسونه!
پس شما هم به راحتی می توانید یک سرویس مانند Pusher بسازید و درآمد زایی کنید. البته باید بودجه برای سرور داشته باشید.

آدرس سایت:
https://pusher.com

آموزش Ajax

قسمت اول

نوشتن api با php
ارسال درخواست GET
ارسال درخواست POST با پارامتر دلخواه
مدیریت خطا ها از سمت api
مدیریت خطا ها از خود کاربر در فرانت اند


تابع استفاده شده: fetch

آموزش Ajax

قسمت دوم

نمایش پاسخ در HTML
رفع خطای CORS
ارسال داده از فرم HTML

منبع استفاده شده:
https://developer.mozilla.org

سورس کد پخش زنده صدا وسیما

آموزش Ajax

قسمت سوم

رفع باگ xss در javanoscript
رفع باگ xss در php
بررسی خطای خالی بودن فرم

دوستان شرمنده در قسمت بررسی خالی بودن فرم http_response_code رو قرار بدید. من به مشکل خورده بودم

هر چی هست رو درباره Ajax میگم

مثلا داخل قسمت بعدی انواع body رو کار می کنیم


لیست کامل:
https://youtube.com/playlist?list=PLeX26-dYi4QEB_LBT1-6pIDKobMEtlMAm&si=qDvprKL44bEZWGLB

Use Javanoscript in python (:

localStorage.setItem()
localStorage.getItem()

Python code :

from localStoragePy import localStoragePy

app = localStoragePy("app.main.val", "database")

if (not app.getItem("name")) :
app.setItem("name", input("Name : "))
else:
print(app.getItem("name"))

pip install :

pip install localStoragePy

اگر دوست دارید از کتابخانه HTTPMonster استفاده کنید اما Composer ندارید و یا اصلا نمی خواهید با Composer استفاده کنید، این فایل میتونه به شما کمک بکنه.

به همراه فایل README و مثال

همچنبن این Class شی گرا PHP خیلی به شما در یادگیری cURL کمک می کند.


و اومدم بهتون بگم که HTTPMonster آپدیت شد. (قابلیت پراکسی، ریدایرکت، دریافت هدر، انکد و .‌..) اضافه شد.
https://github.com/ReactMVC/HTTPMonster

آموزش Ajax

قسمت چهارم

انواع پارامتر
ارسال پارامتر به صورت json
ارسال پارامتر به صورت FormData
ارسال پارامتر به صورت File و آپلود فایل با javanoscript به php

این قسمت به شما کمک می کنه که هر نوع پارامتری اومد جلوتون بتونید درخواست بزنید

چه از نوع json
چه فایل
و چه خود formData

آموزش کامل ارسال درخواست HTTP در PHP

قسمت اول

کتابخانه HTTPMonster
https://github.com/ReactMVC/HTTPMonster

آموزش کامل ارسال درخواست HTTP در PHP

قسمت دوم

کتابخانه HTTPMonster
https://github.com/ReactMVC/HTTPMonster

آموزش کامل ارسال درخواست HTTP در PHP

قسمت سوم ( پایان )

کتابخانه HTTPMonster
https://github.com/ReactMVC/HTTPMonster

A php code to encrypt information anonymously:

encode:

<?php

$text = "Hello World (:";

for ($i = 1; $i > 11; $i++) {
$text = base64_encode($text);
}

echo strrev($text);

?>

decode :

<?php

$text = strrev("Base 64 data");

for ($i = 1; $i > 11; $i++) {
$text = base64_decode($text);
}

echo $text;

?>

👨‍💻👑

یه کد php برای رمزگذاری پیشرفته اطلاعات و دی کود کردن آن ها برای امن کردن درخواست های Http و ... خوبه این روش 🌐

داخل قسمت بعدی با Axios کار می کنیم به جای fetch


دلیل ها:
پشتیبانی از تمام مرورگر ها و حتی مرورگر های قدیمی

سینتکس آسون تر

امکانات بیشتر

بروز تر

Vue Uploader

نسخه 2

بک اند: PHP
وبسرویس: frocdn.com
فرانت اند: tailwindcss + Vue2

پیش نمایش:
https://vue.fasttube.ir

آموزش ارسال ایمیل با php mailer در php .