web混合式开发培训.pptxVIP

Web混合式开发 主讲：程丽萍 培训主要内容 web混合式开发  ionic开发  消息推送  IOS配置证书  IOS打包上线 Web混合式开发 美团、爱奇艺、微信等知名移动应用，都是采用Hybrid App开发模式。 Hybrid App主要JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。Hybrid App兼具了Native App良好用户体验的优势，也兼具了Web App使用HTML5跨平台开发低成本的优势。真正实现快速高效开发。 混合式移动开发框架 PhoneGap 最早的框架，其它开发框架都在在它的基础上开发出来的，但是存在性能差，内存消耗大等缺点 Hbuilder（国产） 效率高，云端编译，无法保证安全性 Wex5(国产) 使用范围有限：适用一般app、电商app、客服app、会员app、微店微商等 AppCan(国产) 封装组件不开源，源码上传到服务器打包也存在一定的不安全性 ApiCloud(国产) 抄袭Hbuilder，存在版权问题 Ionic 轻量级，接近原声，综上对比，强力推荐 ionic ionic=html5+argularjs+codova html5 HTML的英文全称为Hyper Text Markup Language，即超文本标记语言 Argularjs 一款优秀的前端JS框架。最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等 Codova Cordova的前身是PhoneGap，是一款开源的开发框架，旨在让开发者使用HTML、Javascript、CSS等，调用Web APIs开发跨平台的移动应用程序。 Ionic开发 （1）ionic开发环境配置 ionic中文网为大家准备了绿色版的nodejs和androidSDK以及ionic助手，让搭建和使用开发环境变的非常简单。 绿色搭建环境为ionic1.x版本：/doc/ionic-winmac.html#preface （2）ionic插件的使用 Ionic使用插件，就是调用一些原声的功能，譬如调用相机、获取定位等等。 通过简单的命令添加插件$ ionic plugin add [插件名|插件git地址] //插件安装；或者使用ionic助手添加插件 （3）ionic签名优化 为了保证每个应用程序开发商合法ID，防止部分开放商可能通过使用相同的Package Name来混淆替换已经安装的程序，我们需要对我们发布的APK文件进行唯一签名，保证我们每次发布的版本的一致性(如自动更新不会因为版本不一致而无法安装)。 （4）ionic总结 ionic是一套基于angularjs的前端框架，提供了一套通用的组件，同时可以通过cordova插件来调用手机原生特性，可以真正的Develop once, deploy everywhere。 消息推送 什么是消息推送 消息推送指的是手机能实现像短息、微信、QQ等等，随时能够收到消息的功能。 第三方推送 由于手机厂商为了手机在不使用手机的时候，让手机处于自动休眠状态，关闭了APP在后台的所有服务。此时就存在以下两个问题： 1. SDK 如果不能及时地发起心跳，运营商网络的长连接会被断开。 2. SDK 的任务如果被杀掉了，不能被拉起，消息就完全没有机会下发。 这样子，为了解决休眠问题，让手机能够顺利收到消息，第三方推送服务就出现了。 tips：微信和QQ是手机厂商默认添加到白名单，不需要用第三方推送，所以即使进程被杀死或者退出程序，都能受到推送消息。 第三方消息推送 个推 号称是最专业的手机推送决方案，收费版能实现安卓手机的保活（即APP进程被杀死后，也能收到推送消息），专业团队成员200多人，口碑较好。 百度云 百度云推送在启动的百度地图后你的应用可以做到不打开也能接受到Push，没什么人用。 信鸽 腾讯信鸽，优点是能够通过腾讯的大数据分析为用户划分标签，从而让开发者可以针对不同用户群体推送不同的内容。口碑不是很好。 极光 极光是国内首家第三方推送服务商，专业专注第三方推送十几年，对JPush来说我也不知道他到底好坏，比较中庸，用了不能很好的提高保活，但是有相互唤醒机制，手机上有多个使用极光推送的APP，只要运行其中任何一个