首先写一个config.xml
代码如下：
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns = "http://www.w3.org/ns/widgets"
        xmlns:gap = "http://phonegap.com/ns/1.0"
        id = "org.xl.test"
        versionCode = "10"
        version = "1.1.0">
    <name>悠游旅游</name>
    <description>
        悠游旅游网
    </description>
    <author href="http://www.uu-club.com/" email="412588801@qq.com">
        uuclub
    </author>
    <icon src="icon.png" />
 <icon src="icon.png" gap:platform="android" gap:density="ldpi" />
    <icon src="icon.png" gap:platform="android" gap:density="mdpi" />
    <icon src="icon.png" gap:platform="android" gap:density="hdpi" />
    <icon src="icon.png" gap:platform="android" gap:density="xhdpi" />
    <icon src="icon.png" gap:platform="blackberry" />
    <icon src="icon.png" gap:platform="blackberry" gap:state="hover"/>
    <icon src="icon.png" gap:platform="webos" />
    <icon src="icon.png" gap:platform="winphone" />
    <icon src="icon.png" gap:platform="winphone" gap:role="background" />
</widget>

你如果想用闪屏的话，请参照如下代码（加入上面的配置文件中）：

<gap:splash src="files/splash/ldpi.png" gap:platform="android" gap:density="ldpi"/>
<gap:splash src="files/splash/mdpi.png" gap:platform="android" gap:density="mdpi"/>
<gap:splash src="files/splash/hdpi.png" gap:platform="android" gap:density="hdpi"/>
<gap:splash src="files/splash/xhdpi.png" gap:platform="android" gap:density="xhdpi"/>
<gap:splash src="files/splash/320_480.png" gap:platform="ios" width="320" height="480"/>
<gap:splash src="files/splash/640_960.png" gap:platform="ios" width="640" height="960"/>
<gap:splash src="files/splash/768_1024.png" gap:platform="ios" width="768" height="1024"/>
<gap:splash src="files/splash/1024_768.png" gap:platform="ios" width="1024" height="768"/>

然后写一个index.html，就像下面这样：

<!DOCTYPE html>
<html>
  <head>
    <title>uu-club</title>
  </head>
  <body style="margin:0px;padding:0px">
  <iframe style="border:0;" width="100%" height="100%" src="http://tang5.41.3i60.cn/m/"></iframe>
  </body>
</html>

然后把这两个文件和icon.png文件放在同一个目录下

然后把这三个文件压缩成zip文件（注意是这三个文件，不是这三个文件所在的目录）
这个zip文件叫什么名字无所谓！
如下图所示：
然后到phonegap网站，注册一个用户，使用他们的云编译功能
在这里上传你的压缩包
 
你看到了，他可以编译成各种不同的移动平台的应用，点安卓的小图标，就能下载啦！
如果IOS的，你还要有开发者ID才性能。
 

