React Native에서 Azure 로그인 사용

야 니브 트윈

현재 다음을 사용하여 하늘빛 광고에서 로그인을 시도하고 있습니다.

react-native-azure-auth

이 코드 사용 :

      let tokens = await this.azureAuth.webAuth.authorize({ scope: 'offline_access profile User.ReadBasic.All Mail.Read' ,})

이제 잘 작동합니다. "offline_access"범위를 전달하고 포털에서 설정하지만 응답에서 새로 고침 토큰을 얻지 못하고 범위 필드에 offline_access가 없습니다.

이것은 예입니다 :

{"clientId":"69ab--04ccfbf","rawIdToken":"eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsxNDV0c2kwX2YwWndQYmh1WGlIMWpQ2diNUZnWHhUZVkiLCJ0aWTIzOS0zYjcxLTRmZjEtODk0Ny1mODZkGkiOiIzRlR1RkVlbG1raU9IUEVWbkNkT0FBIiwidmVyIjoiMi4wIn0.qQNLG2-kJ1CXIn8B4P8GUGimtT9WAiv5AaWhwl-Po_F14Oh8ZfAWTjaI8SQrnHfoHdbZY5_3nwjRT8Fz283Xy1bBKsgRCB75p936oO4ggPt4Mdhngzm3-xxRVvq8ysECaPlcQUFN9d6st4arly8umRypzyE6w","userId":"[email protected]","userName":"My name","tenantId":"2b555239-3b51-4f33-8944-f81111111e0","idTokenExpireOn":1594309415000,"accessToken":"eyJ0eXAiYS0wNDgwYTIwY2NmYmYiLCJhcHBpZGFjciI6IjAiLCJmYW1pbHlfbmFtZSI6IlR3aW5hIiwiZ2l2ZW5fbmFtZSI6Illhbml2IiwiaXBhZGRyIjoiNxMC4xNDkiLCJuYW1lIjoiWWFuaXYgVHdpbmEiLCJvaWQiOiJhNTViMjQyMy00MGZiLTRkYjQtODk0Mi02Zjg5OTBjYjE0ZmGF0ZiI6IjEiLCJwdWlkIjoiMTAwMzIwMDA4RkI1MDQ4NyIsInNjcCI6Ik1haWwuUmVhZCBvcGVuaWQgcHJvZmlsZSBVc2VyLlci5SZWFkQmFzaWMuQWxsIGVtYWlsIiwic2lnbmluX3N0YXRlIjpbImttc2kiXSwic3ViIjoiZmc5WXdIMDMwc3RRUkMzV19NMDhiRXFfRW5BeTc0ZGg4RWpScyIsInRlbmFudF9yZWdpb25fc2NvcGUiOiJFVSIsInRpZCI6IjJiZTJhMjM5LTNiNzEtNG3LWY4NmQ1OWUxNjZlMCIsInVuaXF1ZV9uYW1lIjoiWVR3aW5hQGlhaS5jby5pbCIsInVwbiI6IllUd2luYUBpYWkuY28uOiIzRlR1RkVlbG1raU9IUEVWbkNkT0FBIiwidmVyIjoiMS4wIiwieG1zX3N0Ijp7InN1YiI6IlZzLUwxNDV0c2kwX2YwWndQYmh1WGlIMWpQYTZoaGhiN2diNUZnWHhUZVkifSwieG1zX3RjZHQiOjE0NTE1NDMyNTl9.J9WGrG34tAs9zWF3hb5cfclWVyDSwbr082cMj1psaTqGf8SRl2Ji-ABc4mvD8AGo4nnLiH69J0M5oe9pi2041nymfqu6w_QZsg7QqPG24XnZ17SrBNOj8pyBI4i6dWL8QQM-k2cLGesKVl33h1qCo4IvKhzZFdxf6-NRIXsaP8-I-4oDCZD1n7vpSliJ5HSsp5Y3MhpF6IEzVgo4Drh2ZCwYuKLiWrEu6jG_kmXEmyOf0Fw"
,**"scope":{"scopeStr":"email mail.read user.read user.readbasic.all","scope":["email","mail.read","user.read","user.readbasic.all"]},**"expireOn":1594309417216}

