API - Gerador de modelos 3D

Gerador de modelos 3D

Os endpoints de importação do gerador aceitam apenas solicitações de leitura entre servidores. Eles exigem os cabeçalhos padrão da API, o escopo embed:session:create e um plano ativo. A autorização de importação não cria uma sessão do editor nem consome sua cota mensal. A abertura do editor usa o mesmo contador monthlyEmbedTokenLimit das outras ferramentas incorporadas.

Encontrar e importar modelos com gerador

Use /model-generator/models para listar os modelos disponíveis com geradores. O descritor generator fixa projectId, revision, configurationId, templateRevision, productId e productModel3dId. Siga seu importPath para obter exatamente essa revisão de origem. Os manifestos de recursos de produto também expõem generators e o descritor generator de cada modelo. Os templates podem ser importados separadamente por configuração e revisão.

Filtros dos catálogos

A importação de um projeto contém document, revision, template e um manifesto files. Cada arquivo fornece um path em /v1/model-generator/; acrescente /public-api antes desse caminho ao baixá-lo do Alter Product. Copie os arquivos necessários para seu próprio armazenamento e substitua as referências de origem por referências locais. Importe manequins e bibliotecas de texturas pelos respectivos endpoints de catálogo; public-files é restrito aos caminhos de recursos permitidos, e os templates precisam passar pelas verificações de acesso de sua configuração e revisão.

Exemplo de solicitação (fetch)

// Server-side: uses alterFetch and authHeaders from the API connection guide.
const catalog = await alterFetch('/model-generator/models?' + new URLSearchParams({
  scope: 'all', limit: '24', offset: '0'
}));

const selected = catalog.items[0];
if (!selected?.generator) throw new Error('Select an available generator model');

const importPath = selected.generator.importPath;
if (!importPath.startsWith('/v1/model-generator/projects/')) {
  throw new Error('Invalid generator import path');
}
const bundle = await alterFetch(importPath.slice('/v1'.length));

for (const file of bundle.files) {
  if (!file.path.startsWith('/v1/model-generator/')) {
    throw new Error('Invalid generator file path');
  }
  const response = await fetch('https://alterproduct.com/public-api' + file.path, {
    headers: authHeaders,
    redirect: 'error'
  });
  if (!response.ok) throw new Error(`File download failed: ${response.status}`);
  const bytes = new Uint8Array(await response.arrayBuffer());
  // Persist bytes in your local storage; record the mapping from
  // file.sourceHref / file.href to the resulting local file reference.
}
// Persist bundle.document, bundle.template and revision metadata locally.
// Import the related product asset and its textures/mockups as needed:
const product = await alterFetch('/assets/products/' + selected.generator.productId);
const mannequins = await alterFetch('/model-generator/mannequins');
console.log({ product, mannequins });

Sessão do editor e armazenamento local

Crie a sessão do editor com tool: model-generator, um toolId numérico positivo que identifique o projeto local do gerador (não seu UUID nem o ID do produto WooCommerce) e a origem permitida da loja. Não envie designId, orderId, runtimeBindingId nem campos do carrinho para essa ferramenta. O UUID do projeto do gerador é um identificador separado. Transmita o token recebido pelo handshake do iframe; o bootstrap do runtime retorna o contexto do gerador com storageMode: wordpress_local.

// Server-side, after authorizing the merchant's access to this local project.
const localProjectId = 42; // Local generator project ID, not its UUID or WC product ID.
const session = await alterFetch('/embed/session', {
  method: 'POST',
  body: JSON.stringify({
    tool: 'model-generator',
    toolId: localProjectId,
    origin: 'https://yourstore.com'
  })
});

// The iframe receives session.token through ALTER_CUSTOMIZER_SESSION_READY.
// Do not put API credentials or the token in the iframe URL.
const bootstrapResponse = await fetch('https://alterproduct.com/public-api/v1/runtime/bootstrap', {
  headers: { Authorization: `Bearer ${session.token}` }
});
if (!bootstrapResponse.ok) throw new Error('Generator bootstrap failed');
const context = await bootstrapResponse.json();
console.log(context);

Exemplo de resposta

{
  "runtimeBindingId": null,
  "designId": null,
  "productId": 42,
  "toolId": 42,
  "runtimeType": "model-generator",
  "storageMode": "wordpress_local",
  "parentOrigin": "https://yourstore.com"
}

// Host page: WordPress returns a numeric toolId and a UUID in id.
const url = new URL('https://alterproduct.com/app/model-generator');
url.search = new URLSearchParams({
  embedded: '1',
  lng: 'en',
  parentOrigin: window.location.origin,
  toolId: String(localProject.toolId),
  serverProjectId: localProject.id
}).toString();
// Optional: serverProjectRevision pins an existing saved revision.
iframe.src = url.toString();
// Install the authenticated handshake and storage bridge described below.
// Setting iframe.src alone does not authorize the editor or provide storage.

Mensagens do iframe usadas pela ponte do WordPress

O plugin do WordPress hospeda a ponte de armazenamento e verifica as permissões de administrador ou gerente do WooCommerce. Ele valida a origem do iframe, a janela de origem, o nonce, o ID da solicitação e os caminhos de projeto permitidos. A ponte envia as leituras e gravações locais para /wp-json/alter-wc/v1/model-generator. As credenciais da API permanecem no servidor. Uma integração personalizada precisa implementar um tratamento autenticado de armazenamento equivalente; a API pública do gerador não salva projetos no Alter Product.

// Messages after ALTER_CHILD_HELLO / ALTER_PARENT_ACK agree on the nonce.
// Iframe -> parent:
const sessionRequest = {
  type: 'ALTER_CUSTOMIZER_INIT_SESSION',
  nonce: handshakeNonce,
  payload: {
    tool: 'model-generator', alterProductId: localProject.toolId, mode: 'edit'
  }
};

// Parent -> iframe, after the server authorizes the merchant and issues a token:
const sessionReady = {
  type: 'ALTER_CUSTOMIZER_SESSION_READY',
  nonce: handshakeNonce,
  token: session.token,
  tool: 'model-generator',
  cartKey: `model-generator:${localProject.id}`,
  mode: 'edit',
  localSession: false,
  adminSession: true
};
// Send only to the validated iframe's exact origin and source window.
// An authorized token and successful bootstrap are still required.

O salvamento envia expectedRevision, templateRevision, document e as referências aos artefatos. Ele cria uma revisão imutável; um valor expectedRevision desatualizado retorna HTTP 409. O WordPress armazena os metadados em seu banco de dados e os arquivos no diretório uploads. O JSON é minificado e compactado com gzip quando a compactação reduz seu tamanho.

// Example message from the iframe; savedSnapshot and artifact IDs come
// from the generator. The host checks origin/source/nonce/project permissions.
const message = {
  type: 'ALTER_MODEL_GENERATOR_REQUEST',
  requestId: crypto.randomUUID(),
  nonce: handshakeNonce,
  request: {
    method: 'POST',
    path: `/pattern-generator/projects/${projectUuid}/revisions`,
    data: {
      expectedRevision: loadedRevision,
      name: projectName,
      templateRevision,
      document: savedSnapshot,
      references: { artifactIds: savedArtifactIds }
    },
    responseType: 'json'
  }
};

Usar modelo salvo no design publica uma revisão salva completa em um design de produto vinculado. Os clientes passam a vê-la pelo Customizer, Configurator ou Viewer existente, com os vínculos de produto e as verificações de assinatura habituais. O editor do gerador continua sendo uma ferramenta do lojista. Os links dos pedidos preservam o projeto e a revisão salvos para que edições posteriores não alterem pedidos anteriores silenciosamente.