创建桌面应用程序
这里有一个技巧,对这些情况有很大帮助。它利用一个称为 NW.js 的 JavaScript 平台,只需使用一些代码,您就可以将您的项目变成一个可以在所有系统平台上运行的独立播放器。别担心,这是无痛的。
窗户
-
输出您的 Web 项目。 -
下载将创建应用程序的工具。转到 nwjs.io 并下载正确的 Windows 版本。 -
将 ZIP 复制到桌面并打开文件夹。 -
将项目的输出文件夹拖放到 nwjs 文件夹中。 -
package.zip,解压缩它并将package.json文件添加到 nwjs 文件夹中。
该文件用于描述项目;它告诉应用程序要打开什么文件、窗口大小等。 -
编辑package.json文件。使用文本编辑器打开文件(例如,右键单击并选择“ 使用记事本打开 ”)。-
name – 添加项目的名称。 -
main – 添加项目的 HTML 文件;例如,project/index.html。 -
frame – 应用程序的外部框架。true = 可见。false = 不可见。 -
toolbar – 设置为 true 时显示导航工具栏。我们将我们的设置为 false。 -
width &; height – 调整窗口的大小。
-
-
双击 EXE 打开并测试应用程序!
自定义名称和图标
要在应用程序的菜单栏中设置自定义名称,只需确保您已在 Pano2VR 的用户数据中添加了标题 。
要更改图标,请创建应用程序快捷方式并更改图标。
交换项目
无需重新创建应用程序即可轻松创建多个应用程序。例如,如果您想使用 Object2VR 项目制作应用程序,只需更改 JSON 文件中的文件路径,然后调整窗口大小即可。
Mac 作系统
-
输出您的 Pano2VR Web 项目。 -
package.zip,解压缩它并将package.json文件添加到 Pano2VR 的输出文件夹中。该文件用于描述项目;它告诉应用程序要打开什么文件、窗口大小等。 -
编辑 package.json 文件。使用文本编辑器打开文件(例如,右键单击并选择“ 使用文本编辑打开”)。 确保将其设置为 “纯文本”。-
name – 添加项目的名称。 -
main – 添加项目的 HTML 文件;例如,index.html。 -
frame – 应用程序的外部框架。true = 可见。false = 不可见。 -
toolbar – 设置为 true 时显示工具栏。我们将我们的设置为 false。 -
width &; height – 调整窗口的大小。
-
-
保存 JSON 文件。 -
将 Pano2VR 的输出文件夹重命名为app.nw。 -
下载将创建应用程序的工具。转到 nwjs.io 并下载 Mac OS 版本。 -
将积分添加到应用程序。这是应用程序的许可证,需要包含在应用程序中。-
打开包含 nwjs.app 的文件夹。 -
将 nwjs.app 移动或复制到某个位置(例如桌面)。 -
右键单击应用程序并选择显示包内容 。 -
在 nwjs 应用程序中移动或复制credits.html。
-
-
转到“内容”文件夹并打开 “资源”。 -
从文件夹中删除除app.icns之外的所有内容。这是应用程序的图标。 -
拖入名为app.nw的输出文件夹。 -
现在打开应用程序!
您可能会收到一条警告,指出它来自未经验证的开发人员。这将取决于您在系统偏好设置 > 安全中的设置。您可以通过上下文菜单打开应用程序并选择“ 打开”。 然后在弹出的对话框中点击“ 打开 ”。这仅适用于初始启动。
自定义名称和图标
要更改图标,请执行以下动作:
-
右键单击应用程序,然后选择显示包内容。 -
打开内容 > 资源 。 -
拖入您自己的图标,确保它具有相同的名称 (app.icns),以便它替换当前图标。
要在菜单栏中设置自定义名称,请执行以下动作:
-
右键单击应用程序,然后选择显示包内容。 -
打开 “内容” 文件夹。 -
使用文本编辑器或 Xcode(如果已安装)打开info.plist。 -
更改捆绑包名称 。
若要更改应用程序名称,请选择应用程序的名称,然后 nwjs.app 替换为您的应用程序名称,例如“ 我的 Project.app
交换项目
要将一个项目换成另一个项目,请执行以下动作:
-
右键单击应用程序并选择显示包内容 。 -
导航到内容 > 资源 。 -
重命名当前应用程序(即old_app.nw)并将其从 Resources 文件夹中删除。 -
在新项目的输出文件夹中拖动。 -
将文件夹重命名为app.nw。 -
将 package.json 复制到项目的输出文件夹中。更新必要的参数,例如窗口大小。