谷歌开发者大会笔记

很高兴参加了今年的google开发者大会，感觉收获颇丰，与会上做了一些笔记和拍照，简单整理记录下~ 做一次分享也是帮自己回顾及梳理下思路

google力推的创新和技术

• Android
• PWA、AMP
• Angular
• 人工智能,深度学习
• VR

课题很多，自己主要参与了移动web相关的讲座:

总结关键词:

• 渐进式，沉浸式，通知，用户体验，便捷
• 即时加载

  Service Worker（对离线和弱网络的情况下的支持）

• 桌面icon（应用免安装）
• 快速
• 安全
• 灵活（适配各种分辨率，尺寸的）
• 未来无限可能(通过web控制一切)

大会主题：

---

• android

• firebase

• angular

• 移动web

• google play

• ads

• what’s Next

---

Android

在主会场听了简介，具体内容期待官方分享演讲PPT，或视频回放

• Android新特性

    Doze省电模式“增强版”
  

• Android studio 新版本特性

    快速（版块设计）、智能（APK 分析 APK Analyzer 版块测试项Layout Inspector）、支持（多窗口、快速设置、通知、仿真模拟器）
  

• Android Support Library 新特性

• Android Wear2.0

• Android 兼容性（让应用更好的适应平台变化，设备类型差异和弱网络环境）

• Android 开发中的电量和内存优化

---

Firebase

• Firebase 介绍（何时，何地使用）
• Firebase 测试、崩溃报告
• Firebase Analytics
• Firebase 跨平台推送（Cloud Messaging）
• Code Lab（TODO 待了解）

---

Augular

• 已经推出了2.0版本。
• 使用Angular可以开发PWA.

  Angular core

• 申明式模板
• 变更检测
• 依赖注入
• 组件式架构
• AOT静态编译
• 平台无关

Angular 无处不在

    PWA 移动duan端 桌面端
    

服务端渲染
开发效率

• javaScript 的超集
• 增强型
• 可读性
• 相似性
• 工具链

---

移动web

PWA

Progessive Web Apps(PWA)

渐进式网页应用程序特点

• 可靠的
• 快速的
• 引人入胜

引人入胜:

• 添加到主屏幕
• 沉浸式
• 通知
• Web 通知

PWD 化的三种途径

• 自下而上
• 简单版本
• 单一功能

使用PWA达到的效果

• 交互缓存
• 后台通知
• 快速流畅，60fps交互体验
• UI尺寸，动态调节
• 桌面图标，方便添加

Service Worker

原生App拥有Web应用通常所不具备的富离线体验，定时的静默更新，消息通知推送等功能。而新的Service workers标准让在Web App上拥有这些功能。

• Service Worker 必须配置HTTPS

• Service Worker 生命周期

• 缓存策略

    网络优先，失败则读取缓存
    先读取缓存，再从网络上更新内容
    一般回退流程
    同时读取网络与缓存内容，接受其中最快的返回结果
  

测试过程可以通过 Chrome Dev Tools 观察和处理缓存

• github 源码分享：
  sw-toolbox

HTTPS

介绍为何如何使用HTTPS(推荐了 开源证书及价格优惠的证书网址 / 搜索排行指南)

为什么选择 HTTPS

• 身份验证（你在与谁通信）
• 加密（谁能读取数据）
• 整合 （谁能修改数据）

HTTPS的成本

• 证书
• 搜索排行

推荐SSL 证书提供

• sslmate (Standard SSL $15.95 / Multi-Host SSL $24.95)

• 开源 Let’s Encrypt

• 搜索排行指南

HTTPS Chrome 开发者工具中的安全面板

• Chrome DevTools Security Panel

HTTP/2 释放HTTPS的潜能

更多价值的参考信息

• 传输过程中的数据加密

待整理

• 使用内容安全策略
• 避免出现混合内容

可安装应用与通知推送机制

通知剖析

• 时效性、要合时

• 通知内容：要精确

• 通知中的内容和人物：要切实相关

• 为用户提供丰富的选项（用户无需打开应用，即可轻松完成任务）

    以信用卡还款通知为例，通知只显示本次需要还款的金额，还需要用户去跳转连接进行还款操作，不如直接在通知中增加是否马上还款的确认按钮，即通过通知服务增加与用户的互动性。
  

• WEB推送源码分享

更多分享待整理：

• 网络推送通知入门指南
• 对数据有效负载进行加密
• Chrome 中的VAPID

PWA 工具：

使用 App Shell 和 动态内容模型

• Lighthouse
• the dev tools application panel

相关链接：

• 客户代码样例
• 项目主页
• 使用Service Workder 实现即时加载
• PWA 代码实验室

使用Angular构建 PWA

App Shell 生成
Service Worker
Push 推送
演讲者现场编程演示

• 现场写的代码分享
• Full Angular PWA Sample

web Apps 的未来

今天的WEB => 渐进式网页应用程序（PWA）

• 即时加载 （对离线和弱网络差的情况均适用）
• 把应用添加到主屏幕快捷方式
• 推送增加用户互动
• 快速 流畅的动画，滚屏和导航
• 安全（HTTPS）
• 灵敏（适应任意屏幕尺寸）

未来的WEB的讨论

• 了解用户是谁
• 凭证管理
• 支付WEB上的东西 （google主导支付协议规范（W3C PaymentRequest））

目前支付流程： 手动 冗长 缓慢 N个按键

PaymentRequest : 跨浏览器 跨平台 开源生态

• 硬件连接

  基础BLE术语 :

• “Central” device(my phone)
• “Peripheral”device(candle)
• GATT(Generic ATTribute profile)

---

• 物理网

  http://www.physical–web.org

• WebVR
  明年就可以看到webVR的相关产品

---

Google Play

主要介绍如何 通过Google Play，面向全球市场

• google本次大会主题之一，也包含希望开发者看到国外的市场

---

Ads

主要介绍google向企业用户提供的各种服务

---

What’s Next

Blokly

Google的开源产品，用于构建图形化编程的网页和移动应用

使用Material Design 走向成功

TODO 待了解

TensorFlow 简介

• Google开源的人工智能项目,机器学习库

  DeepMind也计划开源

深度学习与艺术

主要介绍图像识别，归类技术（TODO 待了解）

DayDream 简介

Google VR平台，明年会有很多DayDream Ready的设备出来。

Tango 简介

Google VR平台,新款的nexus手机上会看到相关应用功能

---

彩蛋

Google 技术的中文网站

• developers.google.cn 整合的Google技术学习资源，包括分门别类的技术产品和开发指南。

• developer.android.google.cn 特别为Android开发者推出的官网，有中文界面，不过目前官方文档还是英文的。

• Google开发者博客

• firebase.google.cn Firebase中文官网，包括英文的官方文档，不过想要使用的话还是需要链接到国外主站。

• angular

---

马凯 2016/12/9