MQTTchat
REST API TutorialsBack to mqtt-chat.com
Search…
MQTTchat
Welcome
Quick Start
MQTTchat REST API
Downloads
MQTTchat SDKs
Setup & Configuration
Users Management
Friends Management
MQTT Notifications
Messages Management
MQTTchat Cloud Web
Integration
Javascript Events
Push Notifications
Webhooks
Ready Integrations
WordPress
Joomla
Angular & AngularJS
ReactJS
VueJS
MQTTchat Android
Integration
Chat events
Messenger Plugins
Advanced features
Advanced intégration
Custom Module
Decreasing App size
Third-party Libraries
Demo Application
Powered By GitBook
Joomla
Joomla Integration.

Before you begin

  • ​Register to MQTT chat, add your domain name and activate a subscription that suits you.
  • Go to the Settings tab of your admin panel to get your APP_ID and APP_SECRET. You may need these during installation.

​
 Joomla

  • Add JQuery to the header of your page. If you have already included JQuery skip this step.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  • Add MQTT chat script to the header of your page.
<script src="https://cluster1.telifoun.com/webapi/mqttchat.js?appid=mqttchat-xxxxxxxx&uf=0"></script>
  • Get User Informations.
<?php
$user = JFactory::getUser();
if (!$user->guest) {
$mqttchat_user_id= $user->id;
$mqttchat_user_name= $user->name;
$mqttchat_user_surname=$user->username;
//...
}
?>
  • Show Chat Layout : In the body of your page, where you want to display MQTT chat, add #mqttchat div to show docked or embedded layout.
Docked Layout
Embdded Layout
<div id="mqttchat"
data-layout="docked"
class="mqttchat-default"
data-user-id="<?=$mqttchat_user_id?>"
data-user-name="<?=$mqttchat_user_name?>"
data-user-surname="<?=$mqttchat_user_surname?>"
></div>
<div id="mqttchat"
data-layout="embedded"
class="mqttchat-default"
data-user-id="<?=$mqttchat_user_id?>"
data-user-name="<?=$mqttchat_user_name?>"
data-user-surname="<?=$mqttchat_user_surname?>"
data-width="900"
data-height="500"
></div>
​
Previous
WordPress
Next
Angular & AngularJS
Last modified 25d ago
Copy link
Outline
Before you begin
Joomla