.
  • 最新新闻
  • 安卓手机app开发用什么软件_app开发_大鱼科技
    搅局者来了,他叫小程序(微信、支付宝),也叫直达服务(小米)。江湖的玩法变了。 右下角的墨迹天气,是工具类App里的老炮,用户每天开一次、每次瞅一眼的打开方式,让他很头疼。「这怎么卖广告?」 为了挣钱,他在【天气】下面放了一坨新闻,还搞了个【时景】的UGC体系,提升停留时长。又在【我】的页面放了一堆广告入口。
  • 制作手机app大概费用多少钱_app开发_大鱼科技
    有时为了突出名称的意义,可能会跟品牌不一致,但网民搜索又可能搜索不到,这时关键字优化就很重要了,核心优化点在于:内容描述中必须包含核心关键字,并获得较好排名,如搜索『简历』,你的简历相关的小程序是否比较靠前。
  • 开发一个app需要多少钱费用_app开发_大鱼科技
    微信的表情雨让中国人的社交充满了人情味儿。当你在对话框输入“么么哒”或者“想你了”,聊天页面会掉下相应的表情雨,成为大多情侣互传情愫的标准动作。中国传统情人节日“七夕节”已至,情侣们在微信“秀恩爱”的方式又多了一种——黄金红包。
  • 什么是小程序_小程序开发需要多少钱_app开发_大鱼科技
    什么是小程序:小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不关心是否安装太多应用的问题。应用将无处不在,随时随地可用,但又无需安装卸载。
  • 看牌器 透视在哪里买_app开发_大鱼科技
    这个微信小程序的创意始于2012年,当时仅仅开发了Win平台桌面应用,随着移动互联网发展,开发技术栈难度降低
  • 做一个平台app需要多少钱_app开发_大鱼科技
    访问次数:昨日访问小程序内所有页面总次数,多个页面之间的跳转、同一页面的重复访问计为多次访问。 访问人数:昨日访问小程序内所有页面的总用户数,同一用户多次访问不重复计。 新访问用户数:首次访问小程序页面的用户数,同一用户多次访问不重复计。
  • 一天能赚2万的黑方法_app开发_大鱼科技
    没深思小程序最近一个月内更新7次背后是微信内部前所未有的力度在支持小程序(公众号都不曾有此殊遇),特别是微信刚公布2017年Q1月活账号破9.38亿。面对如此巨大的流量洼地,我们如何借助小程序来低成本/0成本获取用户?
  • 网赌破解器哪里下载_app开发_大鱼科技
    小程序定位 对于公司而言,小程序究竟是一个什么产品定位?以目前的大环境而言,无非就是几个关键点: 蹭一波热点,吸引眼球,做小程序这件事情本身就是一个吸引眼球的事情; 延伸产品线,对已有产品线做一个开辟,确保整个线的完整性; 借助小程序,赶上这趟车,营销导流;
  • 定制一款app大概需要多少钱_app开发_大鱼科技
    很多人不禁要对此举的意义发问:以微信的算法而出的搜索结果,岂不是严重遏制了新生小程序的后来者居上?这样即使定义了关键词,对推广而言并没有实质性的意义?微信官方自然也想到了与之相辅相成的策略,我们甚至可以认为后来的这步棋才是微信的本来目的。那就是于6月中旬首次出现于人们视野中的「搜索关键词广告」
  • 软件外包公司_app开发_大鱼科技
    代码的复杂度是评估一个项目的重要标准之一。较低的复杂度既能减少项目的维护成本,又能避免一些不可控问题的出现。然而在日常的开发中却没有一个明确的标准去衡量代码结构的复杂程度,大家只能凭着经验去评估代码结构的复杂程度,比如,代码的程度、结构分支的多寡等等。当前代码的复杂度到底是个什么水平?什么时候就需要我们去优化代码结构、降低复杂度?这些问题我们不得而知。 因此,我们需要一个明确的标准去衡量代码的复杂度。
  • 热门新闻
制作一个app都需要什么技术_app开发_大鱼科技
时间:2021-01-23 05:57:23
制作一个app都需要什么技术_app开发_大鱼科技

我今天要跟大家谈一项比微信小程序更宏观的概念 —— Google提出的PWA。PWA是什么?PWA全称是“Progressive Web Apps”,译成中文就是渐进式应用。这是Google在2015年6月15日提出的 ...

 

 

 

我今天要跟大家谈一项比微信小程序更宏观的概念 —— Google提出的PWA。

PWA是什么?

PWA全称是“Progressive Web Apps”,译成中文就是渐进式应用。这是Google在2015年6月15日提出的概念,参见Alex Russell写的https://infrequently.org/2015/06/progressive-apps-escaping-tabs-without-losing-our-soul/。