내가 놓친 아이디어가 있습니까?

조이 왕 |

주석에서 언급했듯이이 링크의 아래 코드를 사용할 수 있으며 캐시 된 토큰을 가져 오거나 만료 된 토큰을 새로 고칠 수 있습니다. 현재 액세스 토큰이 만료 될 때 새 액세스 / 새로 고침 토큰 쌍을 가져 오는 데 새로 고침 토큰이 사용되므로 새로 고침 토큰을 가져올 필요가 없습니다.

 try {
        // Try to get cached token or refresh an expired ones
        let tokens = await azureAuth.auth.acquireTokenSilent({scope: 'Mail.Read', userId: this.state.userId})
        if (!tokens) {
            // No cached tokens or the requested scope defines new not yet consented permissions
            // Open a window for user interaction
            tokens = await azureAuth.webAuth.authorize({scope: 'Mail.Read'})
        }
        let mails = await azureAuth.auth.msGraphRequest({token: tokens.accessToken, path: '/me/mailFolders/Inbox/messages'})
    } catch (error) {
      console.log(error)
    } 

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Azure APIM 새 개발자 포털에서 Azure AD 로그인 사용

분류에서Dev

조직 ID를 사용하여 Azure 로그인 (동기화 된 Azure AD에서)

분류에서Dev

이전에 입력 한 사용자 인증 정보로 앱 로그인 (Firebase를 사용하는 React Native)

분류에서Dev

React Native + AWS Cognito를 사용한 FB 로그인

분류에서Dev

React Native-사용자가 성공적으로 로그인 한 후 왼쪽 메뉴 표시 줄에서 로그인 버튼 숨기기

분류에서Dev

Windows 인증을 사용하여 Azure Active Directory에 로그온

분류에서Dev

React Native에서 사용 가능한 디스크 공간 확인

분류에서Dev

사용자 로그인없이 Azure 앱에서 액세스 토큰

분류에서Dev

Hooks로 React Native에서 refs를 사용하는 방법?

분류에서Dev

React Native에서 FormData를 사용하여 비디오 업로드

분류에서Dev

다른 Azure AD 세션에서 캐시 된 ADAL Azure AD 인증 사용자의 로그인

분류에서Dev

React Native : Facebook 로그인을 사용할 때 Android에서 독립형, Expo 빌드 앱이 충돌 함 (iOS에서 작동)

분류에서Dev

React Native 앱에서 Symfony 서버로 Facebook 로그인

분류에서Dev

Azure에서 SqlMembership 공급자로 폼 인증을 사용하여 ASP.NET 웹 응용 프로그램 연결

분류에서Dev

AWS Amplify currentAuthenticatedUser는 React Native에서 FB 로그인 후 null이지만 앱이 다시로드되면 currentAuthenticatedUser가 유효한 사용자를 반환합니다.

분류에서Dev

React Native-React-native 앱에서 (react-native-webview) webview 구성 요소로 Firebase 인증 사용자 세션을 유지하는 방법은 무엇입니까?

분류에서Dev

React Native를 사용하는 Instagram 로그인의 경우 잘못된 Redirect_uri

분류에서Dev

React Native를 사용하는 Instagram 로그인의 경우 잘못된 Redirect_uri

분류에서Dev

Xamarin을 사용하여 Azure 모바일 서비스 자동 로그인

분류에서Dev

Android 용 React Native를 사용하여 번들 패키지에서 JS / CSS로드

분류에서Dev

사용자 로그인에 실패했습니다. Azure SQL의 오류 18456

분류에서Dev

하나의 데이터베이스에 대한 Azure SQL 사용자 로그인

