# 部署Verge3D应用到服务器的4种方法
如果你已经购买了服务器,也完成了备案、解析,现在想要将Verge3D应用程序上传到服务器,然后通过域名访问到该应用,那么本文会介绍常用的几种方法,供你选择。
# 方法一:使用FTP工具直接上传
我们维护网站,经常使用FTP工具向服务器上传/下载资源,FTP工具有很多——
MAC: Fetch,Transmit,Cyberduck
Windows: Smart Ftp, WS_FTP, Cyberduck, leapftp, FileZilla...
使用方法网上自行搜索,教程很多。
# 方法二:使用Windows资源管理器访问FTP
我们还可以直接通过Windows资源管理器访问FTP,依次找到 Internet 选项 > 高级 > 浏览 > 使用被动FTP
取消勾选 使用被动FTP 。
然后双击 我的电脑 或快捷键Ctl+E打开资源管理器,在地址栏输入 ftp://域名
在弹出的登录窗口输入你的用户名和密码,然后就可以像本地一样使用拖拽的方法上传和下载文件了。
# 方法三:借助宝塔面板文件功能上传
在宝塔面板左侧工具栏点击文件,对应的右侧顶部有上传按钮,点击即可上传本地文件。
# 方法四:在wordpress站点中利用verge3d插件上传
安装插件直接在wordpress后台插件选项卡下面,将Verge3D SDK中wordpress文件夹下的verge3d.zip上传即可。安装完成后激活插件。
要上传新的Verge3D应用程序,可以点击左侧的Verge3D选项卡,点击对应的右侧顶部AddNew按钮。
然后选择上传文件,按提示操作即可。
上传完成后,在插件的程序列表下可以找到刚才上传的应用,并且插件会自动生成短代码和URL,你可以将短代码插入到网页中,或者通过URL直接访问。
要更新应用程序,可以点击程序名称下面的Edit,重新选择文件上传。
# 常见问题
# 上传后的文件如何访问?
上传的文件都位于网站所在的目录下面,网站的根目录对应网站域名,这样只需要按照上传文件相对于根目录的路径,通过域名逐级访问即可。
比如,上传的文件app.html位于根目录的uploads/app/下面,那么,访问的地址为:域名/uploads/app/app.html。
如何嵌入网页?
获取应用的地址之后,可以通过iframe的方式嵌入网页,代码如下:
<iframe src="./uploads/app/app.html" frameborder="0"></iframe>
# Windows服务器上Verge3D应用无法正常运行?
如果控制台提示.gltf .bin文件无法找到,可能是服务器缺少MIME类型,可按此方法 (opens new window)添加以下文件扩展名MIME类型:
扩展名 | MIME类型 |
---|---|
.gltf | model/gltf+json |
.bin | application/octet-stream |
.xz | application/x-xz |
.hdr | application/octet-stream |