Створення чату на основі jquery

У сьогоднішньому уроці ми розглянемо створення невеликої чатів програми, яка дуже проста в написанні і підтримується на всіх серверах, що працюють з PHP. Ніякої бази даних не потрібно - вся програма чату буде зберігатися як простий текстовий файл. Програма створюється із застосуванням таких технологій:

• PHP - для зберігання серверної інформації
- Написання нових повідомлень в текстовому файлі
- Читання нових повідомлень з текстового файлу
- Оновлення інформації про файл
- Забезпечення безпеки

• Text File () - зберігання програми чату

У цьому уроці ви дізнаєтеся про деякі цікаві методиках і технологіях, в результаті чого у вас вийде справжній чат. Звичайно, його не можна буде назвати самим просунутим чатом в світі. Ви не зможете виганяти користувачів з чату або банити їх. Його користувачі не зможуть змінювати свій нік. Ви не буде доступний список всіх, хто в даний момент знаходиться в чаті. Іншими словами, це не IRC - просто кумедна демонстраційна програма, яка, тим не менш, справно працює. Якщо ви хочете дізнатися, як її зробити (а потім ви зможете модернізувати програму на свій розсуд), тоді вперед!

Те, з чим ви тільки що ознайомилися, навіть наполовину не є основним функціоналом програми. Функція page-wrap застосовується для центрування. Функції double-div, chat-wrap і chat-area відповідають за абсолютно необов'язкову, але при цьому вельми ефектну подвійну рамку вікна чату.

Функція updateChat посилає на сервер запит про наявність нових рядків у текстовому файлі. Якщо вони є, то функція позначає їх як JSON і додає в чат. Функція sendChat активується, коли повідомлення вже написано в поле введення і натиснута кнопка «Enter» - вона передає введену інформацію на сервер. Функція getStateOfChat запитує сервер про кількість рядків в поточному текстовому файлі, щоб з'ясувати, чи є нові рядки чи ні. Ця інформація також заноситься в JSON, а ось так виглядають всі ці функції:

Всі ці функції користуються технологіями jQuery's AJAX, а також використовують в процесі комунікації файл process.php, який нам, самі розумієте, доведеться створити.

Використання технологій PHP в програмі

Частина інформації, яка передається за допомогою запитів AJAX, є (довільної) величиною, яка носить назву "function". Це потрібно для того, щоб повідомити файл PHP про те, які дії слід виконати. Таким чином, перш за все нам потрібно зв'язати цю величину і з перемиканням функцій. Також ми створюємо порожній масив, в якому будуть зберігатися змінні, які потім будуть записані як JSON і передані назад.

Коли ми звертаємося до функції getState, зчитується текстовий файл, в тому числі і кількість рядків у ньому. Коли ми запускаємо функцію update, файл знову ж зчитується, але тепер в нього додаються нові рядки. Функція send обробляє повідомлення і потім вписує його в текстовий файл нової рядком.

Приступимо до організації відправки

Коли з цим закінчено, займемося обмеженням кількості символів в повідомленні і забезпеченням відправки повідомлення натисканням клавіші Enter.

Періодична перевірка наявності нових повідомлень

Примітка: Не забувайте, що програма заснована на технологіях PHP, так що якщо ви не використовуєте локальний PHP-сервер, простий завантаження файлів і їх відкриття буде недостатньо для того, щоб запустити демо-версію. Також не забудьте змінити дозвіл файлу chat.txt для можливості запису його на сервер, коли ви займетеся власній тестовій завантаженням.

    Думаю, якщо Ви напишіть без помилок і зі знаками пунктуації, то Вам допоможуть. Особисто у мене немає бажання допомагати неосвіченому людині, який навмисне робить жахливі помилки.

  • Створення чату на основі jquery

    За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!

    Створення чату на основі jquery

    Створення чату на основі jquery

    Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!

    Створення чату на основі jquery

    Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.

    Створення чату на основі jquery

    Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!

    Схожі статті