Intel XDK 跨平台 App 开发初体验

HTML/CSS/JavaScript 进行移动端 App 跨平台开发的开源旗手非 Adobe PhoneGap 莫属,它的开源核心 Apache Cordova 就像 Apple Safari、Google Chrome 的 Webkit 内核一样,驱动着国内外不少同类解决方案(如 Intel XDKWeX5)。

但 PhoneGap 在开发时也有一些问题 ——

  1. Adobe 官方支持 PhoneGap  的 IDE 是 Dreamweaver(开源人肯定优先选开源产品)
  2. Android 开发者真机预览 App  没有官方下载链接(天朝将会上线的“谷歌市场”估计也不会同步 Google Play 所有的 App)
  3. Adobe 官方提供的 PhoneGap 构建服务 私有 App 免费服务配额 很有限
  4. Android 开发时用 CrossWalk(Intel 开源的 Chromium 核心)替换 WebView 要自己折腾
  5. 群众反映的某些问题 似乎解决缓慢

上述这些问题正好被“牛逼”已久的 Intel XDK 解决了~

(在新网页中观看视频)

Intel XDK 整个上手过程还是比较顺利 ——

  1. 官网下载安装包中文版还不是稳定版)
  2. 安装、启动后注册 Intel 开发者账号
  3. Template  或 Samples and Demos *中选一项创建应用(建议勾选“use *App Designer**”,有些模板有“所见即所得”的拖拽 UI 控件模式
    App 设计器
  4. 写好自己的程序后即可到 Build  选项卡中选择 App 打包目标平台
    构建前提示添加数字证书
  5. 点击 IDE 界面上的提示链接,会跳转到 App Build Settings 页面,再其中完善一下 App 相关信息(若需要 CrossWalk 来优化性能,请选择 Embedded  运行时,因为 Shared 只会从 Google Play 自动安装共享库,天朝用户只能用 20+ MB 的静态编译版 APK 了……)
    Build 设置 CrossWalk 优化
    CrossWalk 运行时类型
  6. 在上述界面中还需要新建一个** Developer Certificate**(相关信息的填写可参考  Android 数字证书  的生成方法)
    添加开发者证书
    新建 Android 数字证书 KeyStore
  7. 再回到 Build 选项卡时可能会提示你 Unlock Certificate,输入之前设置的证书密钥即可
    Build 选项卡
  8. 终于,我们可以点击期盼已久 Start Builds 按钮了(等进度条是天朝擅长的……)
    等待构建
  9. 构建成功后,你注册开发者账号的邮箱会收到一封内含下载链接的电邮(直接在 IDE 界面上点下载按钮是单线程下载……)
    App 构建下载链接

Android App 安装、运行亲测结果 ——

  1. ARM 架构版:在 MIUI v7 上需开启“安装未知来源的应用”,运行正常!~
  2. x86 架构版BlueStacks 虚拟机安装成功,运行黑屏……

【参考文档】

  1. Apache Cordova 官方中文文档
  2. Intel XDK 构建选项
  3. Intel XDK 开发者账号证书管理
  4. Android 数字证书概述
  5. Java 证书工具讲解
  6. Android 应用签名机制
  7. Intel CrossWalk 运行时的选择
  8. 通过 Cordova 插件添加 iOS WKWebView 支持
  9. Intel XDK AJAX 域名白名单

上一篇
ReadMe ReadMe
南漂一卒余生于“己巳民运”翌年阳春, 长于稷下学宫光辉照耀之地, 而今偏安蜀国蓉城一隅。 纵享天府之安逸乎? 概效同乡武侯, 牧益州而心怀天下也! 自画像 软粉:历经 DOS、Win 95、Win 98、Office 97、Win 200
2016-09-02
下一篇
再战“所见即所得”富文本编辑器(附 原创工具) 再战“所见即所得”富文本编辑器(附 原创工具)
未尽的事业2014 年底,我为了搞定 电邮签名档 做了次专门的研发,非常有收获!但它依然有个坑 —— 外置 CSS 样式 要人工一一填到 HTML 标签的 style 属性中,图片也要自己转换成 Base64 编码…… 2016 年初,
2016-03-16
目录