欢迎光临,了解微信小程序开发,就上易用通!

JavaScript和React Native:小程序、iOS App、Android App全搞定

发布:2018-02-07 10:32浏览: 来源:网络 作者:cola

腾讯于2017年1月9日正式将小程序开发公测,任何人都可以申请小程序的账户。不过对于程序员来说,可又多了一个任务,除了要开发iOS App和Android App外,可能老板还会要求开发程序员开发同样功能的小程序,如果公司不另外招人的话,那么这些任务就都落到了原来的程序员头上。如果使用标准的开发方法,也就是说,小程序使用JavaScript、iOS App使用Objective-C或Swift、Android App使用Java。开发效率将会非常低,而且至少需要三名程序员才能在短时间内完成,并且还不支持移动App的重要功能:热更新。 
可能很多读者看到第一段话后,都会有一个问题:那该怎么办呢?其实只需要选对技术和方法,没有解决不了的问题。如果接触过小程序开发的读者,一定对小程序的开发过程非常了解。知道小程序使用JavaScript编写业务逻辑,使用wxml(微信标记语言)进行UI 设 计(布局)。那么,我们可以再扩展一下知识,在2015年9月份,Facebook推出了React Native,可用于开发iOS App和Android App,编程语言也是JavaScript,布局使用JSX。

如果程序员使用React Native开发iOS App和Android App,那么至少和小程序采用的编程语言相同,都是JavaScript。至于布局,wxml和jsx的很多组件都是一样的,顶多名字不同,属性大多是相同的,这就意味着,很多布局文件,小程序和React Native之间,只需要稍微修改一下,就可以互换。对于用JavaScript编写的逻辑代码更是如此,很多时候,直接将逻辑代码互相复制,甚至不需要进行修改,就可以直接运行。也就是说,通过使用React Native,可以实现小程序、iOS App和Android App在代码逻辑和布局上的共享。至少可以节省一倍的人工成本和时间成本。当然,光说不练假把式,下面就通过一个完整的案例,看看小程序和React Native到底有多像。

现在让我们来看看本文要做什么东西!本文会用一个计算阶乘的案例,来演示如果使用JavaScript以及完全相同的编程思想快速使用小程序、iOS和Android App。该程序的主要功能是在文本输入框中输入要n(一个数字),然后点击按钮,会计算n的阶乘,并显示在标签组件中。当然,后面还有两个switch控件,用来演示其他功能。效果如图1所示。





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。