国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

webapp結合Dcloud平臺打包圖文教程

Sunxb / 2957人閱讀

摘要:前言最近一直有的開發(fā)者在問如何打包這本身是屬于第三方平臺的事既然有開發(fā)者在問那我們針對這個問題也想對的打包做個總結本文適用于任何的打包如果你是使用開發(fā)的那會更加簡單最后會有不同平臺的打包效果對比可以下載安裝測試的特點想了解更多可以去官網看關

前言

最近一直有BUI Webapp的開發(fā)者在問, webapp如何打包? 這本身是屬于第三方平臺的事, 既然有開發(fā)者在問, 那我們針對這個問題, 也想對Webapp的打包做個總結, 本文適用于任何的H5打包, 如果你是使用BUI開發(fā)的Webapp, 那會更加簡單. 最后會有不同平臺的打包效果對比, 可以下載安裝測試.

BUI Webapp的特點. 想了解更多,可以去BUI官網看.

關于Cordova的打包教程,可以看另外一位群友@伊何底止丶的文章.
Cordova項目中使用BUI框架打包及常見解答

創(chuàng)建一個Webapp工程

buijs 是BUI用來快速構建工程及模板的工具. 如果不想安裝,可以直接下載BUI demo工程

創(chuàng)建BUI Dcloud 單頁工程
下面以創(chuàng)建BUI Dcloud工程為例.
buijs create -p dcloud
-p 之后可以加不同平臺, 目前有 bingtouch,dcloud,apicloud,appcan, 加上不同平臺以后,工程會有對應打包平臺需要的文件.

安裝依賴
npm install
如果較慢,也可以使用cnpm.

壓縮混淆工程

生成dist目錄,這個目錄就是我們要拿來打包的,會對源碼做壓縮混淆.

npm run build

復制dist目錄里面的所有文件

使用Dcloud打包Webapp 新建一個空白應用
打開Hbuilder編輯器

復制的dist工程覆蓋空白應用工程

在Dcloud工程上右鍵粘貼, 選擇全覆蓋.
在線打包

在工程上右鍵-->發(fā)行-->發(fā)行為原生安裝包

安卓默認使用Dcloud提供的證書測試就可以了,直接點打包就可以排隊.

點確定查看打包狀態(tài), 稍作等待.

最終效果預覽
下載官網demo打包后的預覽, 如果是創(chuàng)建的工程,是一個只有簡單頁面的效果.

物理后退及退出提醒

注意: 如果你要綁定物理后退按鍵, 在執(zhí)行 npm run build打包之前,先打開 index.js 里面有個注釋, 去掉注釋就行(直接下載的demo為webapp,沒有這塊的處理).

打包平臺總結
每個平臺的打包方式都是類似,都有自己的對應工具, 只要按這個過程來就可以的.
Dcloud

目前免費打包需要排隊,功能沒有限制,已經很不錯 強烈推薦

APICloud

免費用戶的應用有數(shù)量限制,其它整個操作的流程及體驗都還可以.

Appcan

打包有測試的啟動頁字樣

下載體驗總結
BUI Dcloud BUI APICloud BUI Appcan

基于相同工程在不同平臺上的打包體驗. 以下是我在魅藍 note6 的測試體驗. 大家可以試試你們的結果是不是也這樣?

打開速度方面: Dcloud > Apicloud > Appcan
明顯打開的啟動頁都不用停留很久,這個都是默認配置打包,不知道是否有時間配置的緣故.

頁面切換方面: Dcloud >= Apicloud >= Appcan
由于都是采用的一樣的路由,頁面切換速度基本保持一致的速度,在我的機型里,感覺Dcloud會略勝一籌.

效果體驗方面: Dcloud == Apicloud == Appcan
不同平臺的打包結果在不同機型的適配,都是保持一致的交互,一致的效果.

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/96638.html

相關文章

  • 一張腦圖看懂BUI Webapp移動快速開發(fā)框架【下】--快速入門指引

    摘要:例如改成例如改成以上兩種開發(fā)方式都可以結合原生平臺打包成獨立應用。 繼上一篇一張腦圖看懂BUI Webapp移動快速開發(fā)框架【上】--框架與工具、資源 大綱 在線查看大綱 思路更佳清晰 1. 框架設計 框架介紹 簡介 BUI 是用來快速構建界面交互的UI交互框架, 專注webapp開發(fā), 開發(fā)者只需關注業(yè)務的開發(fā), 界面的布局及交互交給BUI, 開發(fā)出來的應用, 可以嵌入平臺 ( Li...

    hzx 評論0 收藏0
  • 一張腦圖看懂BUI Webapp移動快速開發(fā)框架【上】--框架與工具、資源

    摘要:后續(xù)我們還會增加一些實戰(zhàn)類的移動開發(fā)案例,歡迎關注專欄。進入官網新版預覽在線預覽需要使用開啟設備模擬,效果更佳。 前言 之前寫過一篇 2018開發(fā)最快的Webapp框架--BUI交互框架 ,如果你還沒看過,可以簡單看一下,主要介紹了BUI的基本功能,有多少控件,以及實現(xiàn)的思路,BUI 1.5版本以后變化很大,統(tǒng)一新的風格,新的規(guī)范750,新增基于Dom的數(shù)據驅動,完善了頁面的生命周期等...

    wuyumin 評論0 收藏0
  • 好快, 1分鐘開發(fā)好一個下拉刷新,滾動加載列表

    摘要:但本活又己交給音長爭標識我。八說前它特用達圓是路看江才。開次他爭從點軍容給油很出。成育料技所心并精北酸間辦元。除現(xiàn)七團一歷積動兩水礦花始線黨黨她。 好快, 1分鐘寫好下拉刷新,滾動加載自動分頁列表 前言 歡迎關注BUI Webapp專欄 或者 bui神速微信公眾號. 以往文章: 2019開發(fā)最快的Webapp框架--BUI交互框架 微信Webapp開發(fā)的各種變態(tài)路由需求及解決辦法! ...

    wemall 評論0 收藏0
  • 好快, 1分鐘開發(fā)好一個下拉刷新,滾動加載列表

    摘要:但本活又己交給音長爭標識我。八說前它特用達圓是路看江才。開次他爭從點軍容給油很出。成育料技所心并精北酸間辦元。除現(xiàn)七團一歷積動兩水礦花始線黨黨她。 好快, 1分鐘寫好下拉刷新,滾動加載自動分頁列表 前言 歡迎關注BUI Webapp專欄 或者 bui神速微信公眾號. 以往文章: 2019開發(fā)最快的Webapp框架--BUI交互框架 微信Webapp開發(fā)的各種變態(tài)路由需求及解決辦法! ...

    468122151 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<