Jak zrobić czat? (HTML + CSS + JS + PHP + MYSQL)

Question

Witam, może ktoś podlinkować mi jakiś poradnik (najlepiej polski) jak zrobić czat? Dużo tego jest, ale moja konstrukcja czatu wygląda w ten sposób i jest napisana pod Bootstrapa

    <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <div class="panel panel-primary">
                        <div class="panel-body">
                            <ul class="chat">
                                <li class="clearfix">
                                    <div class="chat-body clearfix">
                                        <strong style="color:red" class="primary-font">SnoUweR</strong>:
                                        <span>Ls</span>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="chat-body clearfix">
                                        <strong style="color:red">SnoUweR</strong>:
                                        <span>Ls</span>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="chat-body clearfix">
                                        <strong style="color:red" class="primary-font">SnoUweR</strong>:
                                        <span>Ls</span>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="chat-body clearfix">
                                        <strong style="color:red" class="primary-font">SnoUweR</strong>:
                                        <span>Ls</span>
                                    </div>
                                </li>
                                <li class="clearfix">
                                    <div class="chat-body clearfix">
                                        <strong style="color:red" class="primary-font">SnoUweR</strong>:
                                        <span>Ls</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="panel-footer">
                            <div class="input-group">
                                <input id="btn-input" type="text" class="form-control input-sm" placeholder="Type your message here...">
                                <span class="input-group-btn">
                                    <button class="btn btn-warning btn-sm" id="btn-chat">Send</button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

Dodatkowo chciałbym, żeby nazwy użytkowników były wyciągane z bazy danych, ale z tym sobie chyba poradzę.

Pozdrawiam.

Answer 1

Przecież to jeden kij pod co jest napisany HTML. Całość działania opiera się na odpytywaniu bazy i wyświetlaniu wyników na żywo. Najłatwiej serwer machnąć na socket.io

Comments

Tylko JS nie może się łączyć z SQL przecież

---

Przeglądarkowy owszem, nie może. Ale na serwerze takie ograniczenie nie miałoby sensu.

---

http://markshust.com/2013/11/07/creating-nodejs-server-client-socket-io-mysql