官方文档: http://www.dcloud.io/wap2app.html 新建Wap2App,示例网址:www.baidu.com 随后,我们可以在 最后,我们可以 打包完成以后,下载即可…

奇妙的前端,奇妙的js 众所周知,自从js有nodejs后,前端人员可以华丽的转身,去开发高并发非阻塞的服务端程序, 随着html5的出现,伴随一些amazing的特性,h5开发app的技术越发的成熟, 自从2008年国外推出phonegap后,前端人员又踏上开发app的路程, 今年来国内也对应推出了一些可以让前端人员开发app的ide, 不过大部分是收费的,强定制的,这里就不一一列举了. 这里推荐DCloud推出的HBuilder,一句话谁用谁知道. 一次开发两种app 通过HBuilder的…

一.前言        最近由于公司同事离职,顶替这位同事从事手机App的研发工作,BIM数据平台部门采用的是HBuilder作为手机App的制作环境.本篇介绍我是如何将HBuilder的Release包发布至App Store的. 二.内容 1. 首先登录Apple Developer网站 2. 点击iTunes Connect 3. 点击我的App 4. 找到要更新的App,查看当前该App的版本 5. 如果该App已发布至苹果商店,则需要更新name与code版本:如果未发布,则只需要更新…

“手机WAP版网站”.“手机触屏版网站”.“手机APP应用软件”: wap webapp app区别 电脑版:台式机或者笔记本访问,兼容各个浏览器: Wap版:用于传统智能手机,屏幕小,适合使用手机键盘操作: 手机触屏板:针对高端智能手机(大屏幕触屏手机),采用html5+css3: Web app:将手机触屏版经过调整和优化,可以直接封装成App应用软件提供用户下载: App:专门针对IOS(苹果).Android(安卓)等系统的智能手机开发的应用软. 应用时app ,网页是web, Wap…

以前做过Android App开发,对于各项配置都是在AndroidManifest.xml文件中完成的,包括权限的设定.图标.标签.App的名字.Activity注册等等 使用HBuilder开发移动App,HBuilder是基于Eclipse进行二次开发的,所以新建项目等各项操作与Eclipse类似. 首先新建一个移动App项目 这里选择mui项目,点击完成后可以看到项目文件列表,如下: 这里我们主要看一下manifest.json文件 应用信息 选择应用信息一项,然后 1.填写应用名称 也…

前言 HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE.HBuilder的编写用到了Java.C.Web和Ruby.HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件.快,是HBuilder的最大优势,通过完整的语法提示和代码输入法.代码块等,大幅提升HTML.js.css的开发效率. 内置MUI框架,真正彻底的跨平台开发,不是简单的跨iOS和Android.基于mui,一套HTML5工程,通过前端构建工具…

通常情况下web=pc,wap=app,前者指电脑用的程序,后者指手机用的程序. 更深层的区别是,pc电脑上软件,web电脑上的网页,wap手机上的网页,app手机用软件…

http://ask.dcloud.net.cn/question/28090 https://blog.csdn.net/qq_37508970/article/details/86649703 各位新年好 小弟以前用hbuilder开发过几个项目,现在有一新需求项目,在考虑是否使用它来实现: 需要APP在后台能定期离线监控用户定位数据,使用的是百度地图,我已经知道可以离线获取定位信息,但不知道如何能后台运行(APP不关闭,切换到后台,或者熄屏后它能继续运行),在后台定期(如20分钟)获取用户…

一直想开发个APP玩玩的,但是作为一个PHP码农,需要新学习JAVA或者Object C,这也是一直没能实现这个目标的原因.但是现在HTML5+.APPCAN.apicloud很多工具利用前端技术就能轻松开发app,这也使我的这个 愿望终于能成真了.哪款工具适合自己只有试验了才知道,所以计划一边学习一边记录下来过程和体会.最先试用的是HTML5+,因为HBuilder这款前 端开发工具比较合眼缘吧... 首先从DCloud下载了HBuilder,地址是:http://www.dcloud.io/…

