Login do User, a Nova Funcionalidade para a tua App GoodBarber
Escrito por Arianna Testi na
As Beautiful Apps da GoodBarber estão a tornar-se cada vez mais sociais.
A nova funcionalidade do User Login é o primeiro passo para um produto que se pretende cada vez mais social. A partir de agora, a tua aplicação irá apresentar não apenas a tua voz e ideias mas também as dos teus utilizadores.
Na nova loja de Add-Ons vais poder ver dois novos recursos sociais que iremos lançar muito em breve: Comunidade e o Grupo Social. Mas hoje, vou apresentar-vos a "mãe" destas 2 funcionalidades: a excelente Autentificação do Utilizador e a Página de Perfil.
Ouviste bem! Agora é possível restringir o acesso à tua app para os utilizadores registados.
Existe tanto para te mostrar, como tal, não vamos perder mais tempo e vamos lá começar a apresentar o que é que os nossos designers e programadores criaram que tanto nos entusiasma.
A nova funcionalidade do User Login é o primeiro passo para um produto que se pretende cada vez mais social. A partir de agora, a tua aplicação irá apresentar não apenas a tua voz e ideias mas também as dos teus utilizadores.
Na nova loja de Add-Ons vais poder ver dois novos recursos sociais que iremos lançar muito em breve: Comunidade e o Grupo Social. Mas hoje, vou apresentar-vos a "mãe" destas 2 funcionalidades: a excelente Autentificação do Utilizador e a Página de Perfil.
Ouviste bem! Agora é possível restringir o acesso à tua app para os utilizadores registados.
Existe tanto para te mostrar, como tal, não vamos perder mais tempo e vamos lá começar a apresentar o que é que os nossos designers e programadores criaram que tanto nos entusiasma.
Onde os poderás encontrar?
Se já leste o artigo relacionado com a nova loja de Add-Ons da GoodBarber, a partir de agora todos os recursos adicionados na plataforma GoodBarber vão ser apresentados na nossa nova loja online onde poderás adicioná-los à tua app quando precisares deles.
Ao clicar em "Mais informações" sobre o visor da funcionalidade, podes entrar na página detalhada que irá dar-te todas as informações sobre as novas seções antes mesmo de as adicionares.
De seguida, para poderes usufruir desta funcionalidade, só tens de clicar no botão verde [+Gratuito]. Lembra-te que este recurso só está disponível no plano avançado.
Ao clicar em "Mais informações" sobre o visor da funcionalidade, podes entrar na página detalhada que irá dar-te todas as informações sobre as novas seções antes mesmo de as adicionares.
De seguida, para poderes usufruir desta funcionalidade, só tens de clicar no botão verde [+Gratuito]. Lembra-te que este recurso só está disponível no plano avançado.
Como funcionam?
Depois de ativava a funcionalidade de autentificação do utilizador através do Add-On, serás automaticamente redireccionado para o menu App, onde uma dica verde irá aparecer e mostrar-te as novas seções que foram adicionadas à tua app.
No menu à direita outra dica irá alertar-te de quatro novos menus que foram adicionados ao teu back office.
No menu à direita outra dica irá alertar-te de quatro novos menus que foram adicionados ao teu back office.
As novas seções adicionadas chamam-se: Login e Perfil.
A Caixa de Login não é uma seção real mas sim um filtro/camada e por isso é que não é possível arrastá-lo, movê-lo como acontece com outras seções.
Esta camada ofere 3 modelos diferentes com diferentes ferramentas de personalização e uma exibição alternativa do sign-up / informações do login.
A Caixa de Login não é uma seção real mas sim um filtro/camada e por isso é que não é possível arrastá-lo, movê-lo como acontece com outras seções.
Esta camada ofere 3 modelos diferentes com diferentes ferramentas de personalização e uma exibição alternativa do sign-up / informações do login.
A seção perfil, além de todas as ferramentas do projeto dos users, oferece um recurso interessante que te dá a opção de separar a página de perfil do modo de navegação.
O visor do perfil irá depender do tipo de modo de navegação, por exemplo:
- Para o modo Swipe ou Little Swipe, a seção de perfil fica no menu mas com um look diferente. Em vez do ícone irá aparecer a imagem de perfil do user.
- Para o modo TabBar, Typo and Large Typo, o ícone de profile irá aparecer no topo direito do canto da app.
- Para o modo Grid e Slate, o perfil irá aparecer na parte inferior da tela.
Aqui podes ver algumas imagens...
O visor do perfil irá depender do tipo de modo de navegação, por exemplo:
- Para o modo Swipe ou Little Swipe, a seção de perfil fica no menu mas com um look diferente. Em vez do ícone irá aparecer a imagem de perfil do user.
- Para o modo TabBar, Typo and Large Typo, o ícone de profile irá aparecer no topo direito do canto da app.
- Para o modo Grid e Slate, o perfil irá aparecer na parte inferior da tela.
Aqui podes ver algumas imagens...
Os Novos Menus
Agora que te mostrei como é que as páginas de Login e o Perfil se apresentam dentro da app, está na hora de perceber como é que podes configurar as informações de perfil, as restrições da app e, mais importante, onde é que poderás encontrar as informações sobre os users.
Utilizadores > Público / Privado
Quando ativas a autentificação do utilizador no teu back office,nós, automaticamente, restringimos o acesso a toda a app. Se quiseres restringir o acesso apenas a algumas seções, tens de ir ao menu Público / Privado no teu back office e definir o acesso às seções que pretendes.
Definições > User
Neste menu, podes definir a opção "Registrar-te" como opção do Login e definir as informações que os teus users deverão inserir nos seus perfis.
Podes optar por autorizar os users e entrar na tua app caso estejas a criar uma app interna apenas para a tua empresa por exemplo, para permitir o login apenas para os teus colaboradores. Os utilizadores externos não podrão criar novos perfis sem a tua autorização.
Podes ainda optar por permitir o acesso à tua app sem forçar os utilizadores a fazer o login, permitindo que façam "skip" ao processo de registro.
Por último mas não menos importante, o login através do Facebook e Twitter. Esta opção é muito popular, é simples de configurar e será muito apreciada pelos teus users.
Podes optar por autorizar os users e entrar na tua app caso estejas a criar uma app interna apenas para a tua empresa por exemplo, para permitir o login apenas para os teus colaboradores. Os utilizadores externos não podrão criar novos perfis sem a tua autorização.
Podes ainda optar por permitir o acesso à tua app sem forçar os utilizadores a fazer o login, permitindo que façam "skip" ao processo de registro.
Por último mas não menos importante, o login através do Facebook e Twitter. Esta opção é muito popular, é simples de configurar e será muito apreciada pelos teus users.
Na segunda página deste menu, vais poder aceder às Configurações do Perfil onde poderás, tal como a seção de formulário, adicionar diferentes tipos de campos, bem como dar ao utilizador a opção de incluir o seu perfil social e imagem de perfil.
Lista de Users
Assim que esta funcionalidade for publicada na app e os teus users começarem a criar os seus perfis, poderás consultar a lista dos teus users, assim como os seus dados, na lista do Menu.
Através da mesma página, poderás manualmente, adicionar um novo perfil e muito brevemente, poderás importar a lista de perfis de forma automática.
Através da mesma página, poderás manualmente, adicionar um novo perfil e muito brevemente, poderás importar a lista de perfis de forma automática.
Agora que já sabes tudo, lembra-te que a experiência prática é a melhor do que qualquer lição tirada de um livro. Como tal, começa a arregaçar as mangas e começa a explorar esta nova Beautiful funcionalidade :)
Traduzido por Catarina Crespo