最近网络上webAPP很火,公司跟上步伐,准备推出一款webapp,给了个链接,让我学习学习弄出来
1.下载并安装 HBuilder
http://www.dcloud.io/ 直接下载就行
下载下来的工具包含他已有的框架
2.新建hello mui模板 (在这个模板里你可以看到mui的所有示例)
mui使用文档:http://dev.dcloud.net.cn/mui/ui/
新建项目跟新建
文件>新建>移动APP >创建移动APP >完成
应用名称:hello world,位置:你的项目地址 ,选择模板 Hello mui
3.运行Hello mui
把你的手机连接上电脑, 然后HBuilder会自动连接到你的手机,点击运行>手机运行>选择你的手机 运行 就会在你的手机上自动安装上hbuilder的应用 点击APP就能运行了
HBuilder有一个好处就是不用发布,或者别的设置,直接ctrl+S 你的手机就会实时更新你修改的内容了
4.配置(如果你准备发布你的自己的正式版本,你可以对你的应用进行配置)
打开目录中的manifest.json 可以配置 app在你手机上显示时的应用名称,页面入口,模坚屏显示,启动图片,启动的模块,SDK配置等等
也可以去除一些你的应用中没有用到的模块,以减少APP的体积
5.发布
hbuilder 云端打包APP有一个好处就是,你可以不用自己配置xcode和Android SDK,对于我这种刚接触这行的新手来说,xcode和SDK是什么鬼 ?完全不懂麻,这个大大的方便了我们
发行>发行为原生安装包> 你要android就选安桌的,要ios就选ios的,也可以两个都选,然后直接点打包,就行了
打包完成后,你可以在你的文件目录 Hello world\unpackage\release 里查看安装包
本推荐仅适合刚入webAPP坑的菜鸟,以上内容只是一个大概的WebApp示例的 生产过程,还有更多的问题请查看官方文档 http://ask.dcloud.net.cn/docs/
HBuilder用后感:
使用确实很简单方便,如果你想做一个基本款的webAPP,mui就能满足你了,你想要的mui基本都要示例,你直接拿过来就能用
稍微难一点的,h5+也有示例和文档
一句话,你想要的,这里都有哦
最后祝大家在webApp这个坑里越走越深