随着科技不断的发展与进步，3D建模技术已经应用在人们生活的各个领域，如3d打印、CDA制图、数字建模等，但这些3d文件往往需要使用专业工具才能打开，查看起来及其不方便。本文主要介绍，使用两种方案帮助我们在线预3d文件。
方案一：永中云预览
平台介绍：
永中云预览是博主机缘巧合下发现的一个在线平台，它是永中软件股份有限公司十多年自主研发的Office核心技术，免去了传统方式的硬件成本投入，仅需轻量级开发，几行代码轻松实现文档在线预览。
实现步骤：
第一步：浏览器上输入链接open.yozocloud.cn/product/pre…
第二步：在平台上点击上传文件
注意：默认这里预览支持：doc、docx、xls、xlsx、ppt、pptx、pdf、zip、rar 文件，如需要使用3d预览功能，进入永中云服务根据官网开发文档-快速入门指引完成开发者认证和并申请应用，从而获得如图的APPID和APPKEY。
第三步：根据开发文档中的接入指南，进行代码开发，这里就不作详细说明，具体操作请查看永中云服务云预览接入说明
第四步：浏览器输入url接口地址进行访问
方案二：自建web服务
安装http-server
第一步：点击链接 nodejs.org/dist/latest…，下载 nodejs 并安装
第二步：打开终端（ 即命令提示符，在开始菜单搜索框中输入 cmd，并打开），输入 node -v，如显示版本号，代表安装成功；
第三步：npm 默认是国外源，修改为淘宝源，在终端输入下述命令
npm config set registry registry.npm.taobao.org/
第四步：终端窗口进行全局安装 http-server，在终端窗口输入下述命令
npm install http-server -g
安装成功后显示如下：
创建 index.html
第一步：在桌面上创建文件夹 demo，然后打开 demo 并新建一个文本文档，windows 可点击右键新建文本文档， 需要显示文件扩展名，再将新建的文件名修改为index.html
第二步：将 3D 文件拷贝到 demo 目录下：
第三步：使用文本编辑器（ 使用记事本即可）打开 index.html ，将下述内容拷贝到文件内， 并保存关闭
请注意！请下述内容中的 Handgun_stl.stl 替换为你放到 demo 目录的 3D 文件名称 + 扩展名
<!doctype html>
<html>
<head>
<meta charset='utf8'>
<script src='https://evercraft.co/lib/everxyz-1.0.8.js'></script>
<style>
#hello{
width: 600px;
height: 600px;
}
</style>
</head>
<body>
<div id="hello"></div>
<script>
const options = {
showProgress: true,
} // 配置工具条配置信息，详情可参考功能配置板块
evercad.render3d('#hello', [{
path: '/ Handgun_stl.stl ', // 该地址为当前html文件的同级目录文件
name: ' Handgun_stl.stl'
}], options);
</script>
</body>
</html>
启动服务
使用 http-server 搭建一个简单的服务器
第一步：在当前目录窗口的地址栏输入 cmd，按回车，终端进入 demo 目录
第二步：在当前打开的窗口输入以下命令：
http-server -p 9999
出现下述截图代表服务启动成功
显示模型
正式加载文件，在浏览器地址栏中输入 127.0.0.1:9999/index ，显示成功
方案对比：
| # | 永中云预览 | 自建web |
|---|---|---|
| 功能 | 全 | 单一 |
| 效率 | 快 | 较快 |
| 操作 | 简便，直接使用 | 繁琐，需要自建 |
| 页面 | 可动 | 固定 |
总结
上述两种方案都可以实现3d文件的在线预览，博主两种方案对比使用后，个人更倾向于使用第一种方案，因为其不需要我们去自建任何服务，我们可以直接使用永中云预览平台完成任何3d文件的预览，除此之外，它还可以完成对其它不同类型文件的预览，更加快速、方便与高效。
