angular.js - 국내 소셜 게임 사이트에 대한 Angle Oauth에 대한 더 나은 솔루션이 있습니까?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-15 16:49:03
0
2
713

Sina의 oauth의 첫 번째 단계에서는 사용자에게 페이지를 열도록 안내한 다음 사용자가 허용한 후 URL이 웹사이트의 루트 디렉터리로 리디렉션됩니다.

질문 1

URL에는 코드 매개변수가 있으며 링크는 XXX.XXX.com/?code=XXXX가 됩니다. htmlMode # $locationProvider.html5Mode(false)를 사용하지 않으면 경로가 XXX.XXX로 이동합니다. com/? 코드=XXXX#/

이 코드의 값을 얻을 수 있는 좋은 방법이 있습니까(현재 $window.location.search를 사용하고 있습니다. 왜냐하면 $location.search는 이 모드에서 이 값을 얻을 수 없기 때문입니다)

이 XXX.XXX.com/?code=XXXX#/ ?code=XXX를 제거할 수 있는 좋은 방법이 있습니까(제거하지 않으면 모든 경로 점프 링크가 거기에 남게 됩니다)
위의 두 가지 문제에 대한 임시 해결책은 $window.location.href를 바꾸는 것입니다. 그러면 전체 페이지가 새로 고쳐집니다(다행히 홈페이지 로그인입니다,
수용 가능하지만 좀 더 발전된 앵글린적 사용법이 필요하다고 느껴집니다.)

테스트 주소 http://llovebaimuda.herokuapp.com/ http://llovebaimuda.herokuapp.com/#/login#/login

Html5mode는 URL(예: http://llovebaimuda.herokuapp.com/phone)会导致404,输入phone)을 직접 입력하면 404가 발생하므로 사용하지 않습니다.
http://llovebaimuda.herokuapp.com/#/phone虽然浏览器显示http://llovebaimuda.herokuapp.com/phone,但是#/phone을 입력하면 브라우저에
phone이 표시되지만,

URL을 친구에게 복사할 때 #/을 추가하지 않으면 404가 발생합니다. 각도 및 백엔드에서 이 문제에 대한 좋은 해결책이 있습니까

질문 2


Angular가 페이지에서 <script></script>를 직접 사용할 수 있는 방법이 있나요? 예를 들어 Sina Weibo 로그인 구성 요소는 페이지에 로드되는 js입니다.
그런 다음 DOM에 대한 일부 처리를 수행합니다. DOM에 대한 Angular의 작업은 지시문에 포함되어 있으며 간단히 말해서 Sina의 로그인 js 위젯입니다

작동하지 않거나 Angular에 특별한 처리가 필요합니다.

질문 3

https://oauth.io/这个木有微博啊Angular에는 상대적으로 성숙하고 재사용 가능한 OAuth가 없습니다(중국의 경우 Sina Weibo, QQ, Douban).


oauth에는 다음 단계가 필요합니다.
1. 사용자에게 코드 승인 및 획득 방법 안내access_token 2. oauth 웹사이트에 적극적으로 요청하여
access_token 획득 이 단계는 사용자에게 투명해야 합니다. 이제 내 생각은 페이지가 authService가 있는 페이지로 적극적으로 이동하도록 하는 것입니다. 이 authService는 필요한 데이터를 적극적으로 얻은 다음

및 사용자를 $routeScope( 유사한 로컬 저장소가 있습니까? to backbone?), 이 작업은 성공 여부에 관계없이 다음 페이지로 이동합니다. 로그인 성공 후에만 볼 수 있는 페이지입니다

으아악

oauth부터 첫 번째 단계까지 테스트 코드<🎜> 으아악
曾经蜡笔没有小新
曾经蜡笔没有小新

모든 응답(2)
阿神

첫 번째 질문에 답해 드리겠습니다.

?code=XXX를 제거하려면 location.href를 사용하면 대신 window.pushState를 사용하게 됩니다.
참조: MDN: 브라우저 기록 조작

小葫芦

angularjs Sina Weibo 크로스 도메인 솔루션

으아아아
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