将Angular 2应用转变为移动应用

时间:2016-06-06 04:21:44

标签: angular mobile-application

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

4 个答案:

答案 0 :(得分:7)

目前处于测试阶段的

Ionic 2使用Angular2制作混合移动应用。你必须在你的应用程序中进行一些修改,但它仍然是Angular2,只有一些自定义离子组件。

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

答案 1 :(得分:2)

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

答案 2 :(得分:1)

您可以使用最少的步骤来使用Cordova。

link会有所帮助。它对我有用。

您也可以使用Ionic,但它丢失路由器错误,项目结构也不同。因此,您应该使用Ionic路由器进行新项目,然后有选择地复制角度代码。在cordova中,您可以使用基本cordova设置项目,并在最小配置更改的情况下立即复制整个代码。

答案 3 :(得分:0)

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

在Angular.io博客上发布了不到4个月的旧文章。 它讨论了由Progress软件公司开发的NativeScript,它支持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.*,则在构建移动包(android / ios)的过程中,它们会在构建过程中覆盖Web文件(非*.tns.*
  • 如果不存在移动文件,则Web文件(非*.tns.*)将成为移动文件,从而实现代码共享。
    • 因此,默认情况下会发生代码共享(您的angular2 +文件变为android / ios文件),如果您只想为移动设备提供不同的外观/功能,则可以创建相应的移动设备文件(例如a.tns.html和a.html)
  • 您将获得本机性能,只需要做很少的更改即可。
  • 您可以访问摄像头和位置信息等硬件,

我已经读完一半,但是看起来与Native协作的NativeScript是一个很好的前进方式。
阅读以下内容以了解更多信息。