11 个超棒的移动Web应用开发解决方案
openkk 12年前
<p>如果你问我是不是一个好的时机开发超棒的移动应用了？我得说：当然！</p> <p>随着不同技术和类库的发展，很多移动应用解决方案浮出水面，在今天这篇文章中，我们将看看11个超棒的跨平台移动应用解决方案和工具。希望大家喜欢！</p> <h2><a href="/misc/goto?guid=4958189732334097104">Sencha Touch 2</a></h2> <p><img alt="11 个超棒的移动Web应用开发解决方案" src="https://simg.open-open.com/show/6476cf62bd0fbfb90be81e77db93e574.jpg" width="520" height="389" /> </p> <p>如果你对于HTML5，CSS3和Javascript比较熟悉的话，那么Sencha Touch 2可能对于你来说就是一个开发iphone，android和blackberry的不错的选择。 </p> <p>sencha touch 2需要安装到你的PC（支持PC，Mac和Linux）。同时你需要一个本地的web服务器安装到你的PC中（这里有个文档可以帮助你： <a title="Using XAMPP for Local WordPress Theme Development" href="/misc/goto?guid=4958521737070521753">how to install XAMMP</a>）</p> <p>如果需要你可以访问 <a href="/misc/goto?guid=4958521737162211908">Kitchen Sink app</a> 来看看实际的效果。</p> <h3>Sencha Touch 2 总结</h3> <ul> <li>技术需求：HTML，CSS，Javascript，一般web开发知识</li> <li>平台支持：iOS，Android，BlackBerry</li> <li>成本投入：免费（<a href="/misc/goto?guid=4958521737258098943">under commercial and open source licenses</a>），付费OEM授权</li> <li>文档支持：<a href="/misc/goto?guid=4958329895656288968">Examples, screencasts, and tutorials</a></li> </ul> <h2><a href="/misc/goto?guid=4958183601317272178">jQuery Mobile</a></h2> <p><img alt="11 个超棒的移动Web应用开发解决方案" src="https://simg.open-open.com/show/39cc5690ff9c6cae0f789873031a66ef.jpg" width="520" height="389" /> </p> <p>jQuery Mobile是一个HTML5的UI框架，用来开发触摸式设备应用。非常简答并且直观，并且<a title="jquerymobile" href="/misc/goto?guid=4958521737412954630" target="_blank">文档很全</a>。 并且支持主题切换：<a href="/misc/goto?guid=4958326502410669209">ThemeRoller</a>。</p> <p>如果需要开发服务器端，你可以使用PhoneGap；这里官方文章教你<a title="phonegap - gbin1.com" href="/misc/goto?guid=4958521737543407972" target="_blank">如何使用PhoneGap开发jQueryMobile</a>。</p> <p>这里我们推荐使用免费的jQuery开发工具 <a title="codiqa" href="/misc/goto?guid=4958522740237652263" target="_blank">Codiqa </a>，使用这个<a title="codiqa" href="/misc/goto?guid=4958522740237652263" target="_blank">工具</a>你可以使用拖放的方式来添加组件，直接看到效果，相信你肯定会喜欢！</p> <h3>jQuery Mobile 总结</h3> <ul> <li>技术需求：HTML，CSS，jQuery</li> <li>平台支持：主流移动浏览器</li> <li>成本投入：免费（license: <a href="/misc/goto?guid=4958521737623489360">MIT and GPL</a>）</li> <li>文档支持：<a title="jqmobile - gbin1.com" href="/misc/goto?guid=4958521737412954630" target="_blank">演示和文档</a></li> </ul> <h2><a title="dojo toolkit- gbin1.com" href="/misc/goto?guid=4958185729256890617" target="_blank">Dojo toolkit - mobile</a></h2> <p><img alt="11 个超棒的移动Web应用开发解决方案" src="https://simg.open-open.com/show/b82da6d1c5d85b12ebd677d541da09e9.jpg" width="520" height="436" /></p> <p>最新发布的Dojo toolkit 1.7中带给我们了移动开发的框架 dojox/mobile，在前面的文章中我们曾经介绍过<a title="dojo mobile - gbin1.com" href="/misc/goto?guid=4958522740420569749" target="_blank">Dojo的移动开发</a>，缺省支持iOS，Android，Blackberry和Common四种主题，并且拥有丰富的界面元素，帮助你快速的开发移动设备应用。 </p> <h3>Dojo mobile 总结</h3> <ul> <li>技术需求：HTML，CSS，Dojo</li> <li>平台支持：主流移动浏览器</li> <li>成本投入：免费</li> <li>文档支持：<a title="dojo mobile - gbin1.com" href="/misc/goto?guid=4958185729256890617" target="_blank">演示和文档</a></li> </ul> <h2><a href="/misc/goto?guid=4958521737833121739">Tiggzi</a></h2> <p><img alt="11 个超棒的移动Web应用开发解决方案" src="https://simg.open-open.com/show/b8a8a42cb314c197646cd9ffec3d0326.jpg" width="520" height="389" /> </p> <p>使用jQuery Mobile作为基础，tiggzi是一个拖放开发工具用来开发移动应用。你可以添加标准的按钮，菜单，视频，地图等等到你的移动应用中，并且能够绑定事件。</p> <h3>Tiggzi 总结</h3> <ul> <li>技术需求：HTML，CSS，javascript，XML</li> <li>平台支持：iOS，Android，移动web</li> <li>成本投入：$15-$50/月 (拥有免费计划)； 查询<a href="/misc/goto?guid=4958521737938008034">报价</a>页面</li> <li>文档支持：<a title="gotiggr- gbin1.com" href="/misc/goto?guid=4958521738027854541" target="_blank">演示和文档</a></li> </ul> <h2><a href="/misc/goto?guid=4958521738116834371">AppMakr</a></h2> <p><img alt="11 个超棒的移动Web应用开发解决方案" src="https://simg.open-open.com/show/2919c60af5db82a725e36e4389f23803.jpg" width="520" height="389" /> </p> <p>Appmakr是一个在线工具帮助你创建移动应用，同时能够帮助你将应用添加到app store中。你可以倒入RSS feed来生成一个移动优化的应用。</p> <p>不需要任何的编程，当然你可以添加自定义的HTML</p> <h3>AppMakr总结</h3> <ul> <li>技术需求：懂HTML，CSS将会更有帮助</li> <li>平台支持：iOS，Android，windows phone</li> <li>成本投入：$79/月，插入广告的话可以免费</li> <li>文档支持：<a title="Tiggzi" href="/misc/goto?guid=4958521738220083076" target="_blank">演示和文档</a></li> </ul> <h2><a href="/misc/goto?guid=4958521738312553075">iBuildApp</a></h2> <p><img alt="11 个超棒的移动Web应用开发解决方案" src="https://simg.open-open.com/show/a2d12a121bbd22aef4ba6740bbd1257b.jpg" width="520" height="389" /> </p> <p>iBuildApp是一个创建移动应用的工具。拥有<a title="ibuildapp" href="/misc/goto?guid=4958521738419901813" target="_blank">非常不错的模板供大家选择</a>，而且你可以在<a href="/misc/goto?guid=4958521738518103298">iBuildApp Gallery</a>里得到应用的特性。</p> <p>提供了很多选项添加到你的移动应用中，包括e-commerce和嵌入web页面到你的应用。提供了Soap web服务允许你创建，获取，升级或者删除内容。 </p> <h3>iBuildApp总结</h3> <ul> <li>技术需求：懂HTML，CSS将会更有帮助</li> <li>平台支持：iOS，Android </li> <li>成本投入：$9.99/月，插入广告的话可以免费</li> <li>文档支持：<a title="ibuildapp" href="/misc/goto?guid=4958521738599676375" target="_blank">演示和文档</a></li> </ul> <h2><a href="/misc/goto?guid=4958521738688629462">Widgetbox</a></h2> <p><img alt="11 个超棒的移动Web应用开发解决方案" src="https://simg.open-open.com/show/e73ef12021e634a717147ddd21214355.jpg" width="520" height="389" /> </p> <p>Widgetbox 提供了超简单的方式来创建和运营简单，基于内容的移动应用。你可以通过博客或者其它社交媒体的RSS来创建页面。当然你也可以使用HTML和 CSShttp://sixrevisions.com/user-interface/website-wireframin添加自定义的内容。</p> <p><a title="widgetbox" href="/misc/goto?guid=4958521738794177427" target="_blank">这里可以查看</a>使用widgetbox创建的app应用。 </p> <h3>iBuildApp总结</h3> <ul> <li>技术需求：懂HTML，CSS将会更有帮助</li> <li>平台支持：大多数的移动浏览器</li> <li>成本投入：$25-100/月</li> <li>文档支持：<a title="widgetbox" href="/misc/goto?guid=4958521738883066559" target="_blank">Q&A，演示和文档</a></li> </ul> <h2><a href="/misc/goto?guid=4958521738976736719">foneFrame</a></h2> <p><img alt="11 个超棒的移动Web应用开发解决方案" src="https://simg.open-open.com/show/32cf5e850c093d3cdb66e2dd50c6c2be.jpg" width="520" height="389" /> </p> <p>foneframe是一个移动HTML5/CSS3的框架帮助你开发针对移动设备优化的web应用。你可以使用phonegap或者appmobi XDK来作为后端。同时也是一个不错的<a title="wireframe" href="/misc/goto?guid=4958522740924123281" target="_blank">构建</a>mobile网站的工具。</p> <h3>foneframe总结</h3> <ul> <li>技术需求：HTML5，javascript，CSS</li> <li>平台支持：大多数的移动浏览器</li> <li>成本投入：免费(license: Creative Commons Attribution 3.0 Unported License)</li> <li>文档支持：模板拥有内建的文档</li> </ul> <h2><a href="/misc/goto?guid=4958199139955699999">PhoneGap</a></h2> <p><img alt="11 个超棒的移动Web应用开发解决方案" src="https://simg.open-open.com/show/da62af5eb9dc95cd8cb2382562f3f325.jpg" width="520" height="389" /> </p> <p>PhoneGap是一个免费开源的软件作为拥有独立开发语言的的移动OS SDK的桥联。</p> <p>使用phonegap你可以更容易的支持不同的移动设备。你可以使用HTML5，CSS3和Javascript创建移动应用。然后使用phonegap来针对指定的操作系统打包。同时整合了Dreamwearver。</p> <h2><a href="/misc/goto?guid=4958521739217138594">PhoneGap Build</a></h2> <p><img alt="11 个超棒的移动Web应用开发解决方案" src="https://simg.open-open.com/show/94a8345742dbc6a5c5364efa2f113a09.jpg" width="520" height="389" /></p> <p>Phonegap的开发人员创建了一个机遇web的平台帮助你创建你自己的build。叫做PhoneGap build。这个服务目前支持iOS，Android，blackberry，webOS和Symbian。</p> <p>使用这个服务你可以上传你自己的HTML5，CSS3和Javascript，PhoneGap build会帮助你生成你需要的文件，你可以直接发送到App store中。 </p> <h2><a href="/misc/goto?guid=4958521739321311962">appMobi XDK</a></h2> <p><img alt="11 个超棒的移动Web应用开发解决方案" src="https://simg.open-open.com/show/29ba7ac7bacacc0e217c31190e942190.jpg" width="520" height="389" /></p> <p>appMobi XDK是一个基于云的移动应用开发环境。作为Google chrome的插件存在。同时帮助你运行你的mobile应用，也能帮助你部署应用到app store中。虽然服务是免费的，他们提供了一些附加服务例如，消息推送和电子商务帮助你增强你的移动应用。</p> <p>来源：<a href="/misc/goto?guid=4958522741106176586">分享11个超棒的移动应用(mobile apps)开发解决方案</a></p>