将 Angular 2 应用程序转变为移动应用程序答案

【问题标题】：Turn Angular 2 app into mobile app将 Angular 2 应用程序转变为移动应用程序
【发布时间】：2016-10-05 14:14:18
【问题描述】：

我们有一个使用 AngularJS 2 开发的响应式 Web 应用程序。我们希望将其包装在一个包中，以便将其作为移动应用程序重新分发。 Android 是我们的首要任务。我们看过科尔多瓦。是否有其他选项可用于将 Web 应用程序转变为移动应用程序？将 AngularJS 2 网络应用程序转变为移动应用程序有哪些陷阱？

【问题讨论】：

angularjs.blogspot.co.at/2015/12/…
@GünterZöchbauer 我们不想对我们的应用程序进行更改。我们只是想把它包装成一个移动应用程序并让它发布。
只是觉得你应该知道这个选项。反正我不太了解，因此只是评论而不是答案。

标签： angular mobile-application

【解决方案1】：

Ionic 2，目前处于测试阶段，使用 Angular2 制作混合移动应用程序。您必须在您的应用程序中进行一些修改，但它仍然是 Angular2，只有一些自定义离子组件。

NativeScript 也使用 Angular2 制作应用程序，但这一次，它制作了真正的原生应用程序。那里还有一些工作要做，你必须调整你的模板和样式，但代码仍然是 Angular2 风格的 TypeScript。

【讨论】：

【解决方案2】：

这个看起来更有前途angular-native-seed，你只需要写一次代码。

【讨论】：

它有“这个仓库已经被所有者归档。它现在是只读的。”

【解决方案3】：

您只需极少的步骤即可使用 Cordova。

这个link 会很有帮助。它对我有用。

您也可以使用 Ionic，但它会引发路由器错误，并且项目结构也不同。因此，您应该使用 Ionic 路由器创建新项目，然后有选择地复制角度代码。与在 cordova 中一样，您可以使用基本的 cordova 设置一个项目，并一次复制整个代码，只需进行最少的配置更改。

【讨论】：

【解决方案4】：

2019 年 1 月，我正在寻找类似的个人项目，我知道 Angular 7，想将其转换为 Android/iOS 应用程序。

在 Angular.io 博客上发表于 4 个月前的文章下方。讲的是NativeScript，由Progress软件公司开发，支持Js，或Ts，或Angular+Ts项目。

使用代码共享，可以将相同的 Angular 2+ 项目转换为移动设备：

Web 文件 = 所有非*.tns.* 文件，例如 mycomp.html、mycomp.ts、mycomp.css（常用文件）
移动文件 =（适用于 ios 和 android）=所有 *.tns.* /native 脚本文件，例如 mycomp.tns.html、mycomp.tns.ts、mycomp.tns.css
如果存在移动文件 (*.tns.*)，则它们会在构建过程中覆盖 Web 文件（非 *.tns.*），同时为移动 (android/ios) 构建捆绑包
如果不存在移动文件，则网络文件（非*.tns.*）成为移动文件，因此代码共享。
- 因此，默认情况下会发生代码共享（您的 angular2+ 文件变成 android/ios 文件），如果您只希望移动设备具有不同的外观/功能，那么您可以创建相应的移动文件（例如 a.tns.html 用于 a.html）
您只需进行很少的更改即可获得本机性能。
您可以访问相机和位置等硬件，

我已经阅读了一半，但它看起来已经是与 Angular 合作的 NativeScript，是一个很好的前进方式。
阅读下文以了解更多信息。

【讨论】：