M3Cms

A classe M3Cms é usada para interagir com a API do CMS para obter os dados dos componentes que foram aplicados no CMS

Exemplo de utilização da classe M3Cms:

const m3CmsConfig = {
  locale: 'pt-BR',
  projectName: 'StoreXPTO',
  workspaceName: 'master',
  baseUrl: 'http://localhost:3333/api/v1',
};

const cms = new M3Cms(m3CmsConfig);

Construtor

Recebe em seu construtor um objeto do mesmo tipo declarado no arquivo M3Cms.config.*.

Visibilidades

Veja mais sobre as visibilidades aqui

Métodos

*.getCmsData

O método getCmsData é usado para obter os dados dos componentes do CMS com base em tags específicas e visibilidade passada. Os dados são obtidos através da API do CMS e retornados como um objeto contendo as props aplicadas nos componentes.

Exemplo de utilização do método getCmsData:

const tags = ['HomePage', 'FeaturedProducts'];
const visibility = [
  { key: 'global', value: 'global' },
  { key: 'product', value: 'pink-pants-blue' },
];

  try {
    const cmsData = await cms.getCmsData(tags, visibility);

    // Utilize os dados do CMS como necessário
    console.info(cmsData);
  } catch (error) {
    console.error('Erro ao obter os dados do CMS:', error);
  }

Exemplo response:

As chaves do objeto de retorno são as tags passadas como parâmetro para o método getCmsData. Os valores são objetos contendo as props aplicadas nos componentes.

{  
  Alert: {
    icon: 'Bell',
    link: { to: '/office', text: 'Compre aqui' },
    content: 'Novos textos',
    dismissible: true,
  },
  Button: { text: 'titulo legalzinho' },
};

Dica

Se por algum motivo voce precisar dos dados de um componente que nao seja para passar como props, voce pode usar para o achar necessário. Basta usa a tag.