PhoneGap Build的使用

简介: 纯粹属于闲折腾的结果,只是这中间还遇到一些问题,记录一下。因为没有IOS的开发key,所以这里只发布成功Android系统的安装程序。之前写过一篇构建webapp项目的文章,假设已经写了一个简单的demo页面,现在如何生成一个安装程序并安装到手机中,进行效果预览呢?       PhoneGap的官网提供一个buid生成器,利用它可以生成相应的安装程序。

      纯粹属于闲折腾的结果,只是这中间还遇到一些问题,记录一下。因为没有IOS的开发key,所以这里只发布成功Android系统的安装程序。之前写过一篇构建webapp项目的文章<构建基于Android和PhoneGap的开发环境>,假设已经写了一个简单的demo页面,现在如何生成一个安装程序并安装到手机中,进行效果预览呢?

      PhoneGap的官网提供一个buid生成器,利用它可以生成相应的安装程序。地址:https://build.phonegap.com/apps ,需要先登录,然后给应用取一个名字。

clip_image002

 

将打包好的应用程序(zip后缀,就是工程目录assets目录下的www目录)

clip_image002[13]

然后下载为Android系统生成的apk安装程序。

image

 

现在开始要安装应用程序了,可以选择91助手或是豌豆荚(很郁闷的是,默认安装在系统盘,如果修改安装路径,安装完成后在桌面生成的快捷方式是不可以点击的----看来别人说它多么好还是不靠谱,自己用用才知道好不好)

需要确认已经开启了usb debugging

clip_image002[15]

clip_image002[17]

 

clip_image002[19]

clip_image002[21]

clip_image002[23]

clip_image002[25]

clip_image002[27]

clip_image002[29]

若出现无法连接的情况,可以尝试关闭、开启模拟器的USB debugging,然后再试

clip_image002[31]

我点击“下一步”就直接断开连接了,我也不知道为什么了,只好手工安装。

不过手工安装有个坑爹的一步,网上说到android-sdk-windows目录下的tools找adb应用程序,而从revivision 8开始adb tool已经从tools下移到platform-tools目录了。

clip_image002[33]

clip_image002[35]

需要启动模拟器…

clip_image002[37]

前面报错是因为模拟器还没有完全启动好..

clip_image002[39]

到这里安装成功!

clip_image002[41]

最后在所有应用中,就可以看到刚刚安装的应用程序了,如上图所示。

 

不得不说,PhoneGap对于面向PC端的WEB前端人员是一个福音,也是一个很好用的工具,缺点就是太耗资源(差点没把我机器搞挂,当然家里的机器是比较古老了)。从面向PC端的web开发转型到面向移动设备上的web开发,我觉得这将会一个很有前途的职业,从薪水和人员缺口数来看潜力非常大。而移动设备上对于HTML5、CSS3的应用必然要早于PC,如果有可能我都要转去做移动设备的webapp开发了,呵呵 :)

目录
相关文章
|
测试技术 Apache 开发工具
Apache Cordova开发环境搭建(二)VS Code
原文:Apache Cordova开发环境搭建(二)VS Code 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011127019/article/details/56335719 ...
3347 0
|
XML Java Maven
安卓开发必备——build.gradle文件初探(一)
虽然已经在安卓开发岗位工作了大半年了,但因为作者并没有系统的学习过安卓开发,故基础这块一直都是作者本人的薄弱点,这也是安卓开发必备的由来,希望能填补自己在这方面的缺漏
193 0
|
Java 开发工具 Android开发
安卓开发必备——build.gradle文件初探(二)
上一篇(安卓开发必备——build.gradle文件初探(一) - 掘金 (juejin.cn))我们探讨了关于安卓项目中最外层目录下的build.gradle,这一篇我们将继续说build.gradle文件
264 0
|
XML JavaScript 前端开发
Cordova 创建 Demo插件
1. 创建基本插件 plugman create --name MyPluginName --plugin_id cordova-plugin-my --plugin_version 0.0.1 然后就会生成如下的文件内容,即下面的两个文件: . ├── plugin.xml ├── src └── www └── MyPluginName.js plugin.xml 清单文件,定义了插件的结构以及相关的设置。 <?xml version='1.0' encoding='utf-8'?> <plugin id="cordova-plugin-my" version="0.0.1"
129 0
|
移动开发 开发框架 前端开发
Cordova 初识
Cordova 是使用 HTML,CSS 和 JavaScript构建混合移动应用程序的平台。官方文档给了我们 Cordova 的定义。
355 0
Cordova 初识
|
iOS开发 MacOS Windows
使用 electron-builder 打包 Electron 程序
在将 Electron 代码开发完成后,如果想要投入生产环境,那就必须经过很关键的一步——打包。
699 0
使用 electron-builder 打包 Electron 程序
|
Dart 开发工具 Android开发
【错误记录】Flutter 报错 ( Could not read script ‘xxx\flutter_tools\gradle\app_plugin_loader.gradle‘ )(一)
【错误记录】Flutter 报错 ( Could not read script ‘xxx\flutter_tools\gradle\app_plugin_loader.gradle‘ )(一)
412 0
【错误记录】Flutter 报错 ( Could not read script ‘xxx\flutter_tools\gradle\app_plugin_loader.gradle‘ )(一)
|
图形学 Android开发
Unity 之 解决2019之后的版本打apk卡到Building Gradle project问题
解决Unity 2019版本打包APK卡到Building Gradle project问题
1709 0
Unity 之 解决2019之后的版本打apk卡到Building Gradle project问题
|
Web App开发 移动开发 Java
Cordova4.0 系列 -- 基本环境搭建(1)
  一. 安装Node.js基本环境   官网下载地址:https://nodejs.org/   安装成功之后可以使用简单命令查看其版本 node -v   npm相关命令 node cli.
1115 0
|
Java Android开发 Kotlin
Andorid Gradle插件
1. Gradle 1). 资料 Gradle 基于 groovy 语言,groovy 官网 Gradle DSL Android Plugin DSL Gradle task 2).
1134 0