Angular 2 个本机桌面应用程序（没有 Electron）示例

Question

Angular 网站 (www.angular.io) 声明 Angular 可用于 "For web, mobile web, native mobile and native desktop." 我想了解有关本机桌面功能的更多信息，但在 angular.io 网站上找不到任何内容。有人可以指点我一些文档或示例吗？

Answer 1

这令人困惑，但无法仅使用 Angular2 创建本机桌面应用程序。也许这是未来的计划，但现在还不可能。但是 Angular2 与 Electron 配合得很好！我写了一篇关于它的博客，不幸的是它只有德语:( 但也许你可以简单地用 Google 翻译器翻译它：https://medium.com/@baerree/ich-packe-meine-koffer-angular-cli-electron-ii-28644342b956

基本上，您需要运行执行此处描述的步骤： http://www.blog.bdauria.com/?p=806

围绕您的应用构建 Electron 骨架并完成 link 中描述的 Angular2 配置步骤后，需要做一件事：

您的 Angular2 范围内缺少电子范围。这意味着，如果你想访问它，你需要在 Angular2 中通过管道传输电子。这是通过将以下内容添加到您的 index.html 来完成的（注意，这不是一个干净的解决方案）：

 <script>
  var electron = require('electron');
 </script>

完成此操作后，您需要告诉打字稿，现在有一个电子变量，方法是将其添加到您的 typescript.d.ts:

declare var electron: any;

您现在可以通过调用以下方式访问 Angular2 中的电子：

var app = electron.remote.app;

使用 app 变量，您可以完全访问 electron 和 electron.js 文件。例如。你可以这样做：

this.title = app.getAppPath();

我希望这至少能有所帮助 :)

干杯

Answer 2

好吧，你必须有某种包装器。 angular 2 本身无法创建桌面应用程序。 Angular 是纯粹的网络技术，因此适用于浏览器。像 electron 这样的框架创建了一个浏览器包装器来欺骗用户认为应用程序不是像 chrome.

这样的浏览器。

话虽如此，但要完全回答您的问题，您可以使用 asp 核心和 Universal Windows Platform 创建一个 angular 2 应用程序，而无需电子，它允许您在 javascript、html 和 css，这正是 angular 的含义。但是，您随后将被锁定在 .net 中，并且只能使用 windows 桌面应用程序。其中，如果你只是为 windows 开发那么这是一个比电子恕我直言更好的解决方案。

另请注意，您可能会编写一些 C# 配置。

还有 electron 的替代品，它们几乎做同样的事情（浏览器包装器）

http://appjs.com/

https://nwjs.io/

Angular 2 个本机桌面应用程序（没有 Electron）示例

Angular 2 native desktop app (without Electron) example

desktop-application

angular