当前位置: 移动技术网 > 移动技术>移动开发>WP > NativeScript —— 初级入门(跨平台的手机APP应用)《一》

NativeScript —— 初级入门(跨平台的手机APP应用)《一》

2018年09月27日  | 移动技术网移动技术  | 我要评论

nativescript简介

  1. nativescript是一个相当新的开源开发系统,几乎完全用javascript创建跨平台移动应用程序,带有一些可选的css和xml来简化显示布局的开发。您可以在https://github.com/nativescript 找到构成nativescript的每个主要项目的位置。即使它是市场上的新手,它已经完全兼容apple的ios和谷歌的android。 此外,还有微软的windows mobile。 nativescript 使用android上的v8引擎(由googlechrome和node.js使用)和ios设备上的apple的javascriptcore引擎。
  2.  现在,还有其他几种用于移动设备的javascript开发系统。 其中一些竞争对手已经建立了一段时间。其他开发系统可能有大公司在开发它们。 但这些都不会使任何其他工具成为最佳选择。nativescript从众多其他javascript环境中脱颖而出的原因在于其独特的设计。其他每个javascript环境都需要一个特殊的桥接器或某种类型的编译扩展,它基本上将主机操作系统的一些本机功能暴露给您的javascript代码。其中很多实际上只是包含在应用程序shell中的web浏览器,因此您所做的所有工作实际上都在浏览器中。如果您决定在其他产品中使用ios手机上的蓝牙,则必须找到使用其他非javascript语言制作ios蓝牙桥接器或扩展模块的人。在很多情况下,您甚至必须编译模块,然后该模块才具有您需要的所有功能。

    1 例如,要找出文件是否存在,我们可以在javascript中调用原生android方法:
    2 var javafile = new java.io.file('/some/file/name.ext'); 
    3 var exists = javafile.exists();
    4 
    5 或者javascript中的原生ios objective c代码:
    6 var filemanager = nsfilemanager.defaultmanager(); 
    7 var exists = filemanager.fileexistsatpath('/some/file/name.ext');
  3. 由于nativescript允许您从javascript代码访问完整的操作系统库和第三方库,因此您无需等待其他人创建包装器或桥接器来与ios或android的api任何部分进行通信。 您现在可以完全使用任何api作为一等公民,甚至可以使用任何在首次发布的新api。
  4. 现在,在您担心必须掌握ios和android来制作应用程序之前,nativescript已经替你解决了这一点。 为简化起见,nativescript已经拥有大量组件或模块,这些组件或模块包含了开发人员需要的最常见的东西,nativescript称为通用核心模块。 因此,您不必像上面那样编写android或ios特定代码来查看文件是否存在,您只需编写以下代码即可:

    1 var fs = require('file-system'); 
    2 var exists = fs.file.exists(path);

    nativescript文件系统模块包含了每个本机平台的api,因此您只需要写入通用接口即可。 但是,当您需要在内置模块和组件之外执行某些操作时,nativescript是唯一允许您通过javascript轻松完全访问设备提供的所有内容的环境。

  5. nativescript 命令行,实用程序,通用模块和组件都是用typescript编写的。 然后将typescript转换为javascript,然后分发给所有开发人员以供下载,安装和使用。 因此,除非您实际从nativescript存储库中提取开源代码,否则您将看到的所有代码都是javascript。
  6. 创建通用模块是为了解决javascript文件使用变量和函数污染全局命名空间的问题,而另一个javascript文件可能会意外的覆盖。 javascript允许您随心所欲地重新声明或修改您的功能,这是使其如此强大的一部分。 然而,有了这么大的功能,能够很容易地也误伤自己。 然后,出现各种无头无脑的错误。 为了解决一个文件功能或变量被另一个文件覆盖的问题,开发人员提出了几种技术,这些技术演变成我们今天的通用模块格式。 您可以使用三种标准:commonjsmodule格式,即node.js推广的格式; amdmodule格式,专为在浏览器环境中异步解析javascript文件而设计; 以及全新的ecmascript 6模块格式,在最终发布时,应该成为事实上的模块格式。 它们都包装了源代码,因此默认情况下模块中的所有代码都不会干扰全局命名空间。 nativescript遵循commonjsmodule格式,您可以在其中使用exports和module.export来告诉您希望向外部各方公开的模块中的代码部分。 当您看到var coolmodule = require('cool-module');时,这是commonjsmodule格式用于加载模块的语法。

安装nativescript

  1. 要开始使用nativescript,我们首先必须安装多个工具。 几乎所有内容的主要工具是nativescript命令,或者您也可以使用较短的tns别名(telerik nativescript的缩写)。
  2.  要安装nativescript命令并使其工作,必须首先安装node.js,可以从 https://nodejs. org/ 下载和安装。nativescript命令也是用typescript编写的,在你下载它之前已经预转换为javascript。 它使用node.js和其他几个常用模块来执行其所有工作。
  3. 一旦你安装了node.js,你只需要在终端做一个简单的npm install -g nativescript 命令,(或者在windows上称为命令提示符窗口)。 然后npm将下载并安装所需的nativescript代码和命令行工具。 它将全局安装它,以便可以从您正在处理的任何项目中使用它。
  4.  更多安装细节请移步:https://docs.nativescript.org/start/quick-setup
  5.  这里不在过多废话。。。这里不在过多废话。。。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网