首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端开发APP,从HBuilder开始~

内容简介 介绍目前前端人员开发app的几种方法,具体介绍hbuilder开发app,一扇赞新的大门~ 无所不能的js 最开始js仅仅局限于网页上一些效果,操作网页内容等, 但是nodejs把js带入了后端...hbuilder(DCloud – HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架)...特点是快捷键比较多,支持移动app开发(h5+方式)。 h5+(HTML5产业联盟) 终于说到正题了,这个就是之前提到的打包技术, 可以说nodejs将js带到后端,h5+将js带到移动端。...前端搞app 搭建开发环境 不需要搭建ios和android的开发环境,只需要下载hbuilder(估计需要java环境支持), 选定ui 目前推荐mui,效果不错 写事件 通过js调用原生方法实现app...现在,如果你会html+js+css,那你只需要一个hbuilder就可以开发app了,通吃android和ios 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/138140

2.4K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    hbuilder 开发APP填坑经验

    hbuilder中进行窗口管理有2种方式,一种是用了mui框架,可以用mui提供的管理方式,都封装好了。 还有一种是没有用mui,可以直接通过最底层的plus.webview来管理窗口的操作。...在使用的过程中我遇到了下面的问题: 1,在APP下面有一个toolbar,目前每次点击一个按钮都是通过webview创建一个新的view,view中去加载网页(我们的功能实现都是通过h5的方式嵌入到app...w.open(id); } return null; }; 我们直接调用clicked('http://cxytiandi.com',true)就可以打开猿天地的首页,APP...function ref(data) { console.log(data.id); } 3, 安卓手机上都有一个回退的按钮,相当于苹果中从左往右滑动,到了主页的时候如果点击了2次回退的按钮,需要提示是否退出app

    1.9K80

    hbuilder 开发5+ APP采坑记录

    HTML5 Plus移动App,简称5+App,是一种基于HTML、JS、CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和性能...在真机调试环境下,hbuilder会把APP内容同步到我们的手机中,这个时候图标显示的是hbuilder的图标,不是我们在启动页设置好了的自己的图标,这个需要将APP打包后装在手机上才可以显示出来。...既然启动页不能更改,也去不掉,那就制作一张自己公司logo的启动页面,在启动页面加载完成之后自己实现一个广告页面,广告页面后就是我们的APP首页,通过这种方式来达到动态启动广告页的效果,由于我本人没做过原生的移动开发...,本地可能没有按照jdk,这个时候你可以用hbuilder开发包中自带的jre的bin目录去生产证书。...hbuilder开发APP时默认集成了一些第三方的推送功能,比如个推。当然在使用的过程中也踩过一些坑。 1.IOS使用普通消息模板进行推送时会弹出一个很丑的框,效果图如下: ?

    3.1K90

    使用基于Vue.js和Hbuilder的混合模式移动开发打造属于自己的移动app

    近几年,混合模式移动应用的概念甚嚣尘上,受到了一些中小型企业的青睐,究其原因,混合模式开发可以比传统移动开发节约大量的开发成本和人力成本。     ...Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。    ...说白了,如果走传统移动开发路线,公司业务覆盖多端,那么每个平台势必要请一个专属开发人员,安卓要请一个前端开发,ios同理,那么人力成本则进行了翻倍,同时,如果多端使用不同的代码,当有功能上的修改或者维护时...app不支持history模式,最后打包项目 cnpm run build vue.js将会包项目直接打包在dist文件夹中,这时,下载hbuilder安装包 http://www.dcloud.io.../hbuilderx.html,要下载app开发版,将dist直接拖动到hbuilder开发界面中,然后右键转换为移动app 这时系统会帮你创建一个配置文件manifest.json,转换完毕之后

    1.1K40

    移动app开发流程,app开发步骤

    个人github:https://github.com/qiilee 欢迎follow 移动app开发流程,app开发步骤 app是手机软件的简称。...随着移动互联网的普及,移动终端功能的日益完善,很多企业看重移动互联网的重要,开始在这个领域完善自己的品牌,开展营销活动。 一款好的app需要哪些步骤? 移动应用开发步骤1....规划应用UI 移动应用开发步骤2. 设计数据操作与存储 移动应用开发步骤3. 跳转多页面实现 移动应用开发步骤4. 实现Service 移动应用开发步骤5. 完善特性与细节 移动应用开发步骤6....移动应用程序测试 移动应用开发步骤7. 打包,签名,发布 细节: APP开发流程 项目开发流程细分为5大阶段: 理解需求: 专业的产品经理(PM)将与客户进行细致的需求分析梳理工作,形成需求功能表。...在各大市场中,开发者就要通过各种方式推广自己的app产品,力求app在市场上获得更多的下载量,吸引更多的用户。 APP制作流程图: 移动互联网的高速发展带动了APP制作行业的大力扩展。

    3.3K20

    移动手机app开发

    App开发,是指专注于手机应用软件开发与服务。 App是application的缩写,通常专指手机上的应用软件,或称手机客户端。另外目前有很多在线app开发[1] 平台,比如应用之星平台很好用。...当然移动互联网时代是全民的移动互联网时代,是每个人的时代,也是每个企业的时代。APP便捷了每个人的生活,APP开发让每个企业都开始了移动信息化进程。 1....这使得App开发者们从此有了直接面对用户的机会,同时也催生了国内众多APP开发商的出现。...APP的意义 企业APP的意义很广泛,可以有以下几种: 1、建立自有销售平台 利用网站、微博、微信、移动客户端的特点,打通社会化营销渠道,提高品牌宣传的渗透度。...随着智能手机和iPad等移动终端设备的普及,人们逐渐习惯了使用APP客户端上网的方式,而目前国内各大电商,均拥有了自己的APP客户端,这标志着,APP客户端的商业使用,已经逐渐普及。 8.

    91830

    移动开发之Web App开发

    写在前面:本人刚刚接触移动开发,希望自己的见解能够帮助到他人,不足之处还望提醒。...1 移动开发分类 1.1 Native App 原生App开发 优点: (1)用户体验好 (2)性能稳定 (3)操作速度快 (4)能够访问本地资源(通讯录,相册) (5)能够设计出色的动效,转场 (6...总的来说,native app开发从android、ios智能手机出现就有了开发技术,性能体验最优,API比较完善,但是学习起来难度比较高,开发成本比较高(跟开发周期相对来说比较长也是有关系的)。...2 Web App 网页App开发 优点: (1)发版完全自控,随时更新 (2)跨平台,因为本身来说用的是Web的东西,所以可以在任意平台上运行 (3)成本小,Web页面嵌入Webview开发起来速度非常快...3 Hybrid App 混合型App开发 优点: (1)体验好 (2)稳定性强动态性强 (3)成本相对低跨平台 缺点:对团队技术栈要求相对高性能优化 Hybrid App就是Native结合Web混合开发

    2.2K30

    APP开发流程,移动应用开发流程

    每天都有数以千计的移动应用程序发布到Google Play和Apple App Store。其中一些移动应用程序是游戏,其他是社交网络,许多是电子商务应用程序。...所有这些应用程序,如果专业构建,应遵循类似的移动应用程序开发过程。在BHW,我们已经构建了350多个网络和移动应用程序,在本文中,我将概述我们遵循的战略,设计和开发流程。...每个应用程序都不同,我们的方法也在不断发展,但在开发移动应用程序时,这是一个相当标准的过程。此移动应用程序开发过程通常包括构思,策略,设计,开发,部署和启动后阶段。...没有人比指定的开发人员更专注于该特定功能。他们应该了解要求的意图。如果事情开始变得没有意义,通常是第一个让你知道的开发人员。 在开发过程中,使用一个名为Hockey App的平台。...第二种是将您的应用部署到Google Play商店和Apple App Store。 Web API(服务器) 大多数移动应用程序都需要服务器后端才能运行。这些Web服务器负责与应用程序之间传输数据。

    2.6K20

    移动App开发流程管理

    ) 5、UI确认:产品经理,设计人员,开发人员全体 6、UI交互确认:产品经理,移动端,前段开发人员 7、接口确认:架构师,接口开发人员,移动端、前端开发人员 8.1、UI工时评估:产品经理,设计人员...8.2、接口工时评估:架构师,接口开发人员 8.3、移动端、前端工时评估:相关开发人员,技术经理 9、工时确认:产品经理,技术经理,设计人员 10、项目开发 11、测试用例及流程设计:产品经理...3、技术逻辑变更:架构师,接口开发人员,移动开发人员共同确认 4、测试流程变更:产品经理确认 开发管理: 1、开发人员:明确需求和业务、交互逻辑。开发以需求和业务逻辑为准。...3、谨慎使用边开发边测试的开发测试流程:这种模式下,请明确测试重点(开发完毕前侧重功能性、业务性测试) 4、开发没有结束前的测试:测试人员禁止频繁交涉开发人员,所有bug只需提交服务器。...7、加入存在边开发边测试的情况,测试人员频繁的交涉技术人员,会导致开发流程中断,在开发阶段为开发人员产生非功能性、业务逻辑性的bug,导致开发人员可测试人员各自的情绪波动。

    1K21

    如何入门移动app开发

    随着互联网时代的到来,安卓和苹果的火热,移动app的需求越来越多。这就催生了越来越多的开发人员加入移动app开发的队伍中。...目前移动端主要被三大操作系统占据着它们是谷歌的android操作系统、苹果的ios操作系统、微软的windows phone操作系统,形成了三足鼎立的局势。...android平台app开发 安卓平台的app俗称apk,一般是基于java语言进行的开发,当然也有的大牛直接用c++来进行开发,但是对于刚入门的小菜鸟来说java语言是我们进军apk开发的首选。...有了Objective-C的基础后,苹果也提供了一套ios sdk用于进行ios app开发开发苹果app用的集成开发平台是xcode。...所以Objective-C+ios sdk+xcode就可以进军苹果ios app开发 windows phone平台app开发 windows phone平台app开发基于的语言就比较多了。

    1.7K50

    移动APP开发之技术选择

    APP开发种类 目前主流的APP主要为iOS版本和Android版本。早期APP开发,两个版本需要分开独立进行,分别使用Objective-C/swift和Java语言。...这些APP也称为Native APP,即原生系统。由于Native APP开发成本高、难度大,随着技术的发展,出现了Hybrid(混合)APP开发,即支持跨平台或支持原生+H5相结合的APP。...除此之外,还有一种称为Web App移动端Web系统,其完全使用Web技术进行开发,与操作系统无关。...原生、Hybrid及Web APP之间关系如下图所示: 开发种类的比较 开发种类 优点 缺点 原生Native (1) 可访问手机所有功能(GPS、摄像头);(2) 性能高、用户体验最好(3)...;可选前端框架比较多;性能比较好 不能跨平台;学习成本较高(需要了解android开发及前端框架);框架繁多,多数不成熟,可能会遇到一些陷进 其它 Android原生APP开发有很多开源的框架可以使用

    75030

    HBuilder包装iOS APPApp Store的详细过程

    ITUNE管理APP功能被删除,IPA安装失败。Appuploader已有1个月的期限等问题。 请参见此教程重新安装。因此,放出。 很多新生开发,不知道如何包装。...一个开发证书可以用于多个APP测试,不需要每个应用程序都符合申请一个开发证书p12,发展证书p12可以公开使用,区分下一步的申请描述文件是可行的。一个p12可以匹配无数的描述文件。...选择应用包名,创建的第一步,如com.app.taobao。 证书:选择前步申请的开发证书p12(如果申请了2个开发证书,这里将显示2个。直接选择的全部。 设备:选择需要测试的设备。...五、iOS包装IPA 1、打开HBuilder工具,选择完成项目,点击发行,选择发行行为原始安装包。 2、选择iOS包装,支持设备类型(可选支持iPhone和支持ipad),使用苹果证书。...4、点击开发者应用程序下方出现的帐户,信任,然后可以启动应用程序,没有提示。 测试后,App Store可无问题。

    96520

    跨平台移动APP开发进阶(二):HTML5+、mui开发移动app教程

    序 通过 HTML5 开发移动App 时,会发现HTML5 很多能力不具备。为弥补HTML5 能力的不足,在W3C 中国的指导下成立了www.HTML5Plus.org组织,推出HTML5+规范。...注:使用 HTML5+开发移动App 并非mobileweb页面。这是新手最容易混淆的地方。...当然这些移动 App 里某些页面也可以继续从服务器端以网页方式运行。所以mobile web,在HBuilder 里新建项目时,属于web 项目。不要放置到移动App 项目。...不谈phonegap,不适用国内国情,是的,你没有看错,这是一个开发的ide,其实就是对eclipse进行了深度定制。 特点是快捷键比较多,支持移动app开发(h5+方式)。...下面通过一个简单的例子,讲解如何创建开发。 开始 新建项目 在首页点击新建移动App,如下: 或者在项目管理器内右键新建,或者快捷键ctrl+n+a。

    4.4K21
    领券