www.webdeveloper.com
Results 1 to 2 of 2

Thread: Integration of hosted live chat login feature for websites and communities

  1. #1
    Join Date
    May 2014
    Posts
    22

    Integration of hosted live chat login feature for websites and communities

    Have not seen this online before..If anyone needs a custom chat login integration, Chatwing has released it wide to everyone for free. There is also a nice sandbox area you can test in the dashboard to encrypt/decrypt messages. They provide both Javascript and HTML code for each chat you create along with a custom direct link.

    this is how the describe it:
    Custom login feature allows you as the developer to integrate your own account system into your chatWING chatbox so that your users can start chatting without having to registering a new account or using another account from Facebook, Twitter etc..

  2. #2
    Join Date
    May 2014
    Posts
    22
    Update: was able to integrate the chatwing into my community within several minutes pretty simple, the part that took the most time was creating 2 of my logo icons for login and users that is required.

    here are the instructions they provide with the example code:

    In order to use custom login feature, you must provide the login URL, user icon and login button icon.

    Login URL: When an anonymous user wants to login, they are redirected to this URL. In the login URL, you must provide a way for users to login and/or register new account. You are responsible for handling any errors that may occur during the process. After the user is authenticated, you must redirect them back to redirect_url (it is provided automatically when calling login url from the chatbox) along with a new query param called custom_session containing the encrypted session of the user (more on it later).

    For example, if your login url is http://mydomain.com/chatwing-login, the redirecting url would be

    http://mydomain.com/chatwing-login?r...e9340%2Fcustom
    After authenticating and encrypting the user session, you must redirect the user back to us by using the above redirect_url and append the encrypted session in custom_session

    http://chatwing.com/chatbox/56b65f57...ustom_session=[the encrypted session]
    Secret: This is used to encrypt the custom user session. Here is an example of the PHP implementation

    $data = array(
    'id' => 1,
    'name' => 'Custom Login',
    'avatar' => 'http://mydomain.com/avatar/1.png',
    'expire' => round(microtime(true) * 1000) + 60*60*1000 // in millisecond
    );

    $data = json_encode($data);

    $blocksize = 16;

    $secret = '';
    $md5 = md5($secret);

    // Strictly maintains the length of key and iv
    $key = substr($md5, 0, 16);
    $iv = substr($md5, 16, 16);

    // We need to pad the input manually to match with the server-side's padding scheme
    $pad = $blocksize - (strlen($data) % $blocksize);
    $data = $data . str_repeat(chr($pad), $pad);

    $encryptedSession = bin2hex(mcrypt_encrypt(MCRYPT_RIJNDAEL_128, $key, $data, MCRYPT_MODE_CBC, $iv));
    id (required): It can be anything as long as it is unique to identify each user
    name (required): Name, just name
    avatar (required): Absolute path to the avatar (must start with http:// or https://, otherwise, http:// will be appended automatically)
    expire (optional): The lifespan of your custom session (in millisecond). It is recommended that you set it to a reasonable value to avoid identity thief
    User icon: The icon displayed near the name (must be 16x16) Custom login user icon

    Login button: The button displayed in the login method dialog (must be 88x25) Custom login button

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles