webapp mui & HTML5+ (一) 之 环境
来源:互联网 发布:易了千明编程论坛 编辑:程序博客网 时间:2024/06/05 19:08
webapp mui & HTML5+ (一) 之 环境
最近需要开发一款简单app,没有招原生,最后领导大大们商量决定,做webapp,于是这个光荣的任务就落在了小弟身上
小弟以前是做过app,但那是有原生的大神们啊,我做的只是写页面而已…… 多说无益,直接开干
IDE
因为时间关系,框架直接就把react-native忽略掉了,时间不够啊(轻度研究过),直接定在了DCloud上面,主要是打包方便,不用搭建什么环境,直接就可以进行开发
前端框架选定的mui(号称最接近原生APP体验的高性能框架),其实主要是简单容易上手,然后加上5+Runtime
首先选择IDE,跟mui配套的当然是BHuilder了,可以点击这里就是这里了下载
连接
HBuider支持真机调试,这个比较简单,只要安装好手机的驱动,把手机和电脑通过数据线连接就可以调试发布了,如果手机连接不上,可以在电脑和手机上都安装360手机助手基本上就可以了。当然你也可以直接用web打开,但是web没办法调用原生的一些API。今天重点说一下使用夜神安卓模拟器和HBuider的连接调试方法
ios略过,直接看android,夜神模拟器,感觉还可以,夜神模拟器下载
接下来就是就是连接HBuilder和夜神模拟器了,可以更好的进行调试
模拟器
首先启动HBuilder和夜神模拟器
然后打开cmd命令 夜神模拟器连接127.0.0.1:62001
找到你的夜神模拟器的安装位置,右键单击 -> 属性 -> 目标
命令行cd到文件夹目录 D:\yeshenmoniqi\Nox\bin\ 下
执行命令
nox_adb connect 127.0.0.1:62001
nox_adb devices
HBuilder
找到HBuilder 安装目录 右键单击 -> 属性 -> 目标
命令行 cd 到 HBuilder 下的 tools 路径
执行命令
adb connect 127.0.0.1:62001
adb devices
连接成功
运行app
在HBuilder左侧项目管理器中右键单击 -> 新建 -> 移动App -> 填写应用名称(test) -> 选择mui登录模板 -> 点击完成,这样就在本地创建了一个移动app项目
在 HBuilder 中选中你的项目 运行 –> 手机运行 –> 在 [127.0.0.1:62001]设备上运行
然后夜神模拟器就会打开一个带有登录、设置模板的APP,可以注册、登录、退出,一切都是在本地运行的。
本文纯手打,有不当之处请留言!希望能帮到小伙伴们,谢谢!
- webapp mui & HTML5+ (一) 之 环境
- webapp mui & HTML5+ (二) 之 mui
- webapp mui & HTML5+ (三) 之 mui开发注意事项
- webapp mui & HTML5+ (四) 之 窗口(页面初始化、跳转、传参)
- 【WebAPP开发之路】HTML5的学习(一)
- mui webapp本地存储
- HTML5+MUI+HBuilder 之初探情人
- [webAPP项目]基于MUI框架webAPP开发功能流程之引导图制作详解01
- [webAPP项目]基于MUI框架webAPP之头部导航与底部导航制作详解02
- [webAPP项目]基于MUI框架webAPP之头部导航与底部导航制作详解02
- [webAPP项目]基于MUI框架webAPP开发功能流程之引导图制作详解
- HTML5实现webApp中图片轮播的效果(一)之基本使用
- MUI学习之路(一)初试
- 基于MUI框架webAPP开发功能流程之引导图制作详解
- DCloud MUI 中的HTML5+ 之简单调用系统相册
- html5 mui之ajax跨域请求json数据
- iOS当中使用HTML5之搭建环境(一)
- html5之phonegap环境搭建、创建项目(一)
- AI最大增长风口!拆解智能医疗五大方向【附下载】| 智东西内参
- 行内元素和块级元素
- Markdown·公式书写相关
- 1100. Mars Numbers (20)
- VS+Qt 应用程序ICON
- webapp mui & HTML5+ (一) 之 环境
- 【一】Python3与相关组件下载与安装
- idea中的http://www.springframework.org/schema/p 报错
- Flux 架构入门教程
- 浅谈Java的标识接口-Serializable
- Mac 安装 Scrapy (python3)
- caffe学习之一:caffe安装
- java 根据当前日期获取本周或上周或下周日期区间
- 一款免费的WEB视频播放器Flowplayer