資訊專欄INFORMATION COLUMN
摘要：前言最近一直有的開(kāi)發(fā)者在問(wèn)如何打包這本身是屬于第三方平臺(tái)的事既然有開(kāi)發(fā)者在問(wèn)那我們針對(duì)這個(gè)問(wèn)題也想對(duì)的打包做個(gè)總結(jié)本文適用于任何的打包如果你是使用開(kāi)發(fā)的那會(huì)更加簡(jiǎn)單最后會(huì)有不同平臺(tái)的打包效果對(duì)比可以下載安裝測(cè)試的特點(diǎn)想了解更多可以去官網(wǎng)看關(guān)
前言
最近一直有BUI Webapp的開(kāi)發(fā)者在問(wèn), webapp如何打包? 這本身是屬于第三方平臺(tái)的事, 既然有開(kāi)發(fā)者在問(wèn), 那我們針對(duì)這個(gè)問(wèn)題, 也想對(duì)Webapp的打包做個(gè)總結(jié), 本文適用于任何的H5打包, 如果你是使用BUI開(kāi)發(fā)的Webapp, 那會(huì)更加簡(jiǎn)單. 最后會(huì)有不同平臺(tái)的打包效果對(duì)比, 可以下載安裝測(cè)試.
BUI Webapp的特點(diǎn). 想了解更多,可以去BUI官網(wǎng)看.
關(guān)于Cordova的打包教程,可以看另外一位群友@伊何底止丶的文章.
Cordova項(xiàng)目中使用BUI框架打包及常見(jiàn)解答
buijs 是BUI用來(lái)快速構(gòu)建工程及模板的工具. 如果不想安裝,可以直接下載BUI demo工程
創(chuàng)建BUI Dcloud 單頁(yè)工程下面以創(chuàng)建BUI Dcloud工程為例.
buijs create -p dcloud
-p 之后可以加不同平臺(tái), 目前有 bingtouch,dcloud,apicloud,appcan, 加上不同平臺(tái)以后,工程會(huì)有對(duì)應(yīng)打包平臺(tái)需要的文件.安裝依賴
npm install
如果較慢,也可以使用cnpm.壓縮混淆工程
生成dist目錄,這個(gè)目錄就是我們要拿來(lái)打包的,會(huì)對(duì)源碼做壓縮混淆.
npm run build復(fù)制dist目錄里面的所有文件 使用Dcloud打包Webapp 新建一個(gè)空白應(yīng)用
打開(kāi)Hbuilder編輯器復(fù)制的dist工程覆蓋空白應(yīng)用工程
在Dcloud工程上右鍵粘貼, 選擇全覆蓋.在線打包
在工程上右鍵-->發(fā)行-->發(fā)行為原生安裝包
安卓默認(rèn)使用Dcloud提供的證書測(cè)試就可以了,直接點(diǎn)打包就可以排隊(duì).
點(diǎn)確定查看打包狀態(tài), 稍作等待.最終效果預(yù)覽
下載官網(wǎng)demo打包后的預(yù)覽, 如果是創(chuàng)建的工程,是一個(gè)只有簡(jiǎn)單頁(yè)面的效果.
物理后退及退出提醒
注意: 如果你要綁定物理后退按鍵, 在執(zhí)行 npm run build打包之前,先打開(kāi) index.js 里面有個(gè)注釋, 去掉注釋就行(直接下載的demo為webapp,沒(méi)有這塊的處理).打包平臺(tái)總結(jié)
每個(gè)平臺(tái)的打包方式都是類似,都有自己的對(duì)應(yīng)工具, 只要按這個(gè)過(guò)程來(lái)就可以的.Dcloud
目前免費(fèi)打包需要排隊(duì),功能沒(méi)有限制,已經(jīng)很不錯(cuò) 強(qiáng)烈推薦
APICloud免費(fèi)用戶的應(yīng)用有數(shù)量限制,其它整個(gè)操作的流程及體驗(yàn)都還可以.
Appcan打包有測(cè)試的啟動(dòng)頁(yè)字樣
下載體驗(yàn)總結(jié)| BUI Dcloud | BUI APICloud | BUI Appcan |
基于相同工程在不同平臺(tái)上的打包體驗(yàn). 以下是我在魅藍(lán) note6 的測(cè)試體驗(yàn). 大家可以試試你們的結(jié)果是不是也這樣?
打開(kāi)速度方面: Dcloud > Apicloud > Appcan
明顯打開(kāi)的啟動(dòng)頁(yè)都不用停留很久,這個(gè)都是默認(rèn)配置打包,不知道是否有時(shí)間配置的緣故.
頁(yè)面切換方面: Dcloud >= Apicloud >= Appcan
由于都是采用的一樣的路由,頁(yè)面切換速度基本保持一致的速度,在我的機(jī)型里,感覺(jué)Dcloud會(huì)略勝一籌.
效果體驗(yàn)方面: Dcloud == Apicloud == Appcan
不同平臺(tái)的打包結(jié)果在不同機(jī)型的適配,都是保持一致的交互,一致的效果.
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96638.html
摘要：例如改成例如改成以上兩種開(kāi)發(fā)方式都可以結(jié)合原生平臺(tái)打包成獨(dú)立應(yīng)用。 繼上一篇一張腦圖看懂BUI Webapp移動(dòng)快速開(kāi)發(fā)框架【上】--框架與工具、資源 大綱 在線查看大綱 思路更佳清晰 1. 框架設(shè)計(jì) 框架介紹 簡(jiǎn)介 BUI 是用來(lái)快速構(gòu)建界面交互的UI交互框架, 專注webapp開(kāi)發(fā), 開(kāi)發(fā)者只需關(guān)注業(yè)務(wù)的開(kāi)發(fā), 界面的布局及交互交給BUI, 開(kāi)發(fā)出來(lái)的應(yīng)用, 可以嵌入平臺(tái) ( Li...
摘要：后續(xù)我們還會(huì)增加一些實(shí)戰(zhàn)類的移動(dòng)開(kāi)發(fā)案例，歡迎關(guān)注專欄。進(jìn)入官網(wǎng)新版預(yù)覽在線預(yù)覽需要使用開(kāi)啟設(shè)備模擬，效果更佳。 前言 之前寫過(guò)一篇 2018開(kāi)發(fā)最快的Webapp框架--BUI交互框架 ，如果你還沒(méi)看過(guò)，可以簡(jiǎn)單看一下，主要介紹了BUI的基本功能，有多少控件，以及實(shí)現(xiàn)的思路，BUI 1.5版本以后變化很大，統(tǒng)一新的風(fēng)格，新的規(guī)范750，新增基于Dom的數(shù)據(jù)驅(qū)動(dòng)，完善了頁(yè)面的生命周期等...
摘要：但本活又己交給音長(zhǎng)爭(zhēng)標(biāo)識(shí)我。八說(shuō)前它特用達(dá)圓是路看江才。開(kāi)次他爭(zhēng)從點(diǎn)軍容給油很出。成育料技所心并精北酸間辦元。除現(xiàn)七團(tuán)一歷積動(dòng)兩水礦花始線黨黨她。 好快, 1分鐘寫好下拉刷新,滾動(dòng)加載自動(dòng)分頁(yè)列表 前言 歡迎關(guān)注BUI Webapp專欄 或者 bui神速微信公眾號(hào). 以往文章: 2019開(kāi)發(fā)最快的Webapp框架--BUI交互框架 微信Webapp開(kāi)發(fā)的各種變態(tài)路由需求及解決辦法! ...
摘要：但本活又己交給音長(zhǎng)爭(zhēng)標(biāo)識(shí)我。八說(shuō)前它特用達(dá)圓是路看江才。開(kāi)次他爭(zhēng)從點(diǎn)軍容給油很出。成育料技所心并精北酸間辦元。除現(xiàn)七團(tuán)一歷積動(dòng)兩水礦花始線黨黨她。 好快, 1分鐘寫好下拉刷新,滾動(dòng)加載自動(dòng)分頁(yè)列表 前言 歡迎關(guān)注BUI Webapp專欄 或者 bui神速微信公眾號(hào). 以往文章: 2019開(kāi)發(fā)最快的Webapp框架--BUI交互框架 微信Webapp開(kāi)發(fā)的各種變態(tài)路由需求及解決辦法! ...
閱讀 2886·2021-10-08 10:12
閱讀 3984·2021-09-22 15:45
閱讀 2573·2019-08-30 15:52
閱讀 2641·2019-08-29 18:44
閱讀 2660·2019-08-29 12:37
閱讀 1175·2019-08-26 13:36
閱讀 2574·2019-08-26 13:34
閱讀 1491·2019-08-26 12:20
