Autodesk forge Viewer 开发及踩坑记录

m0_74400550

已于 2023-09-11 23:03:49 修改

阅读量503

点赞数

文章标签： node.js

于 2023-09-11 23:03:16 首次发布

本文链接：https://blog.csdn.net/m0_74400550/article/details/132819330

版权

Autodesk forge Viewer 开发及踩坑记录

一般情况下，forge viewer的基本框架是这样的
index.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="renderer" content="webkit|ie-comp|ie-stand" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta
			name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=0.4,target-densitydpi=low-dpi"
		/>
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta charset="UTF-8" />
		<link
			rel="stylesheet"
			href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.css"
		/>
		<title>model</title>
	</head>

	<body>
		<div id="forgeViewer"></div>
		<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.js"></script>
        <script src="./viewer.js"><script>
	</body>
</html>

viewer.js


const urn="YOUR_OWN_URN";
let viewer;
const options = {
	env: "AutodeskProduction",
	api: "derivativeV2",
	getAccessToken: "YOUR_OWN_TOKEN"
};
Autodesk.Viewing.Initializer(options, () => {
	let htmlDiv = document.getElementById("forgeViewer");
	viewer = new Autodesk.Viewing.GuiViewer3D(htmlDiv);
	viewer.start();
	loadModel(urn);
});
let loadModel = (urn) => {
	return new Promise((resolve, reject) => {
		function onDocumentLoadSuccess(doc) {
			const node = doc.getRoot().getDefaultGeometry();
			viewer.loadDocumentNode(doc, node);
			resolve();
		}
		Autodesk.Viewing.Document.load("urn:" + urn, onDocumentLoadSuccess, reject);
	});
};

但有的时候，直接这样进行代码的复制是会报错的，代码一点都没问题，但是就是显示不了模型，这里我能提供一个解决的方法

1.修改你的账号密码
2.把后端的bucket改一下，然后重新运行

一般到这里就可以了

m0_74400550

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Autodesk forge Viewer 开发及踩坑记录

但有的时候，直接这样进行代码的复制是会报错的，代码一点都没问题，但是就是显示不了模型，这里我能提供一个解决的方法。一般情况下，forge viewer的基本框架是这样的。2.把后端的bucket改一下，然后重新运行。1.修改你的账号密码。
复制链接

扫一扫