Stacks-wallet-web: [연결] 모바일에서 로그인 실패

@friedger 보고서에 감사드립니다!

몇 가지 조사를해야합니다. 교차 출처 postMessage 에 모바일 문제가 있어도 놀라지 않을 것입니다. 콜백이 실행되지 않아도 redirectURL 매개 변수가 계속 작동합니까? 그렇지 않다면 그것은 확실히 버그입니다.

콜백이 실행되지 않아도 redirectURL 매개 변수가 계속 작동합니까?

여기서 무슨 뜻인지 잘 모르겠습니다. 어떻게 확인할 수 있습니까?

다음 문서를 참조 하세요 :

redirectTo 옵션을 포함 할 수 있습니다. 콜백이 실패하면 현재 blockstack.js의 작동 방식과 마찬가지로 authResponse 매개 변수를 사용하여 사용자를 redirectTo 로 리디렉션해야합니다.

@hstove 는 버그 자체를 수정하는 대신 추가 마이그레이션 지침을 제공하는 문제입니까?

이는 위에 추가 한 지원 사용자가 보낸 것이지만 다음 단계에서 응답을받지 못했습니다. 이것은 coronatracker 앱에 영향을 미치고 있습니다.

안녕하세요 Blockstack 지원,

CoronaTracker (https://coronatracker.me/)를 개발하고있는 문제를 해결할 수 있는지 확인하기 위해 귀하의 방법을 보냈습니다. 며칠 전 모바일에서 로그인하는 데 문제가 있었기 때문에이 문제를 https://github.com/blockstack/ux/issues/300에 제출했습니다.

Chrome iOS에서-전혀 로그인 할 수 없습니다.
Safari iOS에서-몇 번의 시도 후에 만 ​​로그인 할 수있었습니다.

이것이 우리쪽에 있다고 생각하지 않습니다. 그러나 그것이 무엇인지에 대한 아이디어가 있다면 알려주세요. 이 문제가 해결 된 경우 문제 해결에 필요한 단계를 보내 주시겠습니까?

예, 여기서 수정 한 사항은 페이지로드시 앱 내에서 일반적인 userSession.handlePendingSignIn() 흐름을 구현해야한다는 것입니다. Connect가이 작업을 자동으로 수행하도록 할 수 있지만 이것이 최선의 아이디어라고 100 % 확신하지는 않습니다. 그 아이디어에 대한 피드백을 고맙게 생각하지만 그동안 앱에서 수동으로 구현하여 최대한 빨리 수정하는 것이 좋습니다.

그래서 저는 여전히 Blockstack을 처음 접했습니다. 모바일에서 완전히 새로운 창을 여는 "전통적인"방식으로 Blockstack 인증을 처리해야한다고 말하는 건가요? 또는 Connect 및 handlePendingSignIn() 흐름을 모바일 용으로 함께 사용하여 사용자가 모바일 또는 데스크톱에서 동일한 경험을 갖도록하는 방법이 있습니까?

여기서 수정 한 것은 페이지로드시 앱 내부에서 일반적인 userSession.handlePendingSignIn () 흐름을 구현해야한다는 것입니다.

로드시 명시 적으로 handlePendingSignIn 를 호출 한 앱에서도 문제가 Connect에 남아 있다는 피드백을 받았습니다. handlePendingSignIn 가 두 번 이상 호출되어이 문제를 설명 할 수 있습니까?

그래서 저는 여전히 Blockstack을 처음 접했습니다. 모바일에서 완전히 새로운 창을 여는 "전통적인"방식으로 Blockstack 인증을 처리해야한다고 말하는 건가요? 또는 Connect 및 handlePendingSignIn () 흐름을 모바일 용으로 함께 사용하여 사용자가 모바일 또는 데스크톱에서 동일한 경험을 갖도록하는 방법이 있습니까?

@SomeMoosery , 예, 대부분의 모바일 브라우저에서 '전통적인 방식'으로 처리해야합니다. 이는 모바일 브라우저가 원래 앱과 팝업간에 수행하는 교차 출처 메시징을 지원하지 않기 때문입니다. 예전처럼 리디렉션 기반 인증을 지원하는 대체 방법이 있습니다.

로드시 handlePendingSignIn을 명시 적으로 호출 한 앱에서도 문제가 Connect에 남아 있다는 피드백을 받았습니다. 이 문제는 handlePendingSignIn이 두 번 이상 호출되어 설명 될 수 있습니까?

@njordhov 의 예가 있습니까?

이 문제는 handlePendingSignIn이 두 번 이상 호출되어 설명 될 수 있습니까?

@njordhov 의 예가 있습니까?

모바일 로그인 실패는 handlePendingSignIn 두 번 이상 호출하는 앱으로 설명되지 않습니다.

CoronaTracker 앱은 Connect가 초기화되기 전에 handlePendingSignIn 콜백을 설정하는 react-blockstack 패키지를 사용합니다. 나는 이것이 충돌을 일으킬 수 있다고 생각했지만 CoronaTracker 개발자는 react-blockstack 초기화를 비활성화하여이 가설을 테스트했으며 아무런 차이가 없었습니다. Connect 로그인은 여전히 react-blockstack 초기화없이 모바일에서 실패했습니다. react-blockstack 패키지를 사용하지 않는 앱.

BTW : handlePendingSignIn 실제로 한 번에 둘 이상의 콜백을 지원합니까? 그렇지 않으면 인증 상태 변경에 대한 여러 구독이있을 수 있습니다.

Connect 팀이 모바일에서 로그인 실패 문제를 재현 할 수 있었습니까? Banter를 사용할 때 모바일에서 여전히 로그인이 실패한다고 들었습니다.

AuthOptions redirectTo 매개 변수가 있어도 모바일 로그인이 작동하지 않습니다.
나는 그것이 있기 때문에 생각 didSendMessageBack 에서 finalizeAuthResponse 이하로 설정 될 수 true 짝수 경우 source.postMessage 성공하지 못합니다.
https://github.com/blockstack/ux/blob/f1921a7b109afb6c149e5f67df33ef52867cab96/packages/app/src/common/utils.ts#L53 -L78

좋은 캐치 @muneebm . 어떻게 고칠 수 있을지 아이디어가 있습니다.

@friedger @muneebm @njordhov @SomeMoosery

안녕하세요, Android Chrome에서 모바일 연결 로그인을 통해 문제가 해결 된 것 같습니다.

아래 링크의 비디오를보고 다른 것이 필요한지 알려주십시오. 아니면이 문제를 해결할 수 있습니까?

http://somup.com/cYhIoXjrET

흥미롭게도, 특히 당신이 따라 간 링크는 CoronaTracker 앱의 오래된 빌드에서 온 것이기 때문에 우리 쪽에서 어떤 것도 원인이 아니었을 것입니다. 하지만 Blockstack 내의 상태를 확신 할 수 없습니다. :)

