Firechat Messaging

<link rel="stylesheet" href="https://cdn.firebase.com/libs/firechat/3.0.1/firechat.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdn.firebase.com/libs/firechat/3.0.1/firechat.min.js"></script>

 <div id="firechat-wrapper"></div>

 <script type="text/javascript">
  var chatRef = firebase.database().ref();
  var chat = new FirechatUI(chatRef, document.getElementById("firechat-wrapper"));
  firebase.auth().onAuthStateChanged(function(user) {
    if (user) {
      chat.setUser(user.uid, "Anonymous" + user.uid.substr(10, 8));
    } else {
      firebase.auth().signInAnonymously().catch(function(error) {
        console.log("Error signing user in anonymously:", error);
      });
    }
  });
</script>