配置试用NativeScript开发Android、iOS原生应用

第一次了解NativeScript为阅读CSDN文章《原生体验挡不住!Javascript开源跨平台框架NativeScript》。 

介绍

NativeScript是一款使用JavaScript语言来构建跨平台原生移动应用的开源框架,支持iOS、Android和Windows Phone。且NativeScript的使用没有过多繁杂的要求,只需使用自己已经掌握的JavaScript和CSS技能就能开发出真正具有原生用户体验的移动应用。

作为免费开源项目的NativeScript,它的源码已经托管至Github上,让开发者可以没有任何门槛约束的随意使用。除了无需学习新的编程语言,使用大家所熟识的JavaScript编码及CSS打造应用样式外,NativeScript的强大之处还有使用跨平台的UI抽象、共享业务逻辑和第三方原生库。

特性

100%访问原生平台API:整个原生平台功能在JavaScript层都是可用的。

基于ECMAScript5+JavaScript和CSS标准:使用现有的技能构建原生应用。

100%共享代码:基于一次编码,构建Android、iOS和WindowsPhone应用。

注:以上内容摘自《原生体验挡不住!Javascript开源跨平台框架NativeScript》。

 

环境配置:

为简化安装流程,笔者没有选择ADT Eclipse环境,而是选择安装一体化的Android Studio。

一、Android开发环境配置

1. 下载、安装Java SDK;

2. 配置JAVA_HOME系统环境变量为JDK目录,PATH追加%JAVA_HOME%\bin;

3. 从AndroidSDK开发包国内下载地址Android开发环境下载地址下载、安装Android Studio,注意记录SDK目录地址,默认为”c:\Users\<系统用户名>\AppData\Local\Android\sdk”;

4. 配置ANDROID_HOME系统环境变量为” <SDK目录>\ platform-tools”、” <SDK目录>\tools”;

5. 下载build-tools 21.1.1,在SDK下级目录build-tools中找到21.1.2,创建文件夹21.1.1;将下载的build-tools21.1.1中android-5.0文件夹下的文件到<SDK目录> \build-tools\21.1.1;

6. 执行<SDK目录>\extras\intel\Hardware_Accelerated_Execution_Manager目录下的intelhaxm-android.exe进行Intel x86镜像文件的安装;

二、NodeJS环境配置

1. 下载、安装NodeJS

2. 下载、安装ANT,配置ANT_HOME系统环境变量为ANT目录,PATH追加%ANT_HOME%\bin;

3. 进入NodeJS下运行sc queryintelhaxm可检查Intel haxm是否安装成功,如果状态为RUNNING则代表安装成功,否则返回Android开发环境配置第6步检查;

三、NativeScript安装

1. 进入NodeJS命令行,执行npminstall –g nativescript;

四、测试运行

1. 创建项目tns create MyApp;

2. 启动AVD Manager,创建AVD,记住AVD的名字;

3. 进入项目路径,如cd MyApp

4. tns emulate android –avd <AVD名字>即可通过AVD运行NativeScript应用进行测试、调试;

 

欢迎使用NativeScript

你是否是混合应用开发者尝试寻找创建真正的本地应用的方法?或者你是一个本地应用开发者想知道如何将你的应用推广到其它常用的平台?或者你是一个Web开发者寻找着将既有技术转化为移动开发的方法?

NativeScript让你为iOS和安卓开发真正的本地应用,仅使用简单的Javascript代码基础或者TypeScript、XML和CSS。NativeScript让你编写跨平台代码并且转换为面向目标平台的编程语言。

 

它如何工作?

使用Javascript或者TypeScript开发业务逻辑,使用XML和CSS设计并样式化你的用户界面,让NativeScript将你的简单应用程序代码转换成真正的iOS和安卓本地应用。

 

1. 使用NativeScript模块和NativeScript运行时编写你的应用代码。模块以一致方式曝露了iOS和安卓本地设备和平台能力让你通过非平台指定代码访问它们。

模块让你通过平台指定的JavaScript代码访问另外一些本地能力。

2. 自定义你的应用程序通过平台指定的资产如图标和Splash屏幕。

3. 创建你的应用。当你创建你的应用,NativeScript运行时将你的非平台指定代码转换成面向你目标平台的本地语言,而NativeScript工具使用本地平台SDK和工具创建本地应用程序包。

4. 运行你三的跨平台本地应用在本地虚拟器或真实设备上,或将它们发布给测试者和最终用户。NativeScript在编码所需技能和系统设置两方面减少了本地应用开发的复杂性。 

作为开始,你需要JavaScript或者TypeScript知识来实现你的业务逻辑,使用XML和CSS知识来设计你的界面和移动应用的灵感。你不需要Java或者Objective-C知识。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。