如何在没有 Visual Studio 的情况下制作 Windows 商店应用程序答案

【问题标题】：How to make Windows-store apps without Visual Studio如何在没有 Visual Studio 的情况下制作 Windows 商店应用程序
【发布时间】：2015-12-09 05:08:06
【问题描述】：

我有这个超级简单的webapp，我可以通过the Firefox Marketplace 或Chrome Web Store 将其安装为应用程序，只需编辑简单的清单文件即可。现在有了the project Westminster，我也想将此应用程序推送到 Windows 应用商店。但是，在查看 the developer site 时，我只看到非 Visual Studio 指南“即将推出”，但我并没有屏住呼吸让 Microsoft 支持非 Windows 开发人员。

那么，有没有人写过一篇博文或类似的东西来解释如何在非 Windows 平台上创建一个 Windows 应用商店应用程序（在我的例子中是 Linux，但我猜在 Mac OS X 上的朋友也会以同样的方式受到折磨)?或者它只是不可能并且必须有一些 Windows Gizmo 来创建应用程序？

【问题讨论】：

标签： windows-store-apps

【解决方案1】：

Microsoft 一直在谈论直接支持 PWA，但截至 2017 年底，还没有任何支持。这是我在 Linux 上的做法：（前兆：您需要已经有一个 Windows 开发者帐户并开始为您的新应用程序提交过程 - 关注 registration instructions on Microsoft's developer site）

使用pwabuilder 生成（数量可笑的）样板。添加您的站点 URL，然后单击下载 zip 包的步骤。您只需要 zip 中的 windows10/manifest 文件夹。
通过开发者仪表板创建您的应用程序。导航到 /应用管理/应用标识。在文本编辑器中打开“manifest/appxmanifest.xml”，然后松散地关注these instructions for converting your "web application to UWP app", ignoring anything specific to Visual Studio。将“App Identity”页面中的 id 填入 appxmanifest.xml 文件中的占位符，并删除/重命名/替换占位符资源，主要是图像。
使用Facebook originated appx util that runs on Linux/OSX 创建.appx 包。首先克隆并制作/编译实用程序。典型 Linux 平台上唯一的复杂情况是您可能需要install openssl devel packages first（基于 RedHat 的 openssl-devel，基于 Debian/Ubuntu 的 libssl-dev）。要运行的命令类似于“Build/appx -o .appx windows10/manifest”。

【讨论】：

感谢您的更新，它很有用，但我认为对 Windows 商店应用程序最合适的回答是“不要打扰并构建 Progressive web application”。
我做到了。将 PWA 列在商店中意味着可发现性。

【解决方案2】：

您可以使用Manifold.js 生成您的应用程序包，甚至可以直接从浏览器中生成。它实际上会为多个平台生成包，但您可以根据需要专注于 Windows 10 文件夹。

您还可以使用 ManifoldJS npm 命令行工具创建一个包含应用内容的 APPX 包，以提交到 Windows 应用商店，即使在不支持安装 Windows SDK 的平台（例如 OS X 和 Linux）上也是如此。

安装 npm 模块：

npm install -g manifoldjs

要打包您的应用，请运行：

manifoldjs package <content-directory> <output-package-path>

地点：

<content-directory> 是包含应用内容的文件夹，包括 appmanifest.xml 文件和应用的图标

<output-package-path>是要生成的APPX文件的路径

例如：

manifoldjs package /apps/yourapp/windows10/manifest /apps/yourapp/windows10/yourapp.appx

【讨论】：

某处有问题。请参阅paste.fedoraproject.org/266924/23328214 ... a) 为什么在 npm 中有一个过时的流形JS？，b) 你的命令行不起作用。我错过了什么？
另外，我要补充一点，即使该过程有效，对于为 Firefox 和 Chrome 应用程序编辑的清单文件来说，它仍然非常复杂。此外，实际上，在 2015 年，我们仍然需要为一个 SVG 文件生成 20 个（！）不同的 PNG 渲染。为什么我不能只使用 /icon.svg ？ Web 开发世界中的矢量图像还有什么问题？但最后一个反对意见是设计投诉，恐怕我们现在无能为力。

【解决方案3】：

使用ManifoldJS，您不仅可以从 Windows 中创建、打包和发布 Windows 10 应用商店应用。您可以从 W3C Web App manifest 或站点 URL 开始。查看此video，了解如何从 Mac 发布 UWP Windows 应用。

developer site 上的文档将很快更新以包含所有方法。

【讨论】：

虽然这个答案是正确的，但对我来说完全没用，因为微软显然对免费应用程序不感兴趣。我不想为将应用程序发布到 MS 应用商店的特权而玩。所以，如果有人想使用它，只需转到上面的 URL。
ManifoldJS 现在是 PWABuilder，但即便如此 - 我也不认为这是正确的答案。 PWABuilder 坚持创建一个新的 service worker（如果我有一个成熟的 PWA，显然我有一个 service worker），如果你下载包，你只会得到一个包含 Windows 10 文件夹的 zip，但没有现成的 . appx 或 Microsoft 需要的任何软件包。