既然要做APP,与接口交互式少不了的,除非只是想做一个纯静态的APP.所以html5+的环境准备好后,我最先开始研究的就是如何与接口交互. 使用HBuilder新建示例教程后,里面会有一个ajax(网络请求)的列子,文件目录是examples/ajax.html.看了下这个文件的代 码,它的功能就是点击“提交”按钮后提交参数给接口,然后根据选择的返回数据格式,将一段字符串打印出来.我准备改造下这段代码,改由页面加载时调用列表 接口,并在APP里显示这段列表,毕竟这种情况应该经常会用到. 1.在l…

创建子页面 在mobile app开发过程中,经常遇到卡头卡尾的页面,此时若使用局部滚动,在android手机上会出现滚动不流畅的问题: mui的解决思路是:将需要滚动的区域通过单独的webview实现,完全使用原生滚动.具体做法则是:将目标页面分解为主页面和内容页面,主页面显示卡头卡尾区域,比如顶部导航.底部选项卡等:内容页面显示具体需要滚动的内容,然后在主页面中调用mui.init方法初始化内容页面. mui.init({ subpages:[{ url:your-subpage-url,/…

经过一段时间的学习,做公司项目,对mui框架有了更加深入完整的了解,其实刚开始接触HBuilder中的mui框架只是简单的了解,并没有深入的研究,后来由于工作的需求,不得不深入研究,并运用的项目中去. mui框架采用html5来开发手机app,包括Android跟ISO,真正做到一套代码能在Android跟ISO上很好的运行,一般用html5开发网页,页面跳转采用a连接,这样会导致页面切换时出现白屏,并且页面跳转时会出现动画效果,如果作为pc端还可以,但用来开发手机app的话,效果肯定惨不忍睹,…

1. 直接将项目 npm run build 打包生成dist文件 2.将dist文件放到Hbuilderx或者Hbuilder里面,这个时候你会发现他是w的,需要将其转换为A 点击该dist项目右键,会发现有个将其转换成移动App的,然后将dist文件转换成移动app 3.转换完成后会生成一个manifest.json文件,这里面可以配置项目的配置信息,配置好后 4.直接运行进行云打包就可以,到时候会生成本地apk在本地目录里…

WebView就是原生的WebView,HBuilder在其上封装了一层,便于Javascript的调用,结构如图: 也可以实现这样的结构: 注意:WebView的使用属性HTML5+规范,所以必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中…

注:请点击此处进行充电! 1.问题描述:在实现图片轮转时,若将 <script type="text/javascript"> mui("#slider").slider({ interval: 5000 }); </script> 置于图片加载之前,图片不会显示, 解决措施:将其置于图片显示之后才会显示. 2.问题描述: 同上面的问题,会遇到报指针为null的异常.若要获取一个组件的id,可能带获取的组件还未加载,导致获取失败. 解决措施:…

1.如果你有mac系统那请看第二步. 首先需要一台虚拟机,还需要个插件要不没法装,都在这链接里面了 链接:https://pan.baidu.com/s/1N_pWJWFk-EJILTXuFr6w5g  提取码:d5ft 虚拟机安装完成后将插件解压 解压完成后点击win-install安装插件安装完成后会自动退出 安装 完成后进入下一步 点击创建新的虚拟机 选择ISO文件 链接:https://pan.baidu.com/s/1-ocezpf7ObkEk5xs5QjIOQ 提取码:178c(os…

1.思路: 其时有2个WebView,一个main是用来装主页面,一个menu是用来装菜单(为提高性能,菜单项是采用了预加载方式的,预加载时为了避免和主页面争夺资源,采用延时加载,例如: //plusReady事件后,自动创建menu窗口: mui.plusReady(function() { main = plus.webview.currentWebview(); //setTimeout的目的是等待窗体动画结束后,再执行create webview操作,避免资源竞争,导致窗口动画不流畅:…

mui.openWindow({ url: 'examples/info.html', id:'info' }); 要在页面间传递参数,需要使用一个extras:{}对象另外打开的页面显示的内容必须装在<div class="mui-content">中…

折腾了好久,终于看明白怎么创建了: 1.创建个html5的mui页面,在其初始化方法中: mui.init({   subpages:[{    id:"list",   url:"listx.html",   styles:{   top:'45px',   bottom:0 } }] }); 这里注意:subpages是个Array对象,意味着它可以创建多个子页, 2.子页最好 <meta name="viewport" content…

研究了下,向导页的制作还是比较简单的,主要使用的是mui控件中的”图片轮播“组件,组件的标签写法手册中有,中间发现个有趣的东西,如果要作全屏,可以加个样式mui-fullscreen 滑动图片时会自动激发slide事件,要想知道翻到哪页了,可使用事件参数event,event.detail.slideNumber得到 比如翻到最后一页了,让某个按钮的透明度缓慢变成1,这样就可以看到得到按钮了,点击后跳转到主页!…

1.点击项目下的"manifest.json"文件,会出现自动化的配置工具: 2.点“图标配置“,上传制作好的图标文件,自动生成不同大小的ico,这个要赞下! 3.启动图片(splash)配置,唯一麻烦的是要制作各种尺寸的图,并依次本配置,图片的命名最好采用:entry_bg_1080x1920.png这种形式…

其中容易忽略的一点是manifest.json文件.plus下加入如下配置: "splashscreen": { "autoclose": false,/*如果为true,程序启动的图片可以自动关闭,如果为false,开发者需要手动关闭*/ "waiting": true/*是否在程序启动界面显示等待雪花,true表示显示,false表示不显示.*/ }, 然后,替换splash下的启动png图片.…

1.section 将内容组织到精确的语义块,表示页面的一部分. 2.article article表示网页的一个文章.故事. 3.header (1)用在整页的页头 (2)section或者article的引言 4.footer (1)网页的页脚--联系人和版权 (2)定义section和article的meta信息,如作者信息.发布时间,更新时间等. 5.aside 描述与主要内容相关,但又不是非常主要的内容. 6.nav 页面主导航! 7.figure.figcaption 图片和图注.…

…

建立文件夹www,将需要更新的文件放置在里面. 将manifest.json文件中version字段的版本修改为新编号. 在文件夹www外建立文件update.xml,内容如下: <?xml version="当前正在用的版本" encoding="utf-8" standalone="no"?> <wgtu appid="应用标识" > <basis version="当前正在用的版本…

直接在打包后的mainifst.json的文件夹中加入标注部分,我是这样解决了的…

内容简介 介绍目前前端人员开发app的几种方法,具体介绍hbuilder开发app,一扇赞新的大门~ 无所不能的js 最开始js仅仅局限于网页上一些效果,操作网页内容等, 但是nodejs把js带入了后端,也就是服务器端,从此前端人员可以涉及后端,前后通吃, native.js(以及其他js,稍候介绍)把js带入了移动端,从此前端人员前后移动通吃. 前端涉及app的两种方式 适应移动端的网页 大家都很熟悉的bootstrap,和现在刚出来的amazeui就是这种方法的代表, 说的简单点就是对移动…

---恢复内容开始--- 准备:苹果开发者账号,一个Mac系统 没有账号可以再这里注册 https://developer.apple.com/ 因为账号是公司的,自己并没有注册过,这里就不进行阐述了. iOS有两种证书和描述文件: 1 开发(Development)证书和描述文件   (用于开发测试,在HBuilder中打包后可在真机环境通过Safari调试) 2 发布(Distribution)证书和描述文件  (用于提交Appstore,在HBuilder中打包后可使用Applicatio…

1.开发准备HBuilder: 1.下载安装HBuilder2.创建APP项目 3.代码示例: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <meta name="viewport" content="width=device-…

       最近用Hbuilder来开发APP,测试各种功能,其中,最近测试到,要用这个浏览器调起APP的功能,我看官网有教程,但是有些可能刚工作没多久,所以,有些地方看不大明白,官方也没细说,所以,特地写一个小文章,权当做官方的拓展版吧,尽量通俗异动一些,再配上一些文字解说和图片,希望可以帮到大家,好了,废话少说,直接来干活了. 看这篇文章,需要先看这两个: http://ask.dcloud.net.cn/article/64 http://ask.dcloud.net.cn/articl…