拍照app开发进阶



开发进阶


看demo一下android的运行情况。就是我们现在用模拟器来模拟一下同样就是刚才我们这个APP,hello world这个APP。我们如果运行在这个android是什么样。


0.png


现在我们运行android就敲meteor run android。这个时候,它会开始安装一些东西,不过这是第一次才有的。


1.png


然后它会启动android的模拟器,你就可以看到一个安卓手机,运行经过编译后的这种Hybrid的混合型的移动APP,内容跟我们刚才跑的那个是一模一样的。这个就是我们的模拟器。


2.png


如果你有一个真的android手机的话,其实很简单,进入debug模式,然后把USB口插到你的电脑上,那么同样这个程序就可以运行在你的真实的安卓手机上。


开始运行了,这个是一个启动画面。我们可以修改它,但先不管他。


3.png


这就是我们刚才那个APP。


4.png


点一下,一样可以工作。和我们这个web上一模一样。


5.png


如果说,换成IOS其实也是一样的。我们需要做的就是把它改成IOS。


6.png


那么你刚才写的那个程序就都可以有一个IOS的版本了。

我们设想一下,如果没有这样的工具,我们开发一个软件,那么你还需要两个team。一个team开发IOS,一个开发android。那么工作量基本是double,因为它们没有可以共享的代码。但是我们现在使用这个meteor基础的话。如果你想增加新的平台,你只需要加两条命令就行了。
我们现在meteor run IOS,就是在IOS上安装?;谕脑?,如果你现在有一个iPhone的话,你可以插到你的电脑上,你的程序就可以在真的手机上跑,而不是模拟器。


这个就是IOS的模拟器。


7.png


我们点击按钮之后,也是可以正常工作的。


8.png


所以现在我们已经证明了我们的代码可以在IOS和Android上都能跑。做了这一步之后,我们下一步会demo一个东西。一个很重要的功能,叫做Hot code push(热代码推送)。


9.png


这个是什么意思呢?就是当我们运行一个程序,当我们修改我们server代码的时候,我们不需要重启server,也不要求用户重启浏览器,也不要求用户在手机上去下载一个新的APP,因为那个消耗时间很长,尤其在手机上。


当你在iPhone上有新的版本要发布的话,还得提交给app store,它要去做审核,那么两三个星期就会过去。用户要等两三个星期才能得到你的版本升级。


这个Hot code push就是一个很重要的功能。我们现在试验一下修改代码。打开这个Sublime。这个是我喜欢用的编辑器,当然你们也可以选择自己喜欢的。


90.png


我打开四个窗口,可以同时开四个页面。
我们打开我们的源文件,也就三个文件。


91.png


我们现在把代码改成了Welcome to Meteor 101。


92.png


我们只需要把代码存一下,然后我们再回来看。


93.png


看着这个程序就已经自动的随着server端的变化而变化了。没有重启也没有要重新去下载这个APP。我们web端也一样,变化成了101了。


94.png


这个是身份得人喜欢的一个功能,因为我们可以让用户在0等待的时候,我们就随时的把这个代码推送给用户,用户甚至于都不需要重启,也不知道这个系统已经升级了。这就是很重要的一个代码推送功能。我们下面呢要准备开始写代码了,不过在写代码之前呢,我们还需要装一个照相机的plugin。


95.png


我们这个软件呢,之前也demo过了,是需要使用我们的摄像头去拍照并且分享的。那么这设计到一个操作硬件的东西,那么这个就有一个Cordova Plugin。我们需要安装。


很简单,回到我们的命令行。首先把它停止下来。


96.png


然后敲入如下命令。


97.png


这个软件是专门为了让我们能够操作照相机设备的。这个还不只是一种设备上的照相机,装了这个之后,基本上是web的,PC的camera;或者android的,IOS的全部都可以使用。好了,到现在为止,我们需要安装的包都已经全部安装完了。那么后面的工作都基本上是在代码上工作了。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

logo
? 2012-2016 葡京国际首页 www.ybxiongdi.com
蜀ICP备13014270号-4 Version 5.0.0 release20160127

秋招大聚惠,豪华礼包你领了吗?

客服热线 400-862-8862

回到顶部