Use this version with global DOM scope with back-end conversion scripts and CAD converters for PHP, .NET, .NET Core, Servlets, Laravel and NodeJS. For front-end frameworks ReactJS, Angular and VueJS, use npm installer: npm i cadviewer.
- Download CADViewer, the CADViewer download comes with CADViewer and a base folder structure with drawings, and html sample(s).
- Modify or move the CADViewer folderstructure specific to your back-end technology and do other specifics associated with your platform.
- Download AutoXchange (and other converters), install (unzip) AX2020 in cadviewer/converters/ax2020/windows or cadviewer/converters/ax2020/linux or in the designated folder structure.
- Read the sections on installing and handling Fonts in AutoXchange 2020 TechDocs and TroubleShooting.
- Download Handlers/Connectors specific to your back-end technology Download Handlers and install them as described in the Handlers Section.
- Configure the Handler specific XXXHandlerSettings.js file in /cadviewer/app/cv/
- Go to samples /cadviewer/html/ and modify the headers for your install platform, so the platform specific XXXHandlerSettings.js is loaded.
- NodeJS: HTML settings for CADViewer_NodeJSHandlerSettings.js
- PHP: HTML settings for CADViewer_PHPHandlerSettings.js
- .NET: HTML settings for CADViewer_AshxHandlerSettings.js
- Servlets: HTML settings for CADViewer_AshxHandlerSettings.js
- Angular: Settings for CADViewer_Angular01.js
- ReactJS: Settings for CADViewer_ReactJS01.js
- Try out the samples and build your own application!
One issue that often appears in installations is that interface icons do not display properly:
Typically the variables ServerUrl, ServerLocation or ServerBackEndUrl in the controlling HTML document in /cadviewer/html/ are not set to reflect the front-end server url or port.
var ServerBackEndUrl = ""; // or what is appropriate for my server; used for NodeJS server only var ServerUrl = "http://localhost/cadviewer/"; // or what is appropriate for my server var ServerLocation = "c:/xampp/htdocs/cadviewer/"; // or what is appropriate for my server
Have Fun! - and get in touch with us!