html5页面打包成App - Android或Iphone安装程序

下载安装前端开发工具:HBuilder

官网下载http://www.dcloud.io/

根据官网说明安装

* 打开登录HBuilder,把做好的H5页面通过添加app项目把H5的文件夹加入进来(项目列表内会生成文件夹和文件如manifest.json)

* 按Ctrl+R启动项目模拟,双击左侧项目列表的manifest.json配置相关参数

* 然后选择顶部菜单项‘发行’→‘App打包’→设置相关参数→上传云端打包好下载下来(可以选择打包成Android或Iphone安装包)

* 发送手机安装就成了,或者在电脑上通过Android模拟器安装查看。

Android模拟器安装海马玩模拟器

官网下载:http://www.droid4x.cn/

下载安装好后,直接把Android安装包(.apk后缀文件)拖到模拟器界面就可以安装好并查看了。

时间: 2024-11-07 15:58:41

html5页面打包成App - Android或Iphone安装程序的相关文章

前端如何将H5页面打包成本地app?

大家都知道H5页面怎么在手机浏览器里测试,但是如何能打包成APP测试呢?因为本人的手机是IOS系统,如果用Xcode打包需要开发证书,貌似99美元一年.意外发现一个叫Hbuild的软件,简单好用,下面做个简单的使用分享: 首先到网上下载一个Hbuild,下载地址->戳(windows) 一.安装成功后打开选择暂不登陆,进入主界面如图: 二.把自己打好的包导入到hbuild 三.选择对应选项及文件夹 四.电脑连上手机,点击菜单栏"运行"--"到手机" 五.轻松搞

如何把一个H5网站打包成安卓(Android)/苹果(IOS)APP

今天我们来讲解一下如何把一个H5网站打包成安卓(Android)/苹果(IOS)APP,并且安装到手机中.而且不需要很高的技术门砍!只有网址,没有源码,没问题!通过以下步骤,几分钟,将网站变成手机app. 前提条件:网站是H5网站,或者是手机版网站,总之要能在手机端正常显示才行. 打包平台:勾勾街 一.打开勾勾街官网 (http://www.gogojie.com) 二.注册一个账号 三.登录账号,进入后台 四.选择打包的类型 (1)苹果IOS APP点击右上角的“马上创建IOS APP”按钮,

HBuilder初探——强大的提示符及纯网页打包成APP

之前做手机页面,只是时效短.更新度高的零星几个,供APP内嵌调用.比如抽奖嘛.活动宣传啦. 现在的公司,不知是不是不知者无畏,整一个app全部用html5来实现,包括头部导航条.客户端只需封装一下,打个包就OK.实现的方式是网页放在服务器,像从浏览器访问一下,客户端只是充当一个浏览器的角色.这种方式app store应该是不允许的吧.但所做的只是供医院内部人员使用的一个项目,能实现在线学习课程.报名.考试.签到.查房.论文申报等功能就OK. 得知HBuilder这个东东,还是从客户口里听来的,他

使用ionic将HTML5项目打包成安卓和IOS应用

最近因为项目需要,在研究2天ionic打包应用,现将整个过程记录下来. ionic是一款HTML5手机应用开发框架,可以说是AngularJS移动端解决方案,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序.一次开发,处处运行. 1.安装ionic 首先需要安装Node.js,安装成功后,在命令行中输入下面指令,安装ionic和cordova npm install -g cordova ionic 可以通过查看版本号来测试是否安装成功,如果显示版本号即安装成功. windows

ThingsBoard 前端打包成 App 的方法

欢迎大家加入thingsboard 二次开发讨论群:121202538 ThingsBoard私有化部署之后,不免存在在手机上查看各仪表盘的需求.手机上虽然可以浏览器访问网址,但对用户而言不够专业.体验较差,因此有需要提供一个专门的App,来实现管理或查看功能. 对于这个App,存在两种方案:一是开发全新的App,通过调用ThingsBoard的API实现相应功能,该方法是完全的Native开发模式:二是将ThingsBoard的UI打包,以App的形式内置网页方式的浏览.前一种方式成本较高.周

使用HBuilderX将vue项目打包成app

因为项目要用到手机扫一扫的功能,纯H5的话我百度之后只能做到调用摄像头,拍照后识别二维码,无法做到自动识别 看到H5+有扫码功能,所以今天尝试用HBuilderX将vue项目打包成app 总的流程很简单,这真的要感谢H5中国产业联盟做出的贡献.将vue打包,生成dist文件夹,HBuilderX创建H5+App项目,这里选择的是默认模版,然后将dist里的文件夹覆盖到新项目,就可以云打包成app下载到手机或者直接进行真机调试 生成app后遇到的第一个坑就是白屏,原因是页面找不到 为了解决跨域问题

html网站网址一键打包成App平台-开心App平台

开心APP在线打包平台可以快速封装网站变成APP,一键打包网站APP平台的出现,极大的降低的开发费用,几百块就可以制作一个体验不错的APP. 网站封装成APP的流程方便快捷!无需懂代码,会上网就能制作APP! 下面介绍使用开心APP平台将一个网站快速打包成APP 分七步进行 1.注册开心APP平台账号 2.创建APP.配置基本信息 3.配置扩展插件 4.配置打包项目 5.配置安卓证书 6.配置ios证书 7.编译APP 一.注册lbuilder平台账号 1.打开心APP官网http://www.

一个简单移动页面ionic打包成app

先贴JS代码好了,缓动和调整透明度的功能,最后用ionic打包成应用就可以 window.onload=function(){ search(); move(); calc();}function search(){ var search = document.querySelector(".hw_header_box"); var banner = document.querySelector(".img_content"); var height = banne

html5 如何打包成apk,将H5封装成android应用APK文件的几种方法

直接使用编程软件提供的方法: 1.需要下载安装MyEclipse2014,Android SDK,eclipse(需配置Android开发环境) Java和Android环境安装与配置. 2.打开MyEclipse2014,新建一个HTML5 Mobile Application Project,命名,例如:hello. 3.html5程序在工程www目录下编辑:编辑好html5程序,下面就要开始学习打包了. 4.这里介绍两种打包方式: 4.1.PhoneGap  Build Service 打