Pular para o conteúdo principal

Atualizar atributos do usuário, por exemplo, número de telefone do usuário

✅ Propósito do cenário:

  • O usuário se autentica com um login e senha
  • Insere um novo número de telefone no campo de telefone
  • Salva os dados do usuário no cms OneEntry

✅ O que você precisa:

  • Uma PROJECT_URL e APP_TOKEN válidos para autenticação com a API OneEntry.
  • Formulário de registro com marcador "reg"
  • Campos do formulário (atributos) com marcadores "email_reg", "password_reg", "name_reg", "phone_reg"
  • E-mail/número de telefone válido para receber o código de ativação

📌 Importante:

  • Não tratamos erros nestes exemplos.
  • Você pode tratar erros em trycatch ou em uma construção como "await Promise.catch((error) => error)"

Cenário

1. Importar oneEntry e definir url e token

Exemplo:

import { defineOneEntry } from 'oneentry';

const PROJECT_URL = 'sua-url-do-projeto';
const APP_TOKEN = 'seu-token-do-app';

2. Criando um cliente API com a função defineOneEntry()

Exemplo:

const { Forms, FormData } = defineOneEntry(PROJECT_URL, {
token: APP_TOKEN,
});

3. Formando authData e autenticando o usuário com AuthProvider.auth()

Dados:

[
{
"marker": "email_reg",
"value": "seu-usuario@email.com"
},
{
"marker": "password_reg",
"value": "123456"
}
]

Exemplo:

const authResponse = await AuthProvider.auth('email', {
authData,
});
Resultado:
{
"userIdentifier": "seu-usuario@email.com",
"authProviderIdentifier": "email",
"accessToken": "eyJhbGciOiJIUzI1NiIsInR...pZCI6MTYsImF1dGhQ"
"refreshToken": "1745494429101-...-2834edf8"
}

4. Obter usuário para gerar formulário frontend com Users.getUser()

Exemplo:

const user = await Users.getUser();
Resultado:
{
"id": 33,
"identifier": "seu-usuario@email.com",
"authProviderIdentifier": "email",
"formData": [
{
"marker": "name_reg",
"type": "string",
"value": "NomeDoUsuario"
},
{
"marker": "phone_reg",
"type": "string",
"value": "+18007986545"
},
{
"marker": "email_notification_reg",
"type": "string",
"value": "seu-usuario@email.com"
}
],
"formIdentifier": "reg",
"groups": [],
"state": {}
}

5. Atualizar usuário com Users.updateUser()

Dados:

{
"formIdentifier": "reg",
"authData": [
{
"marker": "password_reg",
"value": "123456"
}
],
"formData": {
"pt_BR": [
{
"marker": "name_reg",
"type": "string",
"value": "NomeDoUsuario"
},
{
"marker": "email_notification_reg",
"type": "string",
"value": "seu-usuario@email.com"
},
{
"marker": "phone_reg",
"type": "string",
"value": "+19258382551"
}
]
},
"notificationData": {
"email": "seu-usuario@email.com",
"phonePush": [
"+19258382551"
],
"phoneSMS": "+19258382551"
},
"langCode": "pt_BR"
}

Exemplo:

const updateUser = await Users.updateUser(body);
Resultado:
true

6. Obter usuário com Users.getUser()

Exemplo:

const userData = await Users.getUser();
Resultado:
{
"id": 33,
"identifier": "seu-usuario@email.com",
"authProviderIdentifier": "email",
"formData": [
{
"marker": "name_reg",
"type": "string",
"value": "NomeDoUsuario"
},
{
"marker": "email_notification_reg",
"type": "string",
"value": "seu-usuario@email.com"
},
{
"marker": "phone_reg",
"type": "string",
"value": "+19258382551"
}
],
"formIdentifier": "reg",
"groups": [],
"state": {}
}

Exemplo final

// 1. Importar oneEntry e definir PROJECT_URL e APP_TOKEN
import { defineOneEntry } from 'oneentry';

const PROJECT_URL = 'sua-url-do-projeto';
const APP_TOKEN = 'seu-token-do-app';

// 2. Criando um cliente API:
const { AuthProvider, Users } = defineOneEntry(PROJECT_URL, {
token: APP_TOKEN,
});

// 3. Formando authData e autenticando o usuário com AuthProvider.auth()
const emailReg = 'seu-usuario@email.com';
const authData = [
{
marker: 'email_reg',
value: emailReg,
},
{
marker: 'password_reg',
value: '123456',
},
];
const authResponse = await AuthProvider.auth('email', {
authData,
});

// 4. Obter usuário para gerar formulário frontend com Users.getUser()
const user = await Users.getUser();

// 5. Atualizar usuário com Users.updateUser()
const newPhone = '+79258382551';
const body = {
formIdentifier: 'reg',
authData: [
{
marker: 'password_reg',
value: '123456',
},
],
formData: [
...user.formData.filter(
(d: { marker: string }) => d.marker !== 'phone_reg',
),
{
marker: 'phone_reg',
type: 'string',
value: newPhone,
},
],
notificationData: {
email: emailReg,
phonePush: [newPhone],
phoneSMS: newPhone,
},
};
const updateUser = await Users.updateUser(body);
console.log(updateUser);

// 6. Obter usuário com Users.getUser()
const userData = await Users.getUser();
console.log(userData);