Einbettbarer Viewer
Embeddable Viewer ermöglicht es Ihnen, interaktive PCB- und Schaltplanansichten zu Ihrer eigenen Webanwendung hinzuzufügen – sodass Stakeholder außerhalb Ihres Altium 365 Workspace Designs prüfen können, ohne ECAD-Tools installieren zu müssen.
Wann sollte es verwendet werden?
-
Customer or supplier portals – lassen Sie externe Partner Design-Snapshots im Kontext überprüfen, ohne Altium-Zugriff zu benötigen.
-
Review and approval workflows – betten Sie die Designansicht in Tickets, Release-Checklisten oder Freigabetools ein, damit Fertigungs-, Beschaffungs- oder Management-Teams das Design direkt prüfen können.
-
Internal engineering tools – verknüpfen Sie Anforderungen, Issues oder BOM-Positionen mit einer Live-Ansicht des interaktiven Designs.
So funktioniert es
Der Viewer wird über eine JavaScript-Bibliothek und einen <div>-Container eingebettet, der auf eine Design-ZIP-Datei verweist. Die ZIP-Datei muss über eine öffentliche URL zugänglich sein – normalerweise gehostet in Ihrem Altium 365 Personal Space oder in Ihrem eigenen Speicher.
Fügen Sie das Einbettungsskript zu Ihrer Seite hinzu <head>:
<script src="<https://viewer.altium.com/client/static/js/embed.js>"></script>Fügen Sie den Viewer-Container in den Body Ihrer Seite ein:
<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>Der eingebettete Viewer bleibt so lange aktiv, wie die Quelldesign-Datei verfügbar ist. Für eine dauerhafte Quelle speichern Sie das Design in Ihrem Altium 365 Personal Space – Dateien dort erzeugen eine stabile URL.
Anpassung
Steuern Sie mithilfe von data-*-Attributen auf dem Container, welche Ansichten angezeigt werden und wie Ausgaben bereitgestellt werden:
Attribut |
Beschreibung |
Werte |
|
Anzuzeigende Ansichten (kommagetrennt) |
|
|
Ansicht beim ersten Laden |
|
|
Akzeptierten Dateityp einschränken |
|
|
Anzubietende Exportformate |
|
|
Download der Quelldatei deaktivieren |
(durch Vorhandensein des Attributs wird dies deaktiviert) |
|
Alternative Datei zum Download (anders als die Vorschauquelle) |
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>Den Einbettungscode aus dem Viewer abrufen
Wenn Sie ein Design in den Altium 365 Online Viewer hochgeladen haben, können Sie direkt ein fertiges Einbettungs-Snippet kopieren:
-
Öffnen Sie das Design im Viewer.
-
Klicken Sie auf Share und wählen Sie Embed this design anywhere on the web aus.
-
Kopieren Sie das generierte HTML-Snippet.
Das Snippet verwendet data-project-token, um auf ein in Altiums Hosting hochgeladenes Design zu verweisen. Um stattdessen auf Ihre eigene ZIP-Datei zu verweisen, ersetzen Sie data-project-token durch data-project-src und eine URL zu Ihrer Datei.
Weiterführende Informationen
-
Standalone Viewer – vollständige Referenz zur Viewer-Funktionalität, einschließlich aller Einbettungsoptionen und Attributdetails
-
Standalone Gerber Compare – Vergleich von Gerber-Dateien im Viewer
-
Personal Uploads einbetten – Designs und Designdaten, die Sie in Ihren Altium Personal Space hochgeladen haben, können mithilfe des eingebetteten Altium Viewer zur interaktiven Ansicht für jedermann in eine Website eingebettet werden.
-
Viewers Troubleshooting Guide – Behebung häufiger Probleme mit dem Viewer und eingebetteten Designs
KI-lokalisiert