Bloco padrão destinado para realizar o cadastro de um novo usuário. Este bloco chama internamente o bloco Validação para Cadastro de Usuário, responsável por validar as informações de cadastro do novo usuário.
Figura 1 - Bloco Registre-se
As aplicações padrão do Cronapp utilizam esse bloco na função SignUp
do arquivo blockly UserControl nas aplicações Web (Localização: Bloco de Programação/Web/UserControl
) e Mobile (Localização: Bloco de Programação/Mobile/auth/UserControl
).
Compatibilidade
- Bloco cliente: cronapi.authentication.signup()
Retorno
Bloco sem retorno.
Parâmetros
Nome do usuário
Nome do usuário para cadastro.
- Posição: 1
- Inglês: Username
- Tipo: Texto / String
- Exemplo: "user"
E-mail
E-mail do usuário para cadastro.
- Posição: 2
- Inglês: Email
- Tipo: Texto / String
- Exemplo: "user@gmail.com"
Senha
Senha do usuário a ser cadastrado.
- Posição: 3
- Inglês: Password
- Tipo: Texto / String
- Exemplo: "minh@Senha"
Confirmação de Senha
Confirmação de senha do usuário a ser cadastrado.
- Posição: 4
- Inglês: Confirm Password
- Tipo: Texto / String
- Exemplo: "minh@Senha"
Exemplo
Por padrão, os projetos criados no Cronapp, utilizam o bloco Registre-se através da página singup (Localização: Formulários/Web/Público/
). Ao acessar essa página pelo Editor de views, percebemos que os 4 componentes Entradas de texto possui uma propriedade Valor (ng-model
) específica: "signupUsername.value
" para Nome do usuário, "signupEmail.value
" para o E-mail, "signupPassword.value
" para a senha e "signupConfirmPassword.value
" para a Confirmação da senha.
Figura 2 - Componentes visuais da tela signup
A Figura 3 mostra um exemplo de uso do bloco Registre-se. Ao clicar no botão "Cadastrar" (Figura 3.1) a função abaixo será executada e os valores (ng-model
) dos campos serão passados como parâmetro da função.
Figura 3 - Exemplo de uso do bloco Registre-se
A imagem a seguir mostra uma tela para cadastro de um novo usuário. Após preencher todos os campos e clicar no botão "Cadastrar" a função da Figura 3 é executada. Se todos os campos estiverem preenchidos corretamente é exibida uma notificação de que o usuário foi registrado com sucesso.
Figura 3.1 - Resultado exibido a partir das configurações da Figura 3
Após o cadastro é possível que o novo usuário faça login na aplicação. A imagem abaixo mostra a tela de usuários da aplicação contendo o novo usuário cadastrado.
Figura 4 - Tela de usuários cadastrados na aplicação