hi,
i'm building "one single page" app (laravel v5.4.30) and i'm combining Socialite with Ajax to retrieve user's data from Linedin and Medium and i'm using laravel-cors to handle CORS but it seems not working, i tried many ways but still stuck.
i'm showing you screenshot to get things more clear :
https://imgur.com/a/cee38
and this is my code
config/cors.php
'supportsCredentials' => false,
'allowedOrigins' => ['http://ymapp.local'],
'allowedOriginsPatterns' => [],
'allowedHeaders' => ['*'],
'allowedMethods' => ['*'],
'exposedHeaders' => [],
'maxAge' => 0,
kernel.php
protected $routeMiddleware = [
'auth' => \Illuminate\Auth\Middleware\Authenticate::class,
'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class,
'can' => \Illuminate\Auth\Middleware\Authorize::class,
'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
'cors' => \Barryvdh\Cors\HandleCors::class, // Larvel CORS
];
web.php
Route::group(['middleware' => ['web']], function () {
[...]
Route::get('/auth/{provider}', ['as' => 'auth.provider', 'uses' => '\App\Http\Controllers\Front\AuthProviderController@redirectToProvider'])
->where(['provider' => 'linkedin|medium'])
->middleware('cors')
;
Route::get('/auth/{provider}/callback', ['as' => 'auth.provider.callback', 'uses' => '\App\Http\Controllers\Front\AuthProviderController@handleProviderCallback'])
->where(['provider' => 'linkedin|medium'])
->middleware('cors')
;
});
AuthProviderController.php
class AuthProviderController extends Controller
{
/**
* Redirect the user to the GitHub authentication page.
*
* @return \Illuminate\Http\Response
*/
public function redirectToProvider($provider)
{
return \Socialite::with($provider)->redirect();
}
/**
* Obtain the user information from GitHub.
*
* @return \Illuminate\Http\Response
*/
public function handleProviderCallback($provider)
{
$user = \Socialite::driver($provider)->user();
// dd($user);
return response()->json(['user' => $user]);
}
}
main.js
$('.auth-provider').click(function(e) {
e.preventDefault();
var $provider = $(this);
$.ajaxSetup({
cache: false,
crossDomain: true,
crossOrigin: true,
});
$.ajax({
url: $provider.data('url'),
dataType: 'json',
success: function(json) {
console.log(json);
},
error: function(json) {
console.log(json);
}
});
});
i really appreciate any help
