使用hbuilder制作的app

  • 时间:
  • 浏览:343
  • 来源:成都艾邦软件开发

工具

Hbuilder是由DCloud推出的一款支持HTML5的Web开发IDE。支持开发视图、边改边看模式、webview调试模式、团队同步视图。也可以连接真机或使用模拟器直接运行。由于使用了MUI的一些组件并且本次的运行环境定位于点餐商家界面的移动APP。真机的好处在于可以使用一些只有真机才支持的API而且没有跨域问题。因此我下载了安卓模拟器以运行调试。

边看边改


模拟器运行

APP打包

Hbuilder的一大方便之处在于可以迅速地生成APP安装包符合敏捷开发的原则。

设置安装包名字

设置APP中不需要的文件如jscss

修改manifest.json设置App的基本信息名字、图标、启动界面、权限......

云端打包

查看打包状态

下载到本地

用自己的安卓手机安装、运行

好了。到这里就大功告成了。尽情体验自己写的APP吧。

前言

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达到原生体验。

原文链接/2017/...

环境准备

java

1、jdk下载地址/technet...
2、双击安装jdk按照提示一步一步安装即可假设安装目录为C:Program FilesJavajdk1.8.0_111和C:Program FilesJavajre1.8.0_111
3、添加环境变量JAVA_HOME为C:Program FilesJavajdk1.8.0_111
4、在环境变量Path中添加;%JAVA_HOME%\bin;%JAVA_HOME%jre\bin;
5、添加环境变量CLASSPATH为.;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib\tools.jar;
6、在DOS命令行窗口输入javac输出帮助信息即为配置正确。

Android模拟器

下载SDK

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

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

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

2Android xxxAPI 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。

3Extras目录可选的扩展

  • 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、启动创建的虚拟机。

也许会启动失败报错如下

Starting emulator for AVD android7.0emulator: 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 AcceleratorHAXM 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、如果已经启动了安卓虚拟机理论上会出现虚拟机的选项。但是如果没有出现的话直接ctrlR也可以在虚拟机上启动应用。

书签

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

DCloud文档

Android离线打包

IOS离线打包

如何安装配置手机模拟器

7个最佳的Android模拟器

Android SDK Manager和AVD Manager使用

Android官网

Android Studio SDK下载地址

sdkmanager使用说明

在 Android Emulator 上运行应用