6

使用HTML5构建iOS原生APP(1)

 3 years ago
source link: https://yuguo.us/weblog/build-native-app-with-html5/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

使用HTML5构建iOS原生APP(1)

余果 2013-03-08 iOS

读了Exclusive: How LinkedIn used Node.js and HTML5 to build a better, faster app之后,我感觉在原生软件中嵌套一部分HTML5页面也许是一个很好的方向:

  • 原生跟HTML5的比例可以灵活协调,更适合原生的就使用原生组件,更适合HTML5的就用HTML5
  • 前端开发者可以使用我们已经熟悉的技术:用CSS3设计,用JavaScript处理逻辑
  • 可以更方便移植到Android或者Win Phone等平台
  • 性能跟原生一样优秀

下面是我在研究制作HTML5 APP的过程中用到的技术清单:

  • 【nodejs】我的服务器端需要输出一系列API,以方便我更新数据,所以采用了nodejs,原因我在上一篇日志有说;
  • expressjs】nodejs框架,提供了MVC分离的架构,路由中间件;
  • mongodb+mongoose】mongodb提供数据库,mongoose作为封装对象,能让我更方便地处理数据库连接和查询操作;
  • ejs】服务器端的js模板语言,其实后来没有实际用到这个,因为我选择了传输json数据,然后在客户端(也就是原生app中的webview里)解析数据。另外nodejs的模板语言还可以选择jade;
  • handlebarsjs】handlerbars与ejs不同,ejs是nodejs采用的一种模板语言,在服务器端渲染出页面然后吐出来,handlebars是客户端模板,浏览器接收模板+json之后用客户端的计算能力来处理。后者传输的数据更少;
  • 【Objective-C】当然少不了iOS原生语言。

其实在做服务器的时候我没有用自己的服务器和数据库,而是使用第三方托管,我相信这是未来主流。

  • heroku】我把nodejs服务器架设在heroku上,更新代码使用git,快速而方便。
  • MongoHQ】我把数据库托管在mongohq上,mongohq跟heroku是无缝衔接在一起的。

整个流程还是略显复杂,国外第三方托管速度也略慢,希望跑通之后可以进行优化。

我写字的地方迁移到公众号啦~欢迎关注我的公众号:余果专栏


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK