最近網絡上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這個坑里越走越深