新建APP项目, APP真机连接调试应用 (附视频)
新建一个移动APP项目,很简单,打开HBuilder开发工具: 菜单栏->新建->选择移动APP项目
我们在开发前,必须要学会真机连接,为后续各种功能调试做准备
创建移动APP
应用名称: 你的应用名称,可以中英文
位置: 你的项目存放的路径
选项模板
1.目前提供以下4种模板,和2个例子,一个是MUI移动框架的示例,一个是HTML5+原生效果体验示例。
2.新手可以,选择MUI框架示例,把整个框架示例带进项目里,然后再新一个项目把HTML5+的示例也带项目来,可以真机连接预览下效果。
3.当我们开发时,可以新建一个MUI项目模板,会自己把MUI框架的一些JS,CSS, 字体文件带到项目里来,然后就可以自由发挥了。
在开发过程中,可以参考那两个示例的例子,MUI和HTML5+的写法。
如果你不需要用MUI框架时,可以使用空模板,
每个项目都会有 一个 unpackage 的文件夹,这个不要理它,它主要是生成一些系统文件,和生成apk安装包储存的地方,和项目没多大关系。
整个工程最重要是这个配置文件:manifest.json
真机连接,调试应用
当我们新建APP项目后,首先要学会的,是怎么真机连接调试APP应用,或者模拟器调试。
Android 真机连接:用数据线把手机和电脑连接,手机打开->开发者选项->选择USB调试。
安卓连接是adb连接模式
如果连不上,查下电脑adb是否被其他应用占用了,例如酷狗,或那些可以连接手机的软件应用。
查看adb被那些应用占用,可以在任务管理器里查看,找到adb , 菜单->打开文件所在的位置,看看是什么应用占据了,把它关掉,重新打开HBuilder 试下。
IOS 真机连接
IOS应用真机连接,比较简单,把你的iphone 手机用数据线连接电脑,确保你的IPhone 能连上电脑,第一次连HBuilder 调试时,需要下载一个IOS连接插件,下载完安装好,再点击调试那个按键刷新几下,看下能不能看到IPhone 列表出来,如果出来就成功了.
WIFI 真机连接调试应用
Android 真接连接 推荐使用WIFI 连接比较稳定,不会经常断开的问题出现, IPhone 推荐数据线连接,苹果是使用IOS插件连接的,比较稳定不易断开。
大家在开发APP时,建议大家都用真机测试,模拟器很慢,同步也慢,无法和真机比,真机能让你切身感受APP的触摸感,打开页面是否卡等等。
建议大家备一部安卓手机,和一台苹果机,现在二手安卓机很便宜几百块就行,能root 的安卓机,像魅族手机,它自带一个一键ROOT的功能,很方便,可能其他安卓机,还要刷机才能ROOT,苹果手机,便宜的二手苹果6或6s,差点也是几百块,好一点一千左右, 用来专门测试APP应用使用,这样不行影响现有的手机使用。
Android WIFI 连接也很简单
一. 获得安卓 ROOT 权限的手机,直接下载wifi adb 应用
应用商店下载 WiFi ADB 应用 , 下载安装在你已经ROOT的手机上,让它获得最高root权限
确保你的手机连的WIFI ,跟你的电脑是同一局域网下的IP相同,例如:连同一个路由器
然后打开该APP应用,显示以下这个页面,显示IP地址, 我们局域网的IP可能是:192.168.0.100:5555
然后win 系统我们用命令来连接adb, 首先找到adb 所在的位置文件路径,打开任务管理器,当我们打开HBuilder开发工具时,adb 也开启了,我们到任务管理器哪里找到它所在位置,上面有图片示例,这里不放出来了,进入到文件夹之前,我们复制它的路径:我的是放在:D:搜狗高速下载HBuilder.0.1.14.20180113-alphapluginslaunchertoolsadbs1.0.31 下
然打 win+r 打开 运行面版:输入cmd 进入命令,如果你的文件不在C 盘,根据你的文件指引到该目录,例如我是D盘,我先 d: 转到D盘,然后再 cd 进入:D:搜狗高速下载HBuilder.0.1.14.20180113-alphapluginslaunchertoolsadbs1.0.31 下 ,进入到ADB 所在目录下,然后开始执行 连接命令:
这里的IP 是你手机上显示那个, 如果一次不成功,多执行几次试试
adb connect 192.168.0.102:5555 |
---|
等到出现以下 ,就是成功了,然后回到HBuilder, 点击真机运行那里,点击多几次,等到它刷新出来
connected to 192.168.0.102:555 |
---|
二. 非 ROOT 安卓手机:
1.通过USB连接到电脑
2. 像上面一样,进入ADB 所在目录, 能过命令 adb tcpip 5555 ,设置手机监听端口5555,并通过TCP / IP连接
ADB TCPIP 5555 |
---|
3.拔掉数据线
4.确认手机和电脑连接到同一网段.
5.在电脑上通过ip连接手机
然后再去连接
adb connect 192.168.0.102:5555 |
---|
如果想恢复USB数据线连接,输入以下命令
adb usb
|
---|
视频播放
加载更多