분류에서Dev

null을 반환하는 React Native에서 Apple에 로그인

분류에서Dev

Microsoft Azure AD 로그인 프로세스에서 사용자 계정 이름을 가져 오는 방법

분류에서Dev

매개 변수를 사용하여 React Native 연결로 React Native에서 pwa 앱 열기

분류에서Dev

AWS Amplify를 사용하여 React Native에서 S3로 업로드

분류에서Dev

Android에서 React-native Facebook 로그인 충돌

분류에서Dev

Sencha Touch Azure 모바일 서비스 사용자 지정 로그인 사용자 설정 방법?

분류에서Dev

React를 사용하여 한 페이지에 로그인 및 등록

Related 관련 기사

  1. 1

    Azure APIM 새 개발자 포털에서 Azure AD 로그인 사용

  2. 2

    조직 ID를 사용하여 Azure 로그인 (동기화 된 Azure AD에서)

  3. 3

    이전에 입력 한 사용자 인증 정보로 앱 로그인 (Firebase를 사용하는 React Native)

  4. 4

    React Native + AWS Cognito를 사용한 FB 로그인

  5. 5

    React Native-사용자가 성공적으로 로그인 한 후 왼쪽 메뉴 표시 줄에서 로그인 버튼 숨기기

  6. 6

    Windows 인증을 사용하여 Azure Active Directory에 로그온

  7. 7

    React Native에서 사용 가능한 디스크 공간 확인

  8. 8

    사용자 로그인없이 Azure 앱에서 액세스 토큰

  9. 9

    Hooks로 React Native에서 refs를 사용하는 방법?

  10. 10

    React Native에서 FormData를 사용하여 비디오 업로드

  11. 11

    다른 Azure AD 세션에서 캐시 된 ADAL Azure AD 인증 사용자의 로그인

  12. 12

    React Native : Facebook 로그인을 사용할 때 Android에서 독립형, Expo 빌드 앱이 충돌 함 (iOS에서 작동)

  13. 13

    React Native 앱에서 Symfony 서버로 Facebook 로그인

  14. 14

    Azure에서 SqlMembership 공급자로 폼 인증을 사용하여 ASP.NET 웹 응용 프로그램 연결

  15. 15

    AWS Amplify currentAuthenticatedUser는 React Native에서 FB 로그인 후 null이지만 앱이 다시로드되면 currentAuthenticatedUser가 유효한 사용자를 반환합니다.

  16. 16

    React Native-React-native 앱에서 (react-native-webview) webview 구성 요소로 Firebase 인증 사용자 세션을 유지하는 방법은 무엇입니까?

  17. 17

    React Native를 사용하는 Instagram 로그인의 경우 잘못된 Redirect_uri

  18. 18

    React Native를 사용하는 Instagram 로그인의 경우 잘못된 Redirect_uri

  19. 19

    Xamarin을 사용하여 Azure 모바일 서비스 자동 로그인

  20. 20

    Android 용 React Native를 사용하여 번들 패키지에서 JS / CSS로드

  21. 21

    사용자 로그인에 실패했습니다. Azure SQL의 오류 18456

  22. 22

    하나의 데이터베이스에 대한 Azure SQL 사용자 로그인

  23. 23

    null을 반환하는 React Native에서 Apple에 로그인

  24. 24

    Microsoft Azure AD 로그인 프로세스에서 사용자 계정 이름을 가져 오는 방법

  25. 25

    매개 변수를 사용하여 React Native 연결로 React Native에서 pwa 앱 열기

  26. 26

    AWS Amplify를 사용하여 React Native에서 S3로 업로드

  27. 27

    Android에서 React-native Facebook 로그인 충돌

  28. 28

    Sencha Touch Azure 모바일 서비스 사용자 지정 로그인 사용자 설정 방법?

  29. 29

    React를 사용하여 한 페이지에 로그인 및 등록

뜨겁다태그

보관