각도/노드/익스프레스/패스포트 - 페이스 북 (CORS)에 연결할 때의 문제

Question

내 NodeJs 서버에서 페이스 북 인증을 사용하려고합니다. 나는 http://scotch.io/의 자습서에 왔고 REST 클라이언트 (우편 배달부 등)를 사용할 때 로컬로 작업하게했습니다.

UI를 향상시키기 위해 Angular JS를 프런트 엔드로 사용했습니다. 내가 전화 할 때하지만 NodeJs 백 엔드에 주어진 내 특정 경로에 http.get를 내가 얻을 쵸메와 파이어 폭스에서 다음과 같은 오류가 :

이

은 XMLHttpRequest https://www.facebook.com/dialog/oauth?response_type=code&redirect_uri=http% ... 0 %를로드 할 수 없습니다 2Fapi % 2Fauth % 2Ffacebook % 2Fcallback & 범위 = 이메일 & client_id = 3000000000006 'Access-Control-Allow-Origin'헤더가 요청 된 리소스에 없습니다. 따라서 'localhost : 8080'은 액세스가 허용되지 않습니다.

StackOverflow에서 여러 가지 해결책을 시도했지만 여전히 작동하지 않습니다. 내 NodeJs는 Express 4 * 및 CORS 미들웨어를 사용합니다. Angular i의 은 CORS를 활성화하는 몇 가지 방법을 찾았으나 지금까지는 아무 것도 작동하지 않습니다.

당신이 나를 도울 수 있기를 바랍니다. D 미리 감사드립니다!

Answer 1

노드/익스프레스에서도 Angular를 사용하고 있으며 다음 기능은 내 백엔드 서비스에서 사용할 수 있습니다. (현재 페이스 북에서 솔직히 사용하지 않고 있습니다.)

var allowCrossDomain = function(req, res, next) { 
    res.header('Access-Control-Allow-Origin', '*'); 
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS'); 
    res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With, Access-Control-Allow-Origin'); 
    res.header("Access-Control-Max-Age", "86400"); // 24 hours 

    // intercept OPTIONS method 
    if ('OPTIONS' == req.method) { 
     res.send(200); 
    } 
    else { 
     next(); 
    } 
}; 

그런 다음, 다음과 같이 그것을 주석 app.confiure() 방법을 사용합니다 : 그것은 전에 다른 directrives를 사용하는 것이 중요합니다

// configure Express 
app.configure(function() { 
    app.use(allowCrossDomain); 
    ... 
}); 

!

Answer 2

당신은 당신이 passport.authenticate 물건을 포함하여 Express 서버로 요청을 보내는 곳에서 각도 컨트롤러에 'window.location="http://localhost:3000/auth/facebook"';를 사용할 수 있습니다.

페이스 북의 인증 대화 상자를 AJAX 요청으로 호출 할 수 없게됩니다.

나를 위해 작동합니다!