Angular 2本地桌面应用程序(无电子)示例

Question

Angular网站(www.angular.io(声称可以使用Angular"对于Web，移动网络，本机移动和本地桌面。"我想了解有关本地桌面功能的更多信息，但在Angular.io网站上找不到任何东西。有人可以将我指向一些文档或示例吗？

Answer 1

这是令人困惑的，但是没有办法仅使用Angular2创建本机桌面应用程序。也许这是未来的计划，但这是不可能的。但是Angular2与Electron的合作良好！我写了一个有关它的博客，不幸的是，它仅在德语中:(但是也许您可以简单地将其与Google翻译人员进行翻译：https：//medium.com/@baerree/ich-packe-packe-meine-koffer-goffer-angular-cli--cli-电子-II-28644342B956

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

在您的应用周围构建电子骨架并进行了链接中描述的Angular2配置步骤后，有一件事要做：

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

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

完成此操作后，您需要告诉Typescript，现在有一个电子变量，将其添加到您的Typescript.d.ts：

declare var electron: any;

您现在可以通过致电：

来访问Angular2中的电子

var app = electron.remote.app;

使用App变量，您可以完全访问电子和您的Electron.js文件。例如。您可以做这样的事情：

this.title = app.getAppPath();

我希望这至少有所帮助：(

欢呼

Answer 2

您必须有某种包装器。Angular 2本身无法创建桌面应用程序。Angular纯粹是Web技术，因此可以与浏览器合作。像电子这样的框架创建一个浏览器包装器，以欺骗用户认为该应用程序不是浏览器。

说，要完全回答您的问题，您可以在不使用ASP Core和通用Windows Platform 的情况下创建一个Angular 2应用程序，它允许您在JavaScript，HTML和CSS中开发，这到底是什么。但是，然后将您锁定到.NET和Windows桌面应用程序中。如果您仅针对Windows开发，那么这是一个更好的解决方案，而不是电子恕我直言。

另外，您可能会编写一些C＃配置。

也有电子替代品，几乎可以做同样的事情(浏览器包装器(

http://appjs.com/

https://nwjs.io/