5分钟开发一个简单的基于HTML5的移动应用的更多相关文章

  1. 30 分钟开发一个简单的 watchOS 2 app <oneVcat>

    Apple Watch 和 watchOS 第一代产品只允许用户在 iPhone 设备上进行计算,然后将结果传输到手表上进行显示.在这个框架下,手表充当的功能在很大程度上只是手机的另一块小一些的显示器 ...

  2. 如何开发一个简单的HTML5 Canvas 小游戏

    原文:How to make a simple HTML5 Canvas game 想要快速上手HTML5 Canvas小游戏开发?下面通过一个例子来进行手把手教学.(如果你怀疑我的资历, A Wiz ...

  3. 从零开始搭建一个简单的基于webpack的vue开发环境

    原文地址:https://segmentfault.com/a/1190000012789253?utm_source=tag-newest 从零开始搭建一个简单的基于webpack的react开发环 ...

  4. 通过Dapr实现一个简单的基于.net的微服务电商系统(十四)——开发环境容器调试小技巧

    之前有很多同学提到如何做容器调试,特别是k8s环境下的容器调试,今天就讲讲我是如何调试的.大家都知道在vs自带的创建项目模板里勾选docker即可通过F5启动docker容器调试.但是对于启动在k8s ...

  5. 通过Dapr实现一个简单的基于.net的微服务电商系统

    本来想在Dpar 1.0GA时发布这篇文章,由于其他事情耽搁了放到现在.时下微服务和云原生技术如何如荼,微软也不甘示弱的和阿里一起适时推出了Dapr(https://dapr.io/),园子里关于da ...

  6. 通过Dapr实现一个简单的基于.net的微服务电商系统(八)——一步一步教你如何撸Dapr之链路追踪

    Dapr提供了一些开箱即用的分布式链路追踪解决方案,今天我们来讲一讲如何通过dapr的configuration来实现非侵入式链路追踪的 目录:一.通过Dapr实现一个简单的基于.net的微服务电商系 ...

  7. 重新想象 Windows 8 Store Apps (64) - 后台任务: 开发一个简单的后台任务

    [源码下载] 重新想象 Windows 8 Store Apps (64) - 后台任务: 开发一个简单的后台任务 作者:webabcd 介绍重新想象 Windows 8 Store Apps 之 后 ...

  8. struts1:(Struts重构)构建一个简单的基于MVC模式的JavaWeb

    在构建一个简单的基于MVC模式的JavaWeb 中,我们使用了JSP+Servlet+JavaBean构建了一个基于MVC模式的简单登录系统,但在其小结中已经指出,这种模式下的Controller 和 ...

  9. 一个简单的基于 DirectShow 的播放器 1（封装类）

    DirectShow最主要的功能就是播放视频,在这里介绍一个简单的基于DirectShow的播放器的例子,是用MFC做的,今后有机会可以基于该播放器开发更复杂的播放器软件. 注:该例子取自于<D ...

随机推荐

  1. 设计模式之模板模式 template

    设计模式 模板模式如果有一个流程如下step1();step2();step3();step4();step5();其中step3() step5()是需要用户自己编写使用其他步骤是固定的那么可以写成 ...

  2. Git的SSH-key生成、导入及使用

    Git主要使用4种协议传输数据:本地协议,SSH协议,Git协议和HTTP/S协议. SSH协议是最为常用的一种,正式介绍SSH之前,简要说明一下其它协议. 本地协议(file://) 本地协议的优点 ...

  3. 【Selenium】【BugList4】执行pip报错：Fatal error in launcher: Unable to create process using '""D:\Program Files\Python36\python.exe"" "D:\Program Files\Python36\Scripts\pip.exe" '

    环境信息: python版本:V3.6.4 安装路径:D:\Program Files\python36 环境变量PATH:D:\Program Files\Python36;D:\Program F ...

  4. turtle库的学习笔记

    (1)turtle使用pen来绘制图形 pendown()  放下画笔,移动到指定点后继续绘制 penup()   提起画笔,用于另起一个地方绘制时使用 pensize(width)   设置画笔线条 ...

  5. 孤岛营救问题 (BFS+状压)

    https://loj.ac/problem/6121 BFS + 状压 写过就好想,注意细节debug #include <bits/stdc++.h> #define read rea ...

  6. Spring的概念

    一.思想 IOC: DI: 二.applicationContext&BeanFactory

  7. git 中Pull/Request 的初步

    1. 目的: pull/request (简称PR) 是 项目管理者(管理者)和项目开发者(开发者)之间提交和确认工作成果的机制. 2. 流程: 开发者: 在本地创建特性分支. > git ch ...

  8. react小知识

    概述 有句话说得很好,代码是写给人看的,顺便让机器执行而已.所以我总结了一些写react不太注意的地方,供以后开发时参考,相信对其他人也有用. 组件封装 由于组件其实就是React.createEle ...

  9. Python Web Service

    搞移动端有段时间了,一直使用别人的API,自己也只写过ASP.NET网站作为网络服务,相对来讲是很大的短板.虽然ASP.NET可以提供想要的web服务,但是其体量臃肿,响应速度非常慢,这点我非常不喜欢 ...

  10. 使用ES6的Promise完美解决回调地狱

    相信经常使用ajax的前端小伙伴,都会遇到这样的困境:一个接口的参数会需要使用另一个接口获取. 年轻的前端可能会用同步去解决(笑~),因为我也这么干过,但是极度影响性能和用户体验. 正常的前端会把接口 ...