Visualizador incorporável
O Embeddable Viewer permite adicionar visualização interativa de PCB e esquemáticos ao seu próprio aplicativo web – para que as partes interessadas fora do seu Workspace do Altium 365 possam inspecionar projetos sem instalar nenhuma ferramenta ECAD.
Quando usar
-
Customer or supplier portals – permita que parceiros externos revisem snapshots do projeto em contexto, sem precisar de acesso ao Altium.
-
Review and approval workflows – incorpore a visualização do projeto em tickets, checklists de release ou ferramentas de aprovação para que equipes de manufatura, compras ou gestão possam inspecionar o projeto diretamente.
-
Internal engineering tools – vincule requisitos, problemas ou itens de linha da BOM a uma visualização interativa ativa do projeto.
Como funciona
O visualizador é incorporado por meio de uma biblioteca JavaScript e de um contêiner <div> apontando para um arquivo ZIP do projeto. O ZIP deve estar acessível em uma URL pública – normalmente hospedado no seu Altium 365 Personal Space ou no seu próprio armazenamento.
Adicione o script de incorporação à sua página <head>:
<script src="<https://viewer.altium.com/client/static/js/embed.js>"></script>Adicione o contêiner do visualizador no corpo da sua página:
<div class="altium-ecad-viewer"
data-project-src="<https://example.com/mydesign.zip>"
style="height: 500px; max-width: 1280px; max-height: 700px; box-sizing: border-box;">
<a href="<https://www.altium365.com/viewer/>">PCB File Viewer by Altium</a>
</div>O visualizador incorporado permanecerá ativo enquanto o arquivo-fonte do projeto estiver disponível. Para uma fonte persistente, salve o projeto no seu Altium 365 Personal Space – os arquivos lá geram uma URL estável.
Personalização
Controle quais visualizações são mostradas e como as saídas são expostas usando atributos data-* no contêiner:
Atributo |
Descrição |
Valores |
|
Visualizações a exibir (separadas por vírgula) |
|
|
Visualização inicial ao carregar |
|
|
Restringir o tipo de arquivo aceito |
|
|
Formatos de exportação a oferecer |
|
|
Desativar download do arquivo-fonte |
(a presença do atributo o desativa) |
|
Arquivo alternativo para download (diferente da fonte da pré-visualização) |
URL |
Example – PCB and 3D views only, with Gerber and PDF export:
<div class="altium-ecad-viewer"
data-project-src="<https://example.com/mydesign.zip>"
data-enabled-views="pcb,3d"
data-active-view="pcb"
data-project-outputs="Gerber,pdf"
style="height: 500px; max-width: 1280px; box-sizing: border-box;">
<a href="<https://www.altium365.com/viewer/>">PCB File Viewer by Altium</a>
</div>Obtendo o código de incorporação do Viewer
Se você carregou um projeto no Altium 365 Online Viewer, pode copiar diretamente um snippet de incorporação pronto:
-
Abra o projeto no viewer.
-
Clique em Share e selecione Embed this design anywhere on the web.
-
Copie o snippet HTML gerado.
O snippet usa data-project-token para referenciar um projeto carregado na hospedagem da Altium. Para apontá-lo para o seu próprio arquivo ZIP, substitua data-project-token por data-project-src e uma URL para o seu arquivo.
Leitura adicional
-
Standalone Viewer – referência completa da funcionalidade do viewer, incluindo todas as opções de incorporação e detalhes de atributos
-
Standalone Gerber Compare – comparação de arquivos Gerber no viewer
-
Embedding Personal Uploads – projetos e dados de projeto que você carregou no seu Altium Personal Space podem ser incorporados a um site para visualização interativa por qualquer pessoa, usando o Altium Viewer incorporado.
-
Guia de solução de problemas dos viewers – resolução de problemas comuns com o viewer e projetos incorporados
Localizado por IA