快应用QuickApp真的可以PK微信小程序?

3月20日,小米、中兴、华为、金立、联想、魅族、努比亚、OPPO、vivo、一加这十家在手机市场竞争的对手走到了一起,共同发起“快应用”标准,直面小程序的竞争。

一、什么是快应用

  1. 快应用是基于手机硬件平台的新型应用形态,标准是由主流手机厂商组成的快应用联盟联合制定。
  2. 快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台,以平台化的生态模式对个人开发者和企业开发者全品类开放。
  3. 快应用应用使用前端技术栈开发,原生渲染,同时具备H5页面和原生应用的双重优点,具备传统APP完整的应用体验,无需安装、即点即用。

二、快应用Quick APP环境搭建及demo练习

  1. 安装nodejs
    • 需安装6.0以上版本的nodejs,请从NodeJS官网下载,推荐v6.11.3 LTS。
      注意: 不要使用8.0.*版本.这个版本内部ZipStream实现与node-archive包不兼容,会引起报错。
    • 下载完成后,双击“node-v6.11.3-x64.msi”,开始安装Node.js,一直点下一步即可。
    • 至此Node.js已经安装完成,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置,在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口


      cmd.png

      新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西。

    • 环境配置
      这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
      例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\software\nodejs】下创建两个文件夹【node_global】及【node_cache】


      image.png

      创建完两个空文件夹之后,打开cmd命令窗口,输入:

       npm config set prefix "D:\software\nodejs\node_global"
       npm config set cache "D:\software\nodejs\node_cache"
      
    • 接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
      进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\software\nodejs\node_global\node_modules】(就是这个配置,没错),将【用户变量】下的【Path】中的C:\Users\用户名\AppData\Roaming\npm修改为【D:\software\nodejs\node_global】。
    • 测试下配置的环境
      配置完后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口,
      输入如下命令进行模块的全局安装:
       npm install express -g     # -g是全局安装的意思
      

安装完成后到【D:\software\nodejs\node_global\node_modules】中会找到安装的东西。


image.png
  1. 安装hap-toolkit
    npm install -g hap-toolkit
    
  2. 在一个项目文件夹中创建一个新的项目
    hap init 
    
  3. 安装npm依赖
    在刚刚创建的项目根目录下执行以下语句
    npm install
    
  4. 编译项目
    在项目根目录下执行以下语句
     npm run build
    
  5. 手机安装平台预览版
    点击下载:https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803200130021102030.apk
    手机安装快应用调试器
    快应用调试器下载,下载后在手机上安装APK。
  6. 运行项目
    npm run server
    

此时会生成一个二维码及对应的链接,生成的二维码扫起来不方便,可以将链接生成一个二维码,然后用快应用调试器中扫码安装功能扫一下,就可以体验快应用了。

官方资料

  • 快应用官网
  • 快应用官方文档
  • 快应用开发者论坛

关于快应用的讨论

  • 饿了么快应用初体验

  • 为什么小米、OV 等 9 大手机厂商发起「快应用」项目?会对微信小程序以及 App 生态有何影响?(知乎)

  • 如何看待国内几家硬件厂商联合鼎力打造的快应用? (知乎)

  • 什么是快应用?(知乎)

你可能感兴趣的:(快应用QuickApp真的可以PK微信小程序?)