How to get oauthconnector working with oauthloginprovider

Provider Setup

URL
http://192.168.2.100/njsapi/provider/

Modules
OAuth 6.x-3.0-beta4
OAuth Login Provider 6.x-1.1
OAuth Provider UI 6.x-3.0-beta4
Services 6.x-3.1

Permissions:
oauth authorize any consumers anon and auth
oauth authorize consumers in oauthlogin anon and auth
oauth register any consumers anon and auth
oauth register consumers in oauthlogin anon and auth

User called test with consumer settings:

Consumer name: test_consumer
Callback url: http://192.168.2.100/njsapi/client/oauth/authorized/1
(this url was provided on the client side when I added a connector)
Application context: OAuth login
Key: xxxxxxxx
Secret: xxxxxxxx

Client Setup

URL
http://192.168.2.100/njsapi/client/

OAuth 6.x-3.0-beta4
OAuth Connector 6.x-1.x-dev
Connector 6.x-1.x-dev
Http Client 6.x-2.3
Http Client OAuth 6.x-2.3 (is packaged with Http Client)

Permissions:
oauth authorize any consumers anon and auth
oauth register any consumers anon and auth

Connector config

$provider = new stdClass;
$provider->disabled = FALSE; /* Edit this to true to make a default provider disabled initially */
$provider->name = 'test';
$provider->title = 'test';
$provider->url = 'http://192.168.2.100/njsapi/provider/';
$provider->consumer_advanced = array(
  'signature method' => 'HMAC-SHA1',
  'authentication realm' => '',
  'request token endpoint' => '/oauth/request_token',
  'authorization endpoint' => '/oauth/authorize',
  'access token endpoint' => '/oauth/access_token',
);
$provider->mapping = array(
  'fields' => array(
    'uid' => array(
      'resource' => 'http://192.168.2.100/njsapi/provider/oauthlogin/api/user/info',
      'method post' => 1,
      'field' => 'uid',
      'querypath' => FALSE,
    ),
    'real name' => array(
      'resource' => 'http://192.168.2.100/njsapi/provider/oauthlogin/api/user/info',
      'method post' => 1,
      'field' => 'name',
      'querypath' => FALSE,
    ),
    'avatar' => array(
      'resource' => '',
      'method post' => 0,
      'field' => '',
      'querypath' => FALSE,
    ),
  ),
  'format' => 'php',
);

Connector block enabled

NOTE - the trailing slash on $provider->url - I was experiencing the same issues as above until I added that slash

I can go to client and click on "connect with test" and if I am logged in to an account on the provider side already i get redirected back to the client and logged in with a username of the form oauthconnector_test__1

If I am not logged in on the provider side I get to the provider login form - after I login I get a 404 as I get redirected incorrectly to http://192.168.2.100/njsapi/provider//njsapi/provider/oauth/authorize?oa... (if I fix the url to be http://192.168.2.100/njsapi/provider/oauth/authorize?oauth_token=xxxxxxxxxx) I get redirected to the client correctly and authenticated.

So everything seems to work fine with this setup apart from the login url destination query parameter.

Edit: On provider edit oauthlogin service and enable application/x-www-form-urlencoded under Request Parsing in the Server settings tab.

@dineshcooper, thanks for writing detailed instructions.

I followed it for D7 but it does authenticate user when return to client, though it gives message "The application has been authorized".

Setup: D7:
Client as : oauthconnector
Server as : oauth2_server,services_views

And i came to an end where the site says "The application has been authorized". While debugging, i saw that $response is not updated. So, using hook_oauthconnector_fetch_field_value_alter, I've updated the proper value of $response.
Then the system is working as expected (that is, new account is created after successful login ). But i don't think it is proper way.

function *modulename*_oauthconnector_fetch_field_value_alter(&$response, $info, $context) {
if($context['field']['field']=='uid')
{
$response = $info[0]['uid'];
}
}