使用HBuilder开发移动APP

文章目录
  1. 1. 前言
  2. 2. 环境准备
    1. 2.1. java
    2. 2.2. Android模拟器
      1. 2.2.1. 下载SDK
      2. 2.2.2. 创建虚拟机
    3. 2.3. HBuilder
  3. 3. helloworld
  4. 4. 书签

前言

HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。

内置MUI框架,真正彻底的跨平台开发,不是简单的跨iOS和Android。基于mui,一套HTML5工程,通过前端构建工具(如grunt)条件编译,可同时发行到iOS Appstore、安卓各大应用商店、普通手机浏览器、微信App和流应用。并且在每个平台上,都能调用该平台的专有API达到原生体验。

环境准备

java

1、jdk下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html
2、双击安装jdk,按照提示一步一步安装即可,假设安装目录为C:\Program Files\Java\jdk1.8.0_111和C:\Program Files\Java\jre1.8.0_111
3、添加环境变量JAVA_HOME为C:\Program Files\Java\jdk1.8.0_111
4、在环境变量Path中添加;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
5、添加环境变量CLASSPATH为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
6、在DOS命令行窗口输入javac,输出帮助信息即为配置正确。

Android模拟器

下载SDK

1、访问AndroidDevTools,下载android-sdk。记住,不要去安卓官网下载,不要去安卓官网下载,不要去安卓官网下载。因为安卓官网下载的,解压后只有tools文件夹,没有AVD Manager和SDK Manager。

2、启动SDK Manager,下载如下文件。
(1)Tools目录(必须的工具):

  • Android SDK Tools(必须,只需下载一个版本,一般选最新版本):基础工具包,版本号带rc字样的是预览版。
  • Android SDK Platform-tools(必须,只需下载一个版本,一般选最新版本):从android2.3开始划出此目录,存放公用开发工具,比如adb、sqlite3等,被划分到了这里。
  • Android SDK Build-tools(必须,可以安装多个版本):Android项目构建工具。

(2)Android xxx(API xx)目录(可选的各平台开发工具):

  • Documentation for Android Sdk(可选):安卓开发者官网的一些离线文档,不过下载下来打开也很慢,后面会提供另外一个离线版。
  • SDK Platform(必须):对应平台的开发工具,需要在哪个版本的平台下开发就下载哪个。
  • Samples for SDK(可选,此项在高版本tools中已不提供,需要在IDE里通过Import Sample引入,当然也可以下载离线版):内置的安卓示例程序,推荐安装。
  • Sources for Android SDK(可选):安卓API的源代码,推荐安装。
  • xxxxxxxx Image(可选):各个以Image结尾的东西是支持相应平台的模拟器,一般选择Intel x86 Atom_64 System Image。

(3)Extras目录(可选的扩展):

  • Android Support Libraries(需要,高版本tools中已不见了,应该是集成到了别的地方):在低版本平台实现高版本平台控件效果时提供支持。
  • Android Support Repository(需要):主要是方便在gradle中使用Android Support Libraries,因为Google并没有把这些库发布到maven center或者jcenter去,而是使用了Google自己的maven仓库。
  • Intel x86 Emulator Accelerator(HAXM installer)(可选,但非常需要,需要CPU支持虚拟化技术支持):windows平台的Intel x86模拟器加速工具,配合Intel x86 atom/atom_64 System Image使用可加快模拟器的运行速度。

创建虚拟机

1、启动AVD Manager,创建一个安卓虚拟机。

2、启动创建的虚拟机。

也许会启动失败,报错如下:

1
2
3
4
Starting emulator for AVD 'android7.0'
emulator: ERROR: x86_64 emulation currently requires hardware acceleration!
Please ensure Intel HAXM is properly installed and usable.
CPU acceleration status: HAXM is not installed on this machine

3、再次打开SDK Manager,发现Intel x86 Emulator Accelerator(HAXM installer)的状态是Not Compatible with Windows。

4、搜索“Hardware_Accelerated_Execution_Manager”,找到Intel官方下载地址,下载haxm-windows_v6_2_0.zip。

5、解压haxm-windows_v6_2_0.zip,放到SDK/extras/intel/目录下,然后双击silent_install.bat。

6、再次启动虚拟机,成功!

HBuilder

1、访问Hbuilder官网,下载HBuilder。

2、解压HBuilder,放在一个喜欢的目录。

helloworld

1、打开HBuilder,文件,新建,移动App。

2、应用名称填入helloworld,模板选择Hello mui,完成。

3、单击工具栏的三角号,在手机设备上运行/停止移动设备。

4、如果已经启动了安卓虚拟机,理论上会出现虚拟机的选项。但是,如果没有出现的话,直接ctrl+R也可以在虚拟机上启动应用。

书签

使用HBuilder开发移动APP:开发环境准备

DCloud文档

Android离线打包

IOS离线打包

如何安装配置手机模拟器

7个最佳的Android模拟器

Android SDK Manager和AVD Manager使用

Android官网

Android Studio && SDK下载地址

sdkmanager使用说明

在 Android Emulator 上运行应用