javascript原生移动云编程1 - 十分钟做出跨平台原生App

只用 10 分钟，同时做出一个 iOS 和安卓的原生应用，听起来 Mission Impossible。光是下载安装 iOS 的 Xcode 和安卓开发环境，就要折腾整整一宿，别忘了为了 iOS 的开发，你还必须准备一台很金贵的 Mac 电脑。现在这是小事一桩，你只需要一个上网的浏览器，只需要粗通一点javascript，就可以在浏览器里写出一个跨平台的原生 App。点击这里看演示视频。

第一步：用你手机上的浏览器，到 m.mash5.cn下载一个App，叫1at
dev。安卓、iPhone、iPad都可以。安装启动这个App，用你的手机号注册账户，手机的尾号4位数就是你的初始密码（以后可以随时改密码。注意一定用自己的手机号，否则万一密码丢了，找回密码就发到别人手机上了）。登录后，系统加载资源之后，先看到一批开源应用，包括这批教程里的全部应用实例。再查看“我的应用”，目前还是空的，等着你下一步创建新应用。

第二步：从电脑浏览器上到
m.mash5.cn/dev，就用刚在手机注册的账户登录，用户名是手机号，初始密码是手机尾号 4 位数。浏览器一定用Chrome 或者 Firefox，否则会有古怪精灵捣乱，在 IE 上干活也显得太不专业了。进入应用开发页面，点击左边的“创建应用”，填写一个应用名，比如说“处女作”，选择入门的 Hello World 模版，这是你的第一个应用。现在转移到手机上，点击【我的应用】，就看到“处女作”，点击进入，看到屏幕正中显示“Hello, world”。上个世纪七十年代，美国贝尔实验室的里奇大爷发明了
Unix 操作系统，用他发明的 C 语言写的。后来火了，他教别人写 C 的第一个程序，就是打印Hello, world。没法不火，现在 IOS 和安卓的内核，基本上还是 Unix。

第三步，把里奇大爷的 Hello, world 改一改。回到浏览器，点击左边“处女作”的应用，右边出现几个屏幕，点“页面”，这是手机页面列表，里面有个“处女作”的页面，点击旁边的“编辑”，会弹出另一个网页，里面就是需要修改的 javascript 程序。找到第12行的“Hello, world”，把引号里的文字改成“超级码农”。保存一下。现在转移到手机上，用左上角的退回按钮退到应用列表页，然后点右上角的“清理缓存”，再次进入“处女作”应用，就看到“超级码农”的字样了。重复这个过程，还可以修改下背景颜色，把第6行的"#eee"改成"#aaf"试试。

Class.create(Mash5.Widget, {
initialize : function (config, params) {
var container = Ti.UI.createView({
width : Ti.UI.FILL,
height : Ti.UI.FILL,
backgroundColor : '#eee'
});

container.add(Ti.UI.createLabel({
width : Ti.UI.SIZE,
height : Ti.UI.SIZE,
text : 'Hello World !',
color : '#000',
font : {
fontSize : '50dip'
}
}));
this.setContentView(container);
}
})

现在，显示“超级码农”的应用是个跨平台的原生应用了。不信，如果你用安卓，找个苹果手机，装上 1at dev，用同一账户登录，就可以看到一模一样的”处女作“应用。继续关注我的博文，用 javascript 玩转动画和手机硬件（摄像头、蓝牙、罗盘、加速传感等等），就知道原生应用的好处和乐趣。

有个超级码农问我，怎么把下载安装的 1at dev 改成别的名字和别的图标？这件事 10 分钟内搞不定。需要另外打个跨平台的 App 安装包，以后再细说。One time one step，先用 javascript 把各种原生应用的招数搞定，我会继续介绍。

还有位骨灰级码农试图戳穿我的把戏，认为我在用 PhoneGap 作法。我还是老实交待为好，这个技术把戏叫“云编程”。简单说，在云里写javascript 代码，IDE 开发环境全在浏览器里，连接阿里云，而下载安装的 1at dev 是个应用容器，1at dev 本身没有任何应用，是个空壳。而具体的应用会自动按需从云里加载，放在手机缓存里。这里面没有PhoneGap 的事，用上了 Titanium 做跨平台开发，因为 Titanium 把原生的系统库，通过桥接，包装成
javascript 的调用。Titanium 有一点和PhoneGap 一样，只能在本地电脑上做开发，你还是要花一晚上安装一堆IDE，运气不好，几天未必能折腾成。此外，开发时，每次一个小改动，就要重新编译，每次启动手机模拟器看效果，又要花上半分钟。最气人的是，安卓真机上跑的应用经常和模拟器对不上号，你还得把应用打包安装到手机上，这个过程每次又折腾几分钟，调 UI 实现反反复复，超级码农先要崩溃了。因此，云编程是把Titanium 彻底云化了。在云里干活，不试不知道，一旦试过，一个字，爽！