用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 实战教程 查看内容

五分钟跑起来快应用

纸飞机 2018-4-11 10:53

快应用联合十大国内手机厂商,终于发布了,也因此公司市场部反馈了个bug,我又把尘封一年的快应用挖出来,更新跑起来。快应用地址前身,小米新应用。17年的3月份,历时两周,赶在“他们公测”前,发布了第一版,也是 ...

快应用联合十大国内手机厂商,终于发布了,也因此公司市场部反馈了个bug,我又把尘封一年的快应用挖出来,更新跑起来。

快应用地址前身,小米新应用。17年的3月份,历时两周,赶在“他们公测”前,发布了第一版,也是目前唯一一版1.0美柚。毕竟我们还是家“小”公司,不会投入太大的资源,目的只是占一个坑。当然,我们另一身份就是给新应用测试和bug反馈。新应用在内测阶段是相当多坑的。例如当时多个Tab的页面的context是隔开的,所以当时页面状态共享我是通过持久化和事件监听来做的。当时还找个一个新应用导致手机卡死的P1级BUG。不过小米的开发人员确实都很拼,基本是一天一个版本,有时候一天两个版本的发布频次。

新应用的两个入口,在应用市场和浏览器搜索美柚新应用,后面显示秒开的是快应用,打开的是正常App:

跑一个起来看看

一年多没更新,重新装环境费了老大劲,毕竟照着官网折腾半天,不成功的不是只有你一个,所以,也是我写这篇文章的动机。本来只是想记录下安装过程,然后叨逼的有点多。

  1. 安装NodeJS,NodeJS 官网; 官方推荐v6.11.3,不推荐^v8.0.*。我用的是v7.2.1。 如果你使用的nodejs不符合的话,而你目前的版本又是需要的,那么你将使用 

    nvm

     ,使你的电脑可以同时存在多个版本的nodejs,并来回切换。

  2. 安装 toolkit 运行命令: npm install -g hap-toolkit 检验是否安装成功: hap -V (注意是大写V), 或者 hap --version

  3. 安装调试器 

    快应用调试器(点击下载)

     找一台手机安装调试器。

以上三部是环境搭建环节。完了开始实操了。

  1. hap init

    或者直接下载下面的官方demo。

  2. cd & npm install 确保npm 版本是符合步骤1 的范围。

  3. 开启服务 npm run server

  4. 运行项目 npm run watch 或者 npm run build 一般用第一关,实时监听代码的变动,自动编译。

  5. 拿起你的手机,用 步骤三 中安装的快应用调试器的 扫码安装 功能,扫描打开 步骤6 中的二维码。OK了,你可以开始搬砖了。

内测中的两个Demo: 

Sample(components sample)

 、Tutorial(API sample)。里面还是有一些问题的,所以快应用官方目前还没放出来,你也可以直接用这两个工程,不用自己init了。大家凑合着看看。

如下图,红框的两个,一个是新应用的预览,一个是调试器。后面四个是新应用,右下角有个黄色小标用于区别于我们的正常app。

叨逼下个人看法。

我算是最早的一批接入快应用的开发者吧,从最早的简易的 

小米新应用开发文档(内部)

 ,到现在简约大气的官文新应用。从曾经需要手动下载的mix-toolkit 到现在的NPM 管理的hap-toolkit 脚手架。感受着互联网的发展,对各行各业的影响,甚至手机产商。身为一个前端程序员,很能感受来自bat这些巨头的恐怖力量,应该是微信

小程序

在某些方面给手机机厂商一定压力。按目前微信小程序这种发展势头,可以想象,如果小程序更开放更自由点,那是不是以后手机上,只有一个APP,或者零星的几个APP。再假想,如果微信像美图搞出一个微信定制手机会怎样……

快应用的优势和出发点都非常好,也能解决很多痛点。但是有几个问题

  1. 快应用只是联合了目前的10个国内的手机厂商。但是像三星、锤子等等都没有加入。
  2. 成本;前端的重要性在慢慢加强,但在绝大多数公司还处于自high的状态。我们不仅的维护android、iOS两套代码,现在还得维护小程序、新应用、PWA等等代码。一般公司不会投入那么多成本的。
  3. 不成熟;目前的app的快应用版,都是简易版,使用的用户很少。使用的用户少,各app厂商也不会投入太多。这是一个相悖的过程,快应用的成熟,需要各大APP的支持,而各大APP花资源投入需要快应用的成熟壮大。
  4. 快应用没有微信、支付宝这样的巨大流量。可以宣传推广和引导改变用户习惯。

我觉得大家观望的心里还是比较多,毕竟这些东西太多。例如我去年搞得阿里的YunCloud OS APP,现在就好像死了……快应用任重道远啊。

前端的快速发展,和展现百花齐放,折腾的我们够呛,但也让我们变得更有价值。

对于性能和体验等等的对比大家可以去看《对快应用的看法》、 

《快应用初体验》

 、《饿了么快应用初体验》,里面有很详尽的分析。

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