{"id":171,"date":"2018-04-23T11:09:18","date_gmt":"2018-04-23T11:09:18","guid":{"rendered":"https:\/\/html5-chat.com\/blog\/?p=171"},"modified":"2018-06-14T08:41:58","modified_gmt":"2018-06-14T08:41:58","slug":"how-to-add-link-to-profile","status":"publish","type":"post","link":"https:\/\/html5-chat.com\/blog\/how-to-add-link-to-profile\/","title":{"rendered":"How to add link to profile ?"},"content":{"rendered":"<p><a href=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2018\/04\/profile.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-175 alignleft\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2018\/04\/profile.jpg\" alt=\"profile\" width=\"205\" height=\"242\" \/><\/a>You can easily add a link to your user profile (when you have that feature in your existing website)\u00a0 in html5chat by adding the <strong>profile\u00a0<\/strong>parameter into the <a href=\"https:\/\/html5-chat.com\/blog\/jwt-a-quicker-and-simpler-version-using-the-html5-service\/\">JWT<\/a> connection.<\/p>\n<p>For that you need to define the url link that leads to your profile and pass that into the profile parameter<\/p>\n<p><span class=\"pun\"><strong>ex:\u00a0<\/strong><\/span><span class=\"pun\"><strong>&#8216;profile&#8217;=&gt;&#8217;https:\/\/www.mysite.com\/user\/myUsername&#8217;<\/strong><\/span><\/p>\n<p><strong>Step 1<\/strong>: you create an array of your user such as:<\/p>\n<pre class=\"prettyprint prettyprinted\"><span class=\"pln\">$json <\/span><span class=\"pun\">=<\/span><span class=\"pln\"> json_encode<\/span><span class=\"pun\">(<\/span><span class=\"pln\">array<\/span><span class=\"pun\">(<\/span><span class=\"str\">'username'<\/span><span class=\"pun\">=&gt;<\/span><span class=\"str\">'myUsername'<\/span><span class=\"pun\">, <strong>'profile'=&gt;'http:\/\/www.mysite.com\/user\/myUsername'<\/strong>, <\/span> <span class=\"str\">'password'<\/span><span class=\"pun\">=&gt;<\/span><span class=\"str\">'myPassword'<\/span><span class=\"pun\">,<\/span> <span class=\"str\">'gender'<\/span><span class=\"pun\">=&gt;<\/span><span class=\"str\">'male'<\/span><span class=\"pun\">,<\/span> <span class=\"str\">'role'<\/span><span class=\"pun\">=&gt;<\/span><span class=\"str\">'user'<\/span><span class=\"pun\">,<\/span> <span class=\"str\">'avatar'<\/span><span class=\"pun\">=&gt;<\/span><span class=\"str\">'https:\/\/html5-chat.com\/img\/malecostume.svg'<\/span><span class=\"pun\">));<\/span><\/pre>\n<p><strong>Step 2<\/strong>\u00a0: you encode it using the html5 JWT online service<\/p>\n<pre class=\"prettyprint prettyprinted\"><span class=\"pln\">$encoded <\/span><span class=\"pun\">=<\/span><span class=\"pln\"> file_get_contents<\/span><span class=\"pun\">(<\/span><span class=\"str\">\"https:\/\/html5-chat.com\/protect\/\"<\/span><span class=\"pun\">.<\/span><span class=\"pln\">base64_encode<\/span><span class=\"pun\">(<\/span><span class=\"pln\">$json<\/span><span class=\"pun\">));<\/span><\/pre>\n<p><strong>Step 3<\/strong>\u00a0: you inject that encoded string into your JS script<\/p>\n<pre class=\"prettyprint prettyprinted\"><span class=\"pln\">&lt;script src=\"https:\/\/html5-chat.com\/script\/xxxxx\/<\/span><span class=\"pun\">&lt;?=<\/span><span class=\"pln\">$encoded<\/span><span class=\"pun\">?&gt;<\/span><span class=\"str\">\"&gt;<\/span><span class=\"tag\">&lt;\/script&gt;<\/span><\/pre>\n<p>where <strong>xxxxx<\/strong> is your webmasterid parameter.<\/p>\n<h3>And that\u2019s ALL !<\/h3>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can easily add a link to your user profile (when you have that feature in your existing website)\u00a0 in html5chat by adding the profile\u00a0parameter into the JWT connection. For that you need to define the url link that leads to your profile and pass that into the profile parameter ex:\u00a0&#8216;profile&#8217;=&gt;&#8217;https:\/\/www.mysite.com\/user\/myUsername&#8217; Step 1: you create [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":177,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,32],"tags":[38],"class_list":["post-171","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-features","category-integration","tag-profile"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/171","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=171"}],"version-history":[{"count":3,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/171\/revisions"}],"predecessor-version":[{"id":248,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/171\/revisions\/248"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media\/177"}],"wp:attachment":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media?parent=171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/categories?post=171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/tags?post=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}