{"id":146,"date":"2018-04-02T11:07:06","date_gmt":"2018-04-02T11:07:06","guid":{"rendered":"https:\/\/html5-chat.com\/blog\/?p=146"},"modified":"2023-07-28T18:13:01","modified_gmt":"2023-07-28T18:13:01","slug":"jwt-a-quicker-and-simpler-version-using-the-html5-service","status":"publish","type":"post","link":"https:\/\/html5-chat.com\/blog\/jwt-a-quicker-and-simpler-version-using-the-html5-service\/","title":{"rendered":"JWT: a quicker and simpler version using the HTML5 service"},"content":{"rendered":"

Here is a quicker and simpler version of integrating  HTML5 chat into an existing website than the JWT version described in that post<\/a><\/p>\n

The bottom sample is a PHP sample, but you can easily adapt it to JS or ASP in needed. let assume your webmasterid = 1050<\/strong><\/p>\n

Step 1<\/strong>: you create an array of your user such as:<\/p>\n

$json = json_encode([\n    'webmasterid' =>'1050',\n    'username'  =>'myUsername',\n    'password'  =>'myChatAccountPassword',\n    'gender'    =>'male',\n    'role'      =>'user',\n    'image'     =>base64_encode('https:\/\/html5-chat.com\/img\/malecostume.svg'),\n    'profile'   =>'https:\/\/monsite.com\/profile\/myUserername',\n    'birthyear'=>1970\n    ]\n);<\/pre>\n
Step 2<\/strong> : you encode it using the html5 JWT online service<\/p>\n
$encoded = file_get_contents(\"https:\/\/jwt.html5-chat.com\/protect\/\".base64_encode($json));<\/pre>\n
Step 3<\/strong> : you inject that encoded string into your JS script<\/p>\n
<script src=\"https:\/\/html5-chat.com\/script\/<?=$webmasterid<\/strong>?>\/<?=$encoded?>\"><\/script><\/pre>\n
And that’s ALL:<\/p>\n
role<\/strong> <\/a>: can be admin,  user, guest,  dj, custom1, custom2, custom3<\/p>\n
avatar<\/strong> is the http:\/\/ image of the expected avatar<\/p>\n
profile<\/strong>: the link to the user profile (if available)<\/p>\n
startRoom<\/strong> : the id of the room where to start in (roomid is an integer number)<\/p>\n
Replace the webmasterid<\/strong> in script by your script id (webmasterid, a positive integer you can find in your chatadmin panel)<\/p>\n
If you want to use JWT on your server, please refer to this post<\/a>.<\/p>\n
<?php $json = json_encode(['username'=>'myUsername', 'password'=>'myPassword', 'gender'=>'male', 'role'=>'user', 'profile'=>'https:\/\/monsite.com\/profile\/myUserername', 'image'=>'https:\/\/html5-chat.com\/img\/malecostume.svg']);\n$encoded = file_get_contents(\"https:\/\/jwt.html5-chat.com\/protect\/\".base64_encode($json), 'startRoom'=>5);\n?>\n<!doctype html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>HTML5 chat<\/title>\n<\/head>\n<body>\n\n<div style=\"width: 1024px;height: 800px;\">\n    <script src=\"https:\/\/html5-chat.com\/script\/xxxxx\/<?=$encoded?>\"><\/script>\n<\/div>\n\n<\/body>\n<\/html><\/pre>\n
Notice: if file_get_contents<\/strong> <\/a>is DISABLED on your hosting, you can use the curl<\/strong><\/a><\/p>\n
$curl= curl_init();\ncurl_setopt_array($curl, array(\n      CURLOPT_RETURNTRANSFER => 1,\n      CURLOPT_URL => \"https:\/\/jwt.html5-chat.com\/protect\/\".base64_encode($json)\n));\n$encoded = curl_exec($curl);<\/pre>\n","protected":false},"excerpt":{"rendered":"
Here is a quicker and simpler version of integrating  HTML5 chat into an existing website than the JWT version described in that post The bottom sample is a PHP sample, but you can easily adapt it to JS or ASP in needed. let assume your webmasterid = 1050 Step 1: you create an array of […]<\/p>\n","protected":false},"author":1,"featured_media":147,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,2],"tags":[34,33],"class_list":["post-146","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-integration","category-news","tag-encoded","tag-jwt"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/comments?post=146"}],"version-history":[{"count":25,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/146\/revisions"}],"predecessor-version":[{"id":1459,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/146\/revisions\/1459"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media\/147"}],"wp:attachment":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media?parent=146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/categories?post=146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/tags?post=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}