안녕하세요.
때로는 작동하지만 항상 그런 것은 아닙니다.

xordrive :
https://xordrive.muneeb.now.sh/?p=stxconnect.id.blockstack_daa6bcc3-91c2-490e-b322-3db9c3fee4de

이 문제에 첨부 된 PR 데모 앱 :
https://xordrive.muneeb.now.sh/?p=stxconnect.id.blockstack_3a24fc92-baaf-4ae9-af6d-5d207d5a5d6b

@hstove @timstackblock이 다시 작동하지 않는 것 같습니다.

한 번 볼게요

@markmhx 및 @hstove 안녕하세요. 로그인이 모바일에서 작동하지 않습니다. 아래 BlockSurvey의 authOptions를 첨부하고 있습니다. 변경해야 할 사항이 있으면 알려주십시오. 감사.

let authOptions = {
  redirectTo: '/dashboard',
  manifestPath: '/manifest.json',      
  sendToSignIn: false,
  userSession: this.userSession,
  appDetails: {
    name: 'BlockSurvey',
    icon: 'https://blocksurvey.io/assets/images/logo/blocksurvey-logo-login.svg'
  },
  finished: ({ userSession }) => {        
    window.location = "https://blocksurvey.io/dashboard";
  }
};

@BlockSurvey @muneebm 여기에 리디렉션 대체를 지원하는 최신 문서가 있습니다. https://docs.blockstack.org/develop/connect/overview.html

@hstove , 회신 해 주셔서 감사합니다.

아래 코드를 첨부하여 폴 백도 있습니다. 완료된 콜백을 사용하면 리디렉션이 고려되지 않는 것으로 나타났습니다. 따라서 아래 코드가 실행되지 않기 때문에 리디렉션이 발생하지 않습니다. 감사.

// BS 로그인 모듈
if (this.userSession.isSignInPending ()) {

  // If it is in progress
  this.userSession.handlePendingSignIn()
    .then((userData) => {
      // Always redirect to dashboard
      window.location = <any>(Constants.DOMAIN_URL + "/dashboard");
    });
}

내 handlePendingSignIn () 후에 리디렉션 중이며 동일한 문제가 발생합니다. 내 더 큰 문제는 모바일에서 앱이 닫히고 원래 통화 창으로 돌아 가지 않고 새 팝업 창에 유지된다는 것입니다.

대지:
https://webby-daily.runkodapps.com/

비디오 / 데모 :
https://photos.app.goo.gl/YmBtn3RaV6NfivqD9

mounted() { if (userSession.isUserSignedIn()) { this.setProfile(); } else if (userSession.isSignInPending()) { userSession.handlePendingSignIn().then(() => { this.setProfile(); // window.location = window.location.href.split("?")[0]; }); } ...