配置试用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知识。

时间: 2024-11-09 06:49:21

配置试用NativeScript开发Android、iOS原生应用的相关文章

在Visual Studio 2013/2015上使用C#开发Android/IOS安装包和操作步骤

原文:在Visual Studio 2013/2015上使用C#开发Android/IOS安装包和操作步骤 Xamarin 配置手册和离线包下载 http://pan.baidu.com/s/1eQ3qw8a 具体操作: 安装前提条件 1. 安装Visual Studio 2013,安装过程省略,我这里安装的windows10 + vs2013 with update 4. 2. 安装Java SDK,按照Next一步步安装,此处省略,如下图: 3. 安装Android SDK:因为在线安装的访

React-Native 开发 android & ios App,共享一份代码

React-Native 开发的App, 所有组件ios & android 共用, 共享一份代码 包括一些自定义的组件, 如NavigationBar, TabBar, SegmentedControl, 使用字体图标, 具有一定的参考意义 主要专注于布局, 共享组件/代码, 以及一些React自带的组件, 如: ScrollView, TouchableOpacity, View, Text, ListView, Image, WebView 和 Api的使用, 这并不是一个完整版, 只是业

[IOS_HTML5]各种JS框架介绍--用HTML5/CSS3/JS开发Android/IOS应用

现在人人都想成为安卓/IOS应用开发工程师.其实,安卓/IOS应用可以用很多种语言来实现.由于我们前端开发工程师,对HTML5/CSS/JavaScript的网络编程已经相当熟悉了.所以,今天大家将会认识到一些利用前端语言来开发安卓/IOS应用的工具. 在文章的末尾,也介绍了使用JAVA.C#.Lua以及AS3来开发安卓应用的工具. 希望大家都能找到适合自己的开发工具!祝大家开发安卓/IOS应用一切顺利! PhoneGap 开发语言: HTML, CSS, JavaScript 开发工具: Ph

[转发]在Visual Studio 2013/2015上使用C#开发Android/IOS安装包和操作步骤

Xamarin 配置手册和离线包下载 http://pan.baidu.com/s/1eQ3qw8a 具体操作: 安装前提条件 1. 安装Visual Studio 2013,安装过程省略,我这里安装的windows10 + vs2013 with update 4. 2. 安装Java SDK,按照Next一步步安装,此处省略,如下图: 3. 安装Android SDK:因为在线安装的访问google存在问题,而且速度慢,这里采用离线安装包,拷贝Android SDK到指定目录 我这里拷贝到C

最近的一些感想(关于移动客户端开发android,ios)

呵呵,想不出怎样的开场白...索性直奔主题. 好久没有更新博客了.因为最近比较“忙”,工作上,生活上,先聊工作吧,看了一眼上一篇博客是6月份更新的.算算也有5个月了. 从6月底开始有个机会转android了,之前一直从事的是c#Web端开发,加上自己对移动端也挺感兴趣的,也就随公司安排,做起了安卓移动客户端起来了. 大概看书,看资料预研了两周的android,因为有点java的基础,转起来还算轻松.自己捣鼓捣鼓花了一两周架起来基本的架子,然后有加入了两个新同事,像其他大部分项目一样,磕磕绊绊的花

Visual Studio 2015 预览版 - 支持跨平台开发Android/iOS应用程序(内置安卓模拟器)

微软最近的惊人举动真多,对普通消费者Office 移动版宣布免费,对开发者也发布了完全免费的 VS2013 社区版! 不仅如此,就连 .Net 开发框架环境也竟然「开源」并且跨平台支持 Mac 及 Linux 了!! 同时宣布的 Visual Studio 2015 和 .Net 2015 预览版均也开放下载了.作为微软跨平台新战略下的开发工具, VS2015 支持开发人员编写跨平台应用程序,从 Windows 到 Mac.Linux.甚至是编写 iOS 和 Android 代码! 此外,微软还

[Link]用HTML5/CSS3/JS开发Android/IOS应用

http://www.cnblogs.com/milkmap/archive/2012/02/09/2343880.html ionicframework.com

使用Go语言开发Android&amp;IOS应用

参考:https://blog.gokit.info/post/go-mobile/ 还有这里:https://blog.csdn.net/lusing/article/details/51869479  和  https://blog.csdn.net/kaisoft/article/details/84312641   和 https://blog.csdn.net/phlong999/article/details/49613931 原文地址:https://www.cnblogs.com

C#使用Xamarin开发Android应用程序 -- 系列文章

Xamarin开发Android应用程序 利用Xamaria构建Android应用-公交发车信息屏 Xamarin版的C# SVG路径解析器 C#使用Xamarin开发可移植移动应用(1.入门与Xamarin.Forms页面),附源码 为 Xamarin.Forms 做个跑马灯控件 [Xamarin挖墙脚系列:现有IPhone/IPad 设备尺寸] [Xamarin挖墙脚系列:IOS-关于手机支持的屏幕方向] [Xamarin挖墙脚系列:Xamarin.IOS机制原理剖析] [Xamarin挖墙