{"id":108,"date":"2018-01-03T20:52:02","date_gmt":"2018-01-03T20:52:02","guid":{"rendered":"https:\/\/html5-chat.com\/blog\/?p=108"},"modified":"2018-04-04T21:24:15","modified_gmt":"2018-04-04T21:24:15","slug":"html5-vldpersonals-how-to-add-html5-chat-into-vldpersonals","status":"publish","type":"post","link":"https:\/\/html5-chat.com\/blog\/html5-vldpersonals-how-to-add-html5-chat-into-vldpersonals\/","title":{"rendered":"html5 + vldpersonals: how to add html5 chat into vldpersonals"},"content":{"rendered":"

Integration of html5-chat into vldpersonals<\/a><\/p>\n

 <\/p>\n

edit the .htaccess file and that line:<\/p>\n

RewriteRule ^chatHtml5\/?$ chatHtml5.php [L]<\/pre>\n
which means: your chat will be available on https:\/\/www.yoursite.com\/chatHtml5<\/strong><\/p>\n
Create a blank\u00a0chatHtml5.php<\/strong> file on root of your website \/ and paste the script<\/p>\n
<?php\r\nini_set('display_errors', 1);error_reporting(E_ALL);\r\n\r\nsession_start();\r\nif (!isset($_SESSION['username'])) {\r\n    header('Location:\/');exit;\r\n}\r\ninclude('includes\/config.php');\r\nmysql_connect($conf['db_hostname'], $conf['db_username'], $conf['db_password']) or die();\r\nmysql_select_db($conf['db_name']) or die(\"ERROR: Cannot SELECT the Database.\");\r\n\r\nfunction getAvatar($username) {\r\n    $get_pic = mysql_query(\"SELECT picture,joindate,member_id FROM vld_members WHERE username = '$username' LIMIT 1\") or die(mysql_error());\r\n    while($got_pic = mysql_fetch_array($get_pic)) {\r\n        $members_image = $got_pic['picture'];\r\n        $member_joindate = $got_pic['joindate']; \/\/ this will be the members joindate from the members table\r\n        $member_id = $got_pic['member_id']; \/\/ this is the ID of the member you want to show the avatar\r\n    }\r\n    if ($members_image == '') {\r\n        $avatar = \"\/media\/user_picture_none.gif\"; \/\/ set here the path to the image that shows if user has no avatar uploaded\r\n    }else\r\n    {\r\n        $media = substr($member_joindate, -1, 1).'\/'.\r\n            substr($member_joindate, -2, 1).'\/'.\r\n            substr($member_joindate, -3, 1).'\/'.\r\n            substr($member_joindate, -4, 1).'\/'.\r\n            $member_id.'\/';\r\n        $path = '\/media\/uploads\/'.$media.'photo_'.$members_image;\r\n        $avatar = $path;\r\n    }\r\n    return $avatar;\r\n}\r\n\r\n\r\n$password = 'seccret Password';\r\n$webmasterid = 'xxxxxxxx';\r\n\r\n$json = json_encode(array(\r\n        'webmasterid'=>$webmasterid ,\r\n        'password'=>$password,\r\n        'username'=>$_SESSION['username'],\r\n        'gender'=>$_SESSION['profile_fields']['profile_gender1'],\r\n        'role'=>'user',\r\n        'image'=>$conf['virtual_path'].getAvatar($_SESSION['username'])\r\n    )\r\n);\r\n$encoded = file_get_contents(\"https:\/\/html5-chat.com\/protect\/\".base64_encode($json));\r\n\r\n?>\r\n<!doctype html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>Chat HTML5<\/title>\r\n<\/head>\r\n<body>\r\n<script src=\"https:\/\/html5-chat.com\/script\/<?=$webmasterid?>\/<?=$encoded?>\"><\/script>\r\n<\/body>\r\n<\/html><\/pre>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
OLD version of VLD<\/h3>\n
<?php\r\nrequire 'vendor\/autoload.php';\r\nuse \\Firebase\\JWT\\JWT;\r\nsession_start();\r\nif (!isset($_SESSION['username'])) {\r\n    header('Location:\/');exit;\r\n}\r\ninclude('includes\/config.php');\r\nmysql_connect($conf['db_hostname'], $conf['db_username'], $conf['db_password']) or die();\r\nmysql_select_db($conf['db_name']) or die(\"ERROR: Cannot SELECT the Database.\");\r\n\r\nfunction getAvatar($username) {\r\n    $get_pic = mysql_query(\"SELECT picture,joindate,member_id FROM vld_members WHERE username = '$username' LIMIT 1\") or die(mysql_error());\r\n    while($got_pic = mysql_fetch_array($get_pic)) {\r\n        $members_image = $got_pic['picture'];\r\n        $member_joindate = $got_pic['joindate']; \/\/ this will be the members joindate from the members table\r\n        $member_id = $got_pic['member_id']; \/\/ this is the ID of the member you want to show the avatar\r\n    }\r\n    if ($members_image == '') {\r\n        $avatar = \"\/media\/user_picture_none.gif\"; \/\/ set here the path to the image that shows if user has no avatar uploaded\r\n    }else\r\n    {\r\n        $media = substr($member_joindate, -1, 1).'\/'.\r\n            substr($member_joindate, -2, 1).'\/'.\r\n            substr($member_joindate, -3, 1).'\/'.\r\n            substr($member_joindate, -4, 1).'\/'.\r\n            $member_id.'\/';\r\n        $path = '\/media\/uploads\/'.$media.'photo_'.$members_image;\r\n        $avatar = $path;\r\n    }\r\n    return $avatar;\r\n}\r\n$password = 'yourHTML5-chatPassword';\r\n$webmasterid = 'yourHTML5WebmasterId',\r\n$mysuer = array('webmasterid'=>$webmasterid , 'password'=>$password, 'username'=>$_SESSION['username'], 'gender'=>$_SESSION['profile_fields']['profile_gender1'], 'role'=>'user', 'image'=>$conf['virtual_path'].getAvatar($_SESSION['username']));\r\n$encoded = JWT::encode($mysuer, $password);\r\n?>\r\n<!doctype html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <title>Chat HTML5<\/title>\r\n<\/head>\r\n<body>\r\n<script src=\"https:\/\/html5-chat.com\/chat\/<?=$webmasterid?>\/<?=$encoded?>\"><\/script>\r\n<\/body>\r\n<\/html><\/pre>\n
You need of course to integrate the JWT libraries for that.<\/p>\n
For PHP, we use for instance:\u00a0https:\/\/github.com\/firebase\/php-jwt<\/a>\u00a0(if you use another langage, pick your library from\u00a0jwt.io<\/a><\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Integration of html5-chat into vldpersonals   edit the .htaccess file and that line: RewriteRule ^chatHtml5\/?$ chatHtml5.php [L] which means: your chat will be available on https:\/\/www.yoursite.com\/chatHtml5 Create a blank\u00a0chatHtml5.php file on root of your website \/ and paste the script <?php ini_set(‘display_errors’, 1);error_reporting(E_ALL); session_start(); if (!isset($_SESSION[‘username’])) { header(‘Location:\/’);exit; } include(‘includes\/config.php’); mysql_connect($conf[‘db_hostname’], $conf[‘db_username’], $conf[‘db_password’]) or die(); […]<\/p>\n","protected":false},"author":1,"featured_media":120,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[24,26,23],"class_list":["post-108","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cms","tag-cms","tag-vld","tag-vldpersonals"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/108","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=108"}],"version-history":[{"count":6,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/108\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/108\/revisions\/162"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media\/120"}],"wp:attachment":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media?parent=108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/categories?post=108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/tags?post=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}