임베디드 가능한 뷰어
Embeddable Viewer를 사용하면 자체 웹 애플리케이션에 대화형 PCB 및 회로도 보기 기능을 추가할 수 있으므로, Altium 365 Workspace 외부의 이해관계자도 별도의 ECAD 도구를 설치하지 않고 설계를 검토할 수 있습니다.
사용 시점
-
Customer or supplier portals – 외부 파트너가 Altium 액세스 없이도 문맥에 맞게 설계 스냅샷을 검토할 수 있도록 할 때 사용합니다.
-
Review and approval workflows – 제조, 구매 또는 관리 팀이 설계를 직접 검토할 수 있도록 티켓, 릴리스 체크리스트 또는 승인 도구에 설계 보기 기능을 임베드합니다.
-
Internal engineering tools – 요구사항, 이슈 또는 BOM 항목을 실시간 대화형 설계 뷰에 연결합니다.
작동 방식
뷰어는 JavaScript 라이브러리와 설계 ZIP 파일을 가리키는 <div> 컨테이너를 통해 임베드됩니다. ZIP은 공개 URL에서 접근 가능해야 하며, 일반적으로 Altium 365 Personal Space 또는 자체 스토리지에 호스팅됩니다.
페이지에 임베드 스크립트를 추가합니다<head>:
<script src="<https://viewer.altium.com/client/static/js/embed.js>"></script>페이지 본문에 뷰어 컨테이너를 추가합니다:
<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>임베드된 뷰어는 원본 설계 파일을 사용할 수 있는 한 계속 활성 상태를 유지합니다. 지속적으로 사용할 원본이 필요하다면 설계를 Altium 365 Personal Space에 저장하세요. 그곳의 파일은 안정적인 URL을 생성합니다.
사용자 지정
컨테이너의 data-* 속성을 사용하여 표시할 뷰와 출력 노출 방식을 제어할 수 있습니다:
속성 |
설명 |
값 |
|
표시할 뷰(쉼표로 구분) |
|
|
로드 시 초기 뷰 |
|
|
허용할 파일 형식 제한 |
|
|
제공할 내보내기 형식 |
|
|
원본 파일 다운로드 비활성화 |
(속성이 있으면 비활성화됨) |
|
다운로드용 대체 파일(미리보기 원본과 다름) |
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>뷰어에서 임베드 코드 가져오기
설계를 Altium 365 Online Viewer에 업로드했다면, 바로 사용할 수 있는 임베드 스니펫을 직접 복사할 수 있습니다:
-
뷰어에서 설계를 엽니다.
-
Share를 클릭하고 Embed this design anywhere on the web를 선택합니다.
-
생성된 HTML 스니펫을 복사합니다.
이 스니펫은 Altium의 호스팅에 업로드된 설계를 참조하기 위해 data-project-token를 사용합니다. 자체 ZIP 파일을 가리키도록 하려면 data-project-token를 data-project-src 및 해당 파일의 URL로 바꾸세요.
추가 읽을거리
-
Standalone Viewer – 모든 임베딩 옵션과 속성 세부 정보를 포함한 전체 뷰어 기능 참조
-
Standalone Gerber Compare – 뷰어에서 Gerber 파일 비교
-
Embedding Personal Uploads – Altium Personal Space에 업로드한 설계 및 설계 데이터는 임베드된 Altium Viewer를 사용해 누구나 대화형으로 볼 수 있도록 웹사이트에 임베드할 수 있습니다.
-
Viewers Troubleshooting Guide – 뷰어 및 임베드된 설계에서 발생하는 일반적인 문제 해결
AI로 번역됨