# 部署Verge3D应用到服务器的4种方法

如果你已经购买了服务器,也完成了备案、解析,现在想要将Verge3D应用程序上传到服务器,然后通过域名访问到该应用,那么本文会介绍常用的几种方法,供你选择。

# 方法一:使用FTP工具直接上传

mark

我们维护网站,经常使用FTP工具向服务器上传/下载资源,FTP工具有很多——

MAC: Fetch,Transmit,Cyberduck

Windows: Smart Ftp, WS_FTP, Cyberduck, leapftp, FileZilla...

使用方法网上自行搜索,教程很多。

# 方法二:使用Windows资源管理器访问FTP

我们还可以直接通过Windows资源管理器访问FTP,依次找到 Internet 选项 > 高级 > 浏览 > 使用被动FTP

取消勾选 使用被动FTP

然后双击 我的电脑 或快捷键Ctl+E打开资源管理器,在地址栏输入 ftp://域名

在弹出的登录窗口输入你的用户名和密码,然后就可以像本地一样使用拖拽的方法上传和下载文件了。

# 方法三:借助宝塔面板文件功能上传

在宝塔面板左侧工具栏点击文件,对应的右侧顶部有上传按钮,点击即可上传本地文件。

mark

# 方法四:在wordpress站点中利用verge3d插件上传

安装插件直接在wordpress后台插件选项卡下面,将Verge3D SDK中wordpress文件夹下的verge3d.zip上传即可。安装完成后激活插件。

mark

要上传新的Verge3D应用程序,可以点击左侧的Verge3D选项卡,点击对应的右侧顶部AddNew按钮。

然后选择上传文件,按提示操作即可。

上传完成后,在插件的程序列表下可以找到刚才上传的应用,并且插件会自动生成短代码和URL,你可以将短代码插入到网页中,或者通过URL直接访问。

要更新应用程序,可以点击程序名称下面的Edit,重新选择文件上传。

mark

# 常见问题

# 上传后的文件如何访问?

上传的文件都位于网站所在的目录下面,网站的根目录对应网站域名,这样只需要按照上传文件相对于根目录的路径,通过域名逐级访问即可。

比如,上传的文件app.html位于根目录的uploads/app/下面,那么,访问的地址为:域名/uploads/app/app.html。

如何嵌入网页?

获取应用的地址之后,可以通过iframe的方式嵌入网页,代码如下:

<iframe src="./uploads/app/app.html" frameborder="0"></iframe>
1

# 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

疑问?

请在钉钉群:21935218交流。群内除聚集众多开发者,还有最新动态、视频教程、智能客服@宅小呗、答疑、直播、下载等实用功能。如需宅家呗提供技术支持,请加钉钉好友:zjbcool

Verge3D知识社区 客服
上次更新: 2020-8-16 12:51:23