Stacks-wallet-web: Garanta a disponibilidade dos dados do perfil do usuário

Criado em 3 abr. 2020  ·  10Comentários  ·  Fonte: blockstack/stacks-wallet-web

userData de userSession.loadUserData () não funciona da mesma forma que os métodos blockstack.js legados.
Com a autenticação anterior, eu poderia let person = new blockstack.Person(userData) obter dados de perfil de 'nome' e 'avatar' definidos pelo navegador. ou seja, person.name() e person.avatarUrl() .

Com conectar, o processo acima retorna null para person.name () e person.avatarUrl (), mesmo se eles existirem.

Esta é uma regressão para aqueles aplicativos que desejam permitir alguma aparência de personalização.

🐛 Bug!

Todos 10 comentários

O problema é que o navegador de blockstack legado retorna o perfil no token authReponse obtido do URL do perfil, enquanto o novo app / autenticador de blockstack não faz essa consulta.

Os aplicativos que ainda desejam ver o perfil de um usuário devem chamar o perfil de pesquisa (http://blockstack.github.io/blockstack.js/globals.html#lookupprofile), eu acho.

loadUserData ainda faz o mesmo, carrega os dados do usuário que estão disponíveis no cache local (localstorage) fornecido pelo autenticador.

Curiosamente, para aplicativos que solicitam publish_data o autenticador de conexão retorna o perfil.

@hstove pensa em adicionar este suporte novamente para aplicativos de um jogador?

@friedger usando lookupProfile ainda não dá acesso a name () e avatarUrl () necessários para personalização.

@dantrevino lookupProfile retorna uma promessa de um perfil com a propriedade name e image[i].contentUrl se fornecido pelo usuário.

@friedger , não estou vendo. o que estou perdendo?

          const userData = userSession.loadUserData();
          const profile = blockstack.lookupProfile(userData.username);
          console.log("profile loaded: ", profile);

profile loaded: _proto__: Promise constructor: ƒ Promise() then: ƒ then() catch: ƒ catch() finally: ƒ finally() Symbol(Symbol.toStringTag): "Promise" __proto__: Object <strong i="9">@type</strong>: "Person" <strong i="10">@context</strong>: "http://schema.org" apps: {http://localhost:8080: "https://gaia.blockstack.org/hub/1AdqWQnAMsb8uQsrZy96G2P7HYd1zkpMnr/", https://reclaim.gg: "https://gaia.blockstack.org/hub/1PcbTDbgybtTjkETvo9j5jr92VFKJ4rwWC/", https://boom-money-daily.runkodapps.com: "https://gaia.blockstack.org/hub/19wdVbKFyNqVVSuJf8ppt8P92LjUMdJjpz/", https://noteriot-daily.runkodapps.com: "https://gaia.blockstack.org/hub/1Br9sxhdSw6xQJ3x8vvQNkuAz5X5oAq7a5/", https://runkod.com: "https://gaia.blockstack.org/hub/1NpdmvGsNyisR56CUiZHfZHnZukMYiSjJ5/", …} api: {gaiaHubConfig: {…}, gaiaHubUrl: "https://hub.blockstack.org"} __proto__: constructor: ƒ Object() __defineGetter__: ƒ __defineGetter__() __defineSetter__: ƒ __defineSetter__() hasOwnProperty: ƒ hasOwnProperty() __lookupGetter__: ƒ __lookupGetter__() __lookupSetter__: ƒ __lookupSetter__() isPrototypeOf: ƒ isPrototypeOf() propertyIsEnumerable: ƒ propertyIsEnumerable() toString: ƒ toString() valueOf: ƒ valueOf() toLocaleString: ƒ toLocaleString() get __proto__: ƒ __proto__() set __proto__: ƒ __proto__()

Para detalhes de perfil ausentes, consulte https://github.com/blockstack/ux/issues/322

Enviei uma correção para o autenticador - houve alguns problemas em que não estávamos obtendo corretamente o perfil antes de authResponse . Tente novamente e entre em contato se encontrar o mesmo problema.

@hstove fyi, isso ainda não está funcionando usando os métodos de classe. Certifiquei-me de que meu perfil tem um nome e avatar:

https://gaia.blockstack.org/hub/1JE8MjzuSi19cBifCvrbsyAjx8PvwhakZp/profile.json

meu método de login:

    signIn() {
      const authOptions = {
        // The URL you want the user to be redirected to after authentication.
        redirectTo: "/wallet",
        manifestPath: "/manifest.json",
        sendToSignIn: true,
        finished: ({ userSession }) => {
          this.logInUser(userSession);
        },
        appDetails: {
          name: "Boom.Webby",
          icon: `${location.origin}/app-icon.png`,
        },
      };
      authenticate(authOptions);
    },

logInUser ():

  logInUser(context, session) {
    console.log("user session: ", session);
    let userData = session.loadUserData();
    let person = new blockstack.Person(userData);
    userData.name = person.name();
    userData.avatar = person.avatarUrl();
    userData.authenticated = true;
    console.log("userData: ", userData);
    context.dispatch("setUser", userData);
  },

e a saída de console.log () .. observe que o nome e o avatar ainda são null ao usar os métodos de classe:

{username: "fibonacci.id", profile: {…}, email: null, decentralizedID: "did:btc-addr:1JE8MjzuSi19cBifCvrbsyAjx8PvwhakZp", identityAddress: "1JE8MjzuSi19cBifCvrbsyAjx8PvwhakZp", …}
appPrivateKey: (...)
authResponseToken: (...)
authenticated: (...)
avatar: null
coreSessionToken: (...)
decentralizedID: (...)
email: (...)
gaiaAssociationToken: (...)
hubUrl: (...)
identityAddress: (...)
name: null
profile: (...)
username: (...)

No entanto, quando vejo blockstack-session no armazenamento local, os adereços de nome e imagem estão lá.

userData: {username: "fibonacci.id", profile: {<strong i="21">@type</strong>: "Person", <strong i="22">@context</strong>: "http://schema.org",…}, email: null,…}
appPrivateKey: "..."
.
.
.
profile: {<strong i="23">@type</strong>: "Person", <strong i="24">@context</strong>: "http://schema.org",…}
.
.
.
image: [{<strong i="25">@type</strong>: "ImageObject", name: "avatar",…}]
name: "Fibonacci"
username: "fibonacci.id"
version: "1.0.0"

Eu não vejo isso. o que estou perdendo?

@dantravino, o problema aqui é que lookupProfile retorna uma promessa, e você não está usando await . Então, o que você está recebendo de volta é uma promessa.

Obrigado por acompanhar o problema que ainda persiste quando você usa a classe Person - vou dar uma olhada nisso.

Ei @dantravino - parece que você precisa apenas chamar new Person(userData.profile) , em vez de new Person(userData) . Talvez tenha funcionado diferente para você antes? Mas isso está de acordo com a documentação aqui:

https://blockstack.github.io/blockstack.js/index.html#quickstart -build-an-application

Esta página foi útil?
0 / 5 - 0 avaliações