17513人阅读
07_HPP开发（20）
用HBuilder做开发，其实可以说是最简单的一种环境搭建了，甚至可以说没有环境需要搭建，
想想android开发的时候，相当痛苦，下载各种sdk，而且都需要翻墙，苦不堪言。
用HBuilder做开发，只需要基础的java环境，其余的android和ios环境统统不需要。
HBuilder可以做到这一点，是因为：
1.将打包放到的云端，免去了本地搭建环境进行打包的痛苦，
2.将调试直接设置为真机调试，免去了各种模拟器调试的痛苦。
只需要最基础的java环境，也就是cmd下可以运行java和javac即可，
具体教程请自行百度之，都会有很详细的教程，或者找个java开发给搭建。
下载安装HBuilder
请在这里下载HBuilder：，
下载完成后请教zip包解压缩到自定义的目录（windows），
并将该目录下的HBuilder.exe发送快捷方式到桌面。
双击该快捷方式，
第一次打开HBuilder需要注册，还请注册，几分钟搞定，
登录后即可看到HBuilder主界面：
使用过eclipse或者myeclipse的开发人员应该很熟悉这个界面吧，
对，HBuilder就是基于eclipse做的二次开发ide，
所以大部分eclipse的操作，快捷键都可以直接挪过来使用。
HelloWorld
稍微介绍下HBuilder可以做的事情：
1.前端开发
各种快捷键，各种提示，最好的一点是对所有html，css，js的各浏览器兼容性都有提示
脱胎自eclipse，自然做java web开发不成问题
这个是重头戏，编辑，在线打包，真机调试
点击主界面的新建移动app，或者通过项目管理器界面右键新建，或者ctrl+n，a新建，
你会看到如下界面：
1.填写应用名称
类似eclipse中的项目名称
2.选择位置
3.选择模版
mui项目，自动引入mui相关文件
hello h5+项目，和官网提供的nativejs示例app相同
hello mui，和官网提供的mui示例相同
4.点击完成
这里选择hello mui模版，你也可以选择hello h5+模版，以后开发大部分选择mui项目这个模版。
新建完成后，左侧项目管理器中会出现如下目录结构：
做前端开发的同学一定很熟悉了吧？
主要注意的是manifest.json，
很多app相关配置：app图标，启动页，权限等都在这里配置。
就这么简单，你已经做完一个HelloWorld了，剩下的就是看效果了。
请用数据线，而不是电源线连接手机，
ios需要下载一个调试插件，android可以直接调试，
绝对不需要额外的环境，不论是ios还是android，
选中项目，或者打开任意项目中的文件时，
点击菜单--运行--真机运行--在xx设备上运行，
或者直接ctrl+r直接运行，
当你修改过文件后也可以直接ctrl+r，app就会重启。
当你遇到连接失败的时候，
android只需要随便安装一个手机助手，手机助手连接成功即可，
ios请参考说明。
ctrl+r
然后享受你用HBuilder做的第一个app吧。
更多教程：
HBuilder开发App教程：
更多学习笔记：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：708236次
积分：6929
积分：6929
排名：第2155名
原创：198篇
转载：14篇
评论：243条我查查-条码扫描比价 查真伪 查快递 彩虹码 二维码 超市促销：在 App Store 上的内容
正在打开 iTunes Store。如果 iTunes 不自动打开，在 Dock 或 Windows 桌面上点击 iTunes 图标。进度指示器
正在打开 iBooks Store。如果 iBooks 未打开，请在 Dock 中打开 iBooks App。进度指示器
如要轻松整理及新增数码媒体收藏，iTunes 是全世界最简单的工具。
我们在您的电脑上找不到 iTunes。 如要下载 Wochacha Information Technology Co. Limited 的免费 App 我查查-条码扫描比价 查真伪 查快递 彩虹码 二维码 超市促销，请立即获取 iTunes。
已经有 iTunes 了？ 现在点击「我有 iTunes」以打开 iTunes。
我查查-条码扫描比价 查真伪 查快递 彩虹码 二维码 超市促销
开发商：Wochacha Information Technology Co. Limited
打开 iTunes 以购买和下载 App。
扫条码，比价格，辨真伪，查快递，找促销！我查查，囊括1.2亿多条商品价格信息，3.5亿用户下载，是您的不二选择！特有的条码模糊识别算法与扫描识别技术，商品价格及周边信息追溯全面覆盖，物流快递实时追踪，实乃居家旅行必备之应用！新增彩虹码功能。能实现“一物一码”，给每件商品都提供唯一标签。为企业提供产品生产、仓储、分销、物流运输、市场巡检及消费者等环节进行数据采集与跟踪，实现产品的全流程追溯。 =====在我查查您可以======1、购物必备神器，扫一扫条形码，正品什么样，哪有买，商品防伪功能让你全知道！更有周边及时超市促销速递到你眼前 ！2、质检曝光功能更加强大。曝光栏及时更新全国质监部门权威信息。红黑榜检索功能够查询全国质监部门及时、权威商品质量信息。曝光栏评论回复功能，商品质量大家谈！3、和一号店、亚马逊等超市的数据对接，扫一扫商品就能及时了解各种促销价格信息。4、快递物流实时追踪，主流快递公司查询一应俱全。5、查查商城一站式服务，让您放心享受优选商品。网购更轻松！6、制作你的个性二维码，用我查查开拓你的二维码世界。 =====联系wochacha======网址：QQ群：
版本 8.7.5 中的新功能
【新功能】快递连续查，动态随时看！【新体验】登录买买买，订单查的到！【新体验】积分享优惠，好货一起兑！
iPhone 屏幕截图
?每次几分钟，10元零花钱到手?惊喜
?小手一抖，零钱到手。每次几分钟，10元零花钱到手?。有?微?信?就?加（xiaov588）补刀键太垃圾！！！顺序应该是防御塔，野怪，小兵。现在优先打小兵是什么烂顺序，经常抗水晶时都因为打小兵去了成功浪费战机，上回甚至五个人被团灭，这种垃圾系统不知道坑了多少人。你有塔的时候肯定打塔，没可能去打小兵打英雄，有野怪的时候肯定没有小兵和塔，这个顺序不是很完美吗？腾讯出系统时能不能用点脑子，还有因为游戏内部没有意见模块，我只好到这来损你们，别怪我你们自找的，希望腾讯能完善这个游戏，做好手游moba的关键就在于锁定系统和技能释放。祝王者越来越好。
?每次几分钟，10元零花钱到手?惊喜
?小手一抖，零钱到手。每次几分钟，10元零花钱到手?。有?微?信?就?加（xiaov588）从内测的时候就开始关注英雄战绩，后来又改成王者联盟，再到王者荣耀，游戏的品质不断完善，网络连接顺畅，界面华丽，英雄技能平衡多样，玩法丰富，希望能做成手机端的英雄联盟，不像其他手游那么短命！继续优化，继续开发更多好玩的英雄，同时尽量保持游戏平衡性，这是Moba游戏的精髓，加油！还有，多做优惠活动，哈哈哈
?每次几分钟，10元零花钱到手?惊喜
?小手一抖，零钱到手。每次几分钟，10元零花钱到手?。有?微?信?就?加（xiaov588）一味的模仿 没有创新 游戏平衡性也没有体现 买皮肤加属性 其他类型的就算了 竞技游戏你给这样玩？要上天？一个游戏只想着玩家的点卷支持 却不用心制作游戏 皮肤出了一大推 游戏角色属性从来没更新过 能学学人家虚荣不？抄袭都不晓得抄袭 无奈了 还幸亏tx金多代言几个大型网游 自己做出的游戏个个惨不忍睹
用户购买的还有
免费类别: 版本: 8.7.5大小： 33.3 MB语言: 简体中文, 英语开发商: Wochacha Information Technology Co. Limited兼容性： 需要 iOS 6.0 或更高版本。与 iPhone、iPad 和 iPod touch 兼容。
4.52632&&&&&38 份评分
&&&&&15670 份评分
Wochacha Information Technology Co. Limited 的更多 iPhone App数据载入中，请稍后......
懒人码库客户端
欢迎来到懒人码库！懒人码库QQ群：
当前位置： >
前端开发APP，从HBuilder开始~
10:46　来源： / 作者：懒人
已被阅读：次　分类：　上一篇： 下一篇：
介绍目前前端人员开发app的几种方法，具体介绍hbuilder开发app，一扇赞新的大门~
无所不能的js
最开始js仅仅局限于网页上一些效果，操作网页内容等，
但是nodejs把js带入了后端，也就是服务器端，从此前端人员可以涉及后端，前后通吃，
native.js（以及其他js，稍候介绍）把js带入了移动端，从此前端人员前后移动通吃。
前端涉及app的两种方式
适应移动端的网页
大家都很熟悉的bootstrap，和现在刚出来的amazeui就是这种方法的代表，
说的简单点就是对移动端做了适配，是的布局样式组件都适合移动端展示，
我的个人网站（）就是使用bootstrap3做的，手机浏览效果也很好。
缺陷：毕竟不是app，不管怎么样也没办法取代app的便捷和功能强大。
js+html+css+打包技术
比较有名的就是phonegap了，国内的是hbuilder，
大概的意思是html负责页面内容，js负责效果以及调用原生app方法，ui框架负责样式，
最后打包成apk或者ipa。
hbuilder（）
不谈phonegap，不适用国内国情，
是的，你没有看错，这是一个开发的ide，其实就是对eclipse进行了深度定制。
特点是快捷键比较多，支持移动app开发（h5+方式）。
终于说到正题了，这个就是之前提到的打包技术，
可以说nodejs将js带到后端，h5+将js带到移动端。
上面说过的原理，再次说一遍：
html负责页面，也就是的内容和框架；
js负责调用方法，也就是调用一些移动端原生；
ui负责样式，比较有名的bootstrap，amazeui，jquery mobile，mui
上面说的几个ui，做下简单比较，仅代表个人观点，
amazeui，功能和bootstrap重复，官方解释是对中文排版做了优化，个人觉得有点多余，bootstrap就很好。
bootstrap，适合移动端浏览网页适配，移动端浏览效果不错，但是还是网页。
jquery mobile，专门对移动端做定制，看起来就像手机应用一样，js+css（300k），国外的，不推荐，有坑。
mui，这个是推荐的，比较了jqmobile和mui，显然mui效果样式好点，估计也会有坑，但是支持国产吧。
搭建开发环境
不需要搭建ios和android的开发环境，只需要下载hbuilder（估计需要java环境支持），
目前推荐mui，效果不错
通过js调用原生方法实现app效果
写业务逻辑
代码和图片（简单示例）
文字说再多感觉也不是很大，下面来代码和图片，
文件结构：
你没有看错，仅仅需要一个html页面，加一些js，css，这个例子使用的jquery mobile
页面代码：
head部分，仅仅引入一些必须的js和css
body部分，普通的页面
手机连接电脑，然后在hbuilder下运行&&手机运行&&在设备上运行，
就直接可以在手机上看效果了
在hbuilder中发型&&app打包，然后交给云端去打包，打包好后会自动下载，例如
心动了吗？
现在，如果你会html+js+css，那你只需要一个hbuilder就可以开发app了，通吃android和ios&
(搜索小技巧,留空显示所有)小贴士：懒人码库
为网页前端人员提供建站常用的广告代码和网页特效，内容涵盖焦点图，导航菜单，jQuery代码，图片特效，对联广告，日历控件，在线客服等。
我们一直在进步超级盘点机APP 条码扫描 手机变无线扫描枪_爱扫描_天涯博客
爱扫描()条码、RFID企业移动应用开发引领者Q
今日访问：[$DayVisitCount$]
总访问量：421
开博时间：
博客排名：暂无排名
超级盘点机(简称超盘)是爱扫描(ISCAN)品牌下的一款广受欢迎的条码扫描应用APP。它不是简单的条码扫描，而是可用在仓库盘点、出入库、商品查存、资产盘点、物品检查、订货、设备序列号扫描、图书书号扫描、药品监管码、物流快递扫描等作业时的条码扫描和开单，可以帮助提高作业效率以及防重防错。超盘应用可覆盖工厂、商超、图书、鞋服、物流、文具、药品、食品、饰品、灯具等行业。主要功能特点：1、支持照相机拍照方式扫描一、二维码，也支持安装在安卓条码数据采集器进行使用；2、独创的支持手机扫描条码无线传输给电脑端的管理软件，把手机变成了一把无线扫描枪；3、支持无线传输、数据直接导出导入；4、支持扫描条码显示商品信息、扫描数量控制；5、强大的自定义功能，可自定义扫描作业、字段名称、字段格式、字段验证等，用户可以通过自定义配合适配置合适自己的功能；6、配合格便携式打印机可支持商品条码标签的打印；7、可定义导入商档格式、导出扫描记录格式，以此可轻松对接各种进销存、ERP等后台管理系统。......超盘接受客户的合理建议，收集共通需求产品化，不断把产品做得更加好用！
【部分APP画面】
为我们提出您的宝贵建议！
APP下载： /download/app/by_scan/by_scan_v1.0.0.apk}