Visionneuse intégrable
Embeddable Viewer vous permet d’ajouter la visualisation interactive de PCB et de schémas à votre propre application web, afin que les parties prenantes en dehors de votre Workspace Altium 365 puissent examiner les conceptions sans installer d’outils ECAD.
Quand l’utiliser
-
Customer or supplier portals – permettre à des partenaires externes de revoir des instantanés de conception dans leur contexte, sans avoir besoin d’un accès à Altium.
-
Review and approval workflows – intégrer la visualisation de la conception dans des tickets, des check-lists de publication ou des outils d’approbation afin que les équipes de fabrication, d’approvisionnement ou de direction puissent examiner directement la conception.
-
Internal engineering tools – lien entre exigences, problèmes ou lignes de nomenclature et une vue de conception interactive en direct.
Fonctionnement
Le viewer est intégré via une bibliothèque JavaScript et un conteneur <div> pointant vers un fichier ZIP de conception. Le ZIP doit être accessible via une URL publique – généralement hébergée dans votre Altium 365 Personal Space ou dans votre propre espace de stockage.
Ajoutez le script d’intégration à votre page <head>:
<script src="<https://viewer.altium.com/client/static/js/embed.js>"></script>
Ajoutez le conteneur du viewer dans le corps de votre page :
<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>
Le viewer intégré restera actif tant que le fichier source de conception sera disponible. Pour une source persistante, enregistrez la conception dans votre Altium 365 Personal Space – les fichiers qui s’y trouvent génèrent une URL stable.
Personnalisation
Contrôlez les vues affichées et la manière dont les sorties sont exposées à l’aide des attributs data-* du conteneur :
Attribut |
Description |
Valeurs |
|
Vues à afficher (séparées par des virgules) |
|
|
Vue initiale au chargement |
|
|
Restreindre le type de fichier accepté |
|
|
Formats d’exportation à proposer |
|
|
Désactiver le téléchargement du fichier source |
(la présence de l’attribut le désactive) |
|
Fichier alternatif à télécharger (différent de la source de prévisualisation) |
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>
Obtenir le code d’intégration depuis le Viewer
Si vous avez téléversé une conception dans le Altium 365 Online Viewer, vous pouvez copier directement un extrait d’intégration prêt à l’emploi :
-
Ouvrez la conception dans le viewer.
-
Cliquez sur Share et sélectionnez Embed this design anywhere on the web.
-
Copiez l’extrait HTML généré.
L’extrait utilise data-project-token pour référencer une conception téléversée sur l’hébergement d’Altium. Pour le faire pointer vers votre propre fichier ZIP, remplacez data-project-token par data-project-src et l’URL de votre fichier.
Pour aller plus loin
-
Standalone Viewer – référence complète des fonctionnalités du viewer, y compris toutes les options d’intégration et les détails des attributs
-
Standalone Gerber Compare – comparaison de fichiers Gerber dans le viewer
-
Embedding Personal Uploads – les conceptions et données de conception que vous avez téléversées dans votre Altium Personal Space peuvent être intégrées dans un site web pour une visualisation interactive par n’importe qui, à l’aide de l’Altium Viewer intégré.
-
Guide de dépannage des viewers – résolution des problèmes courants liés au viewer et aux conceptions intégrées