index.html

<html>
<head>
    <meta charset="UTF-8">
    <title>SD226781_BasicViewer</title>

    <link rel="stylesheet" href="./css/main.css" type="text/css">

    <!-- Autodesk Forge libs-->
    <link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/6.*/style.min.css" type="text/css">
    <script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/6.*/viewer3D.min.js"></script>

</head>
<body>
    <div id="page_navigation">
        <a href="./index.html" class="arrow-left" style="border-right: 10px solid transparent;"></a>
        <span> Basic Viewer </span>
        <a href="./00.html" class="arrow-right"></a>
    </div>

    <!-- The Viewer will be instantiated here -->
    <div id="MyViewerDiv"></div>

</body>
    <!-- Developer JS -->
<script>

    const divID = 'MyViewerDiv';
    const documentId = 'urn:dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6ZXhwZXJpbWVudF9yZXBvL0hlbGxvJTIwV29ybGQucnZ0';
    const tokenFetchingUrl = "https://9irt90dm6j.execute-api.us-east-1.amazonaws.com/prod";

    let viewerApp = new Autodesk.Viewing.ViewingApplication(divID);
    let viewer = null;

    let options = {
        env: 'AutodeskProduction',
        getAccessToken: (onGetAccessToken) => {
            fetch(tokenFetchingUrl)
                .then(response => response.json())
                .then(data => {
                    let accessToken = data["access_token"];
                    let expireTimeSeconds = data["expires_in"];
                    onGetAccessToken(accessToken, expireTimeSeconds);
                })


        },
        useADP: false,
    };

    Autodesk.Viewing.Initializer(options, function onInitialized() {
        viewerApp.registerViewer(viewerApp.k3D, Autodesk.Viewing.Private.GuiViewer3D, {});
        viewerApp.loadDocument(documentId, onDocumentLoadSuccess);
    });

    // Init after the viewer is ready
    function onDocumentLoadSuccess() {
        let viewables = viewerApp.bubble.search({
            'type': 'geometry'
        });
        if (viewables.length === 0) {
            console.error('Document contains no viewables.');
            return;
        }
        // Choose any of the available viewables
        viewerApp.selectItem(viewables[0].data);

    }

</script>
</html>