• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
IDF2013大会分享——《使用新浪移动云开发全平台应用》
 

IDF2013大会分享——《使用新浪移动云开发全平台应用》

on

  • 700 views

 

Statistics

Views

Total Views
700
Views on SlideShare
700
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    IDF2013大会分享——《使用新浪移动云开发全平台应用》 IDF2013大会分享——《使用新浪移动云开发全平台应用》 Presentation Transcript

    • 用新浪移动云打造全平台应用 @Easy
    • 什么是全平台应⽤用 2
    • 移动应⽤用 数 据 同 步 3
    • 全平台应⽤用 API
    • 新浪移动云平台 –  使⽤用SinaAppEngine实现云端API–  使⽤用HTML5开发WebAPP–  使⽤用中间件打包NativeAPP
    • ? 新浪移动云平台 能开发出什么样的应⽤用 6
    • TeamToy 全平台团队TODO⼯工具 TeamToy.org7
    • TeamToy WEB
    • TeamToy Mobile
    • TeamToy–  TODO、Feed流,且均⽀支持评论–  下拉刷新,摇⼀一摇清除已完成TODO–  联系⼈人浏览、同步、群发短信–  语⾳音识别、扫描⼆二维码登⼊入–  Web、Android、iOS、PC/Mac客户端
    • TeamToy–  1个⼈人,180⼩小时*–  PHP/MySQL/HTML/CSS/JavaScript–  Chrome、SVN、Notepad++
    • TeamToy Github.com/easychen/TeamToy Github.com/easychen/TeamToy-­‐Pocket Github.com/easychen/TeamToy-­‐Plugins
    • 使⽤用SAE实现云端API13
    • Sina App EngineWeb应⽤用开发和运⾏行平台 sae.sina.com.cn
    • 分布式访问控制
    • 运⾏行时和沙箱
    • 服务 分布式缓存 MySQL数据库集群 批量任务调度
    • 更多服务 –  键值数据库、定时任务、计数器排⾏行榜 –  分词、全⽂文检索 –  短信发送、地理信息、⾳音频⼆二维码
    • LazyRest通过Web配置的API Server h7ps://github.com/easychen/lazyrest/
    • LazyRest–  数据库+元数据 = API–  读取数据库信息,让开发者指定元信息 – 通过元信息直接实现API,当元信息发⽣生变动时,⽆无需编码,接⼝口直接可⽤用
    • LazyRest
    • LazyRest
    • LazyRest
    • LazyRest I/O 过滤设置
    • LazyRest
    • LazyRest
    • 更多信息请访问LazyRest@Github Github.com/easychen/lazyrest
    • 使⽤用HTML5实现WebApp28
    • WebApp ≠ WebPage
    • WebApp API JS模 控制 数据 板 器 对象 云端 浏览器
    • 离线状态使⽤用Local storage和Indexed DB
    • Local storage 缓存 Json 接⼝口数据–  当API成功返回时更新本地缓存 –  当⺴⽹网络请求失败时使⽤用本地数据 –  典型场景:信息流
    • Local storage 缓存 Json 接⼝口数据
    • Indexed DB实现本地持久化–  以离线为前提设计相关功能 –  联⺴⽹网时向云端同步数据 –  典型场景:离线操作TODO–  不适合:及时性和⼀一致性强的情况
    • Indexed DB实现本地持久化 同步 JS模 控制 数据 板 器 对象 云端 持久化 Indexed   DB 浏览器
    • Indexed DB实现本地持久化 JS模 控制 数据 板 器 对象 云端 持久化 Indexed   DB 浏览器 离线正常⼯工作
    • Responsive Design⼀一套CSS兼容平板和⼿手机设计
    • Responsive Design 平板
    • Responsive Design ⼿手机
    • Responsive Design
    • JS/UI库的选择和⽐比较
    • JS/UI库的选择 标签式 对象式
    • JavaScript库的选择 ⽀支持IE 不⽀支持IE
    • Lib.Sinaapp.ComJavaScript公共库CDN加速服务
    • 使⽤用中间件打包NativeAPP45
    • 打包的好处–  调⽤用更多的接⼝口,如通讯录*、短信 –  主动消息:推送 –  独⽴立⼊入⼝口:桌⾯面图标* –  更多渠道:应⽤用商店和下载⺴⽹网站
    • CORDOVA PhoneGap
    • CSS JavaScript 浏览器内核 JavaScript 接⼝口 本地接⼝口
    • 标准接⼝口
    • 新浪云扩展接⼝口 h7ps://github.com/sinacloud/phonegap-­‐plugins–  微博插件 –  定时器 –  语⾳音识别 –  顶栏管理 –  图像滤镜 –  ⼆二维码 –  短信发送 –  系统⼯工具集 退出、唤醒
    • 新浪移动云平台⼀一站式全平台应⽤用流⽔水线
    • 在线编辑
    • 实时调试云窗调试器
    • 实时调试
    • 云端打包
    • 下载&发布
    • 代码模板可快速修改的项⺫⽬目原型
    • 选择代码模板
    • 默认模板针对移动Web优化的HTML5空⽩白模版
    • Tab模板 JqueryMobile + LazyRest 常⽤用资讯类应⽤用模板
    • 社交应⽤用模板 oPath 社交类应⽤用模板
    • 云打包器已开源Github.com/sinacloud/PhoneGap-­‐PackagerWe love open source
    • SinaCloud.com更多资讯和资源请访问官⽅方⺴⽹网站 @SinaAppEngine @Easy 可到Demo展台试⽤用
    • software.intel.com/html5