那么,什么是渐进式应用呢?

Alex写道:

在昨天的晚餐上,我和Frances列举出了新型应用的几个特征:

  • 响应式:适应任何形态因素

  • 不依赖网络:在Service Worker(H5中的新技术,appcache的升级版)的支持下能够离线使用

  • 像本地应用一样交互:采用“壳+内容”模式来实现类似本地应用的浏览和交互体验

  • 保持最新:始终透明的升级到最新版,这要感谢Service Worker提供的升级机制

  • 安全:通过TLS(这是Service Worker所要求的)来防止通讯被窥探

  • 可发现的:具有像“应用”一样的唯一标识,这要感谢W3C的Manifest文件格式,它在“Service Worker”中注册的scope能允许搜索引擎发现这些应用。

  • 可“再接触”的:可以访问操作系统的“可再接触”界面,比如推送通知

  • 可安装的:通过浏览器提供的提示,可以把它加入主屏,允许用户把觉得有用的应用“保留”下来,而不用到应用商店去安装,那样太麻烦了。

  • 可链接的:这意味着它们是零阻力、零安装,并且易于共享的。URL更能发挥社交传播的能量。

PWA怎么用?

一个PWA的使用过程大概是这样的:

这货开始就是一个普通网页:

然后,这是什么鬼?

这网站看着还不错,那就接受吧!

它出现在手机的首屏了,以后随叫随到!

点了就能像一个本地应用那样启动它:

看,启动完也跟一个本地应用没有区别:

PWA的好处

Web应用(网页)和本地应用(App)各有优势,比如:

  • Web应用不需要安装,因此减少了用户流失(想想你要安装一个应用时有多么犹豫吧)

  • Web应用方便传播,你只要在微信或者QQ里发一个网址就有很多人会去看(比如本文 ^_^)

  • Web应用的收藏、前进、后退这些功能非常有用

  • 本地应用的留存度比较高。你看过一个网址后再回来的概率大约是本地应用的1/3。

  • 本地应用可以推送通知,而Web应用只有在浏览器打开状态下才行

  • 本地应用可以离线使用,只要做适当的设计就可以不受网络环境的影响

  • 本地应用可以访问更加丰富的功能,比如更大的本地存储空间

那么,它们能否合二为一呢?这就是PWA所做的事!

通过前面提到的这些步骤,PWA可以让用户同时获得这两种好处。这无论对于用户本身还是对于应用的开发者都非常有意义。

如何实现PWA?

其实从Alex的描述中就可以看到,在技术上我们离实现PWA并不远:

Web应用开发技术

已经具备。

特别是得益于Angular等SPA应用的普及,SPA不但响应更加快速,更加接近原生应用的操作体验,而且让我们可以完全不依赖服务器工作了。

离线存储技术

有人可能还记得一项叫AppCache的技术,它已经废弃了,现在由Service Worker所取代。这是一个更强大的AppCache,它不仅能存储HTML/JS等静态文件,而且还让你能够在客户设备上运行起一个仿真的超轻量级Web服务器,你在里面已经几乎可以写Node程序了!

这是新的H5标准的一部分,而不是PWA特有的。

推送通知

H5标准中已经有了用来推送通知的API(用过Web Gmail的话应该见过),现在只要把它和操作系统的API对接就行了。当然,这最好由操作系统提供支持,这已经实现了,那就是新推出的Android 7。

App壳程序

这个壳程序其实自己来实现也没问题,技术上没啥难度,不过不用重复造轮子了,因为官方已经出了一个,参见https://github.com/GoogleChrome/application-shell。如果用Angular 2就更幸福了,因为Angular 2还制作了一个Angular 2专用的壳:https://github.com/angular/mobile-toolkit。不过,它现在还处于未发布状态,早鸟可以开始提前尝试了。

Angular 2与PWA

从Angular 2发行之前,在Google开发技术专家(GDE)的社区中就已经有很多位GDE在做PWA的技术实验并发表了很多文章(抱歉,由于这是私密社区,我还不能翻译了发出来)。

相信在不就的将来,基于Angular 2的PWA就会实现完美的整合,并公开发表更多面向公众的文章。届时我会找一些优秀文章翻译到中文社区来,敬请期待。

微信小程序与PWA

虽然微信小程序概念的提出比PWA晚了半年,不过相信张小龙这个级别的产品经理不会是简单的抄袭PWA概念,而是会发挥微信生态圈的优势,提供更广阔的应用场景。或许我们应该把微信小程序看做PWA的一种优质实现。