PP最終頁(yè)面展示效果(分享、卸載、跳轉(zhuǎn)、關(guān)閉功能)
<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
源碼私vx:codingbb
回復(fù):app頁(yè)面制作1小時(shí)速成
后臺(tái)展示
適應(yīng)手機(jī)類型
跳轉(zhuǎn)按鈕可跳轉(zhuǎn)第三方鏈接
舉例點(diǎn)擊微信登錄跳轉(zhuǎn)其他平臺(tái)
溫馨提示:本項(xiàng)目需在正常網(wǎng)絡(luò)鏈接下使用
ebapp打包就是在一臺(tái)機(jī)器上打包一個(gè)文件包或者程序包。在服務(wù)器端,應(yīng)用軟件與服務(wù)器端程序是分開(kāi)的。在前端,應(yīng)用軟件通過(guò)瀏覽器安裝到移動(dòng)設(shè)備上。因此,移動(dòng)應(yīng)用程序應(yīng)該與網(wǎng)站組件分開(kāi)。我們常說(shuō):網(wǎng)站封裝app、應(yīng)用APP、手機(jī)網(wǎng)站、微信公眾號(hào)等。但是如果想讓所有的網(wǎng)頁(yè)在同一臺(tái)機(jī)器上運(yùn)行,就需要用到網(wǎng)站封裝的技術(shù),這里就介紹一下。
1.包的定義
網(wǎng)站包裝是對(duì)網(wǎng)頁(yè)進(jìn)行包裝的一種。但是在移動(dòng)設(shè)備上,由于瀏覽器的限制,需要將各種站點(diǎn)整合起來(lái),讓用戶方便的訪問(wèn)。為了讓各個(gè)站點(diǎn)的用戶使用同一個(gè)APP進(jìn)行購(gòu)物、消費(fèi)、娛樂(lè)等活動(dòng),需要對(duì)各個(gè)站點(diǎn)的程序進(jìn)行封裝。將部分網(wǎng)站內(nèi)容與應(yīng)用程序分離,可以大大降低網(wǎng)站建設(shè)成本和維護(hù)成本。
2.具體工作流程
從圖中可以看出,封裝程序是按照業(yè)務(wù)需求劃分的。用戶需要的功能模塊對(duì)應(yīng)網(wǎng)頁(yè)中的內(nèi)容,如果沒(méi)有這些模塊,則封裝程序中不會(huì)提供。對(duì)于不同類型的產(chǎn)品,在打包的時(shí)候也需要注意不同業(yè)務(wù)需求之間的關(guān)聯(lián)性,比如頁(yè)面與用戶需求之間的關(guān)聯(lián)性。
一般來(lái)說(shuō),在封裝客戶端應(yīng)用功能模塊時(shí),不需要關(guān)注這些關(guān)聯(lián)。對(duì)于頁(yè)面服務(wù)或者產(chǎn)品功能模塊,需要注意。例如,在封裝前端應(yīng)用時(shí),需要注意用戶界面與頁(yè)面服務(wù)的關(guān)聯(lián),保證交互體驗(yàn)的流暢性,降低用戶訪問(wèn)成本。
三、常見(jiàn)的封裝方式及應(yīng)用場(chǎng)景
應(yīng)用場(chǎng)景:在網(wǎng)站中,我們可以看到很多不同的模塊,比如:首頁(yè)、主界面等,這是因?yàn)檫@些模塊之間存在耦合關(guān)系,所以需要通過(guò)封裝來(lái)實(shí)現(xiàn)。比如在瀏覽器中搜索某個(gè)網(wǎng)站時(shí),會(huì)自動(dòng)跳出這個(gè)頁(yè)面。但是這個(gè)頁(yè)面在瀏覽器上會(huì)被限制,無(wú)法通過(guò)移動(dòng)設(shè)備訪問(wèn)。因此需要對(duì)其進(jìn)行封裝,將這些模塊與其他組件關(guān)聯(lián)起來(lái),實(shí)現(xiàn)交互功能。
封裝效果圖
特征
1、無(wú)需配置Android開(kāi)發(fā)環(huán)境和下載Android SDK、JAVA環(huán)境等。
2.打包的本地靜態(tài)HTML項(xiàng)目可以脫離服務(wù)器運(yùn)行
3.支持自定義圖標(biāo)、自定義APP名稱、自定義包名、全屏、橫屏、退出提示、常亮等選項(xiàng)
4.支持最新的瀏覽器特性,支持KRPano全景工程、WebGL工程、游戲工程等。
5.支持打包網(wǎng)站
軟件截圖
包裝過(guò)程
1.填寫(xiě)要打包的網(wǎng)址或選擇本地文件
1)打包網(wǎng)站
在“網(wǎng)址或本地HTML路徑”文本框中輸入以http開(kāi)頭的網(wǎng)址
2)打包本地HTML項(xiàng)目
點(diǎn)擊右側(cè)打開(kāi)文件按鈕,選擇打開(kāi)HTML文件
2.可以修改APP名稱和APP包名(可選)
暗示:
APP名稱為應(yīng)用安裝時(shí)在手機(jī)桌面顯示的名稱
APP包名對(duì)應(yīng)APK的唯一ID,用于區(qū)分不同的APP。具有相同 ID 的 APK 文件將在安裝過(guò)程中被覆蓋
3.點(diǎn)擊修改圖標(biāo)修改APK在手機(jī)上顯示的圖標(biāo)。
4.可以設(shè)置開(kāi)機(jī)密碼。設(shè)置開(kāi)啟密碼后,手機(jī)端打開(kāi)APP時(shí),必須輸入密碼才能正常進(jìn)入APP。
5.所有設(shè)置完成后,點(diǎn)擊Pack APK生成APK。打包完成后,安裝到手機(jī)即可瀏覽
APK解決誤報(bào)病毒問(wèn)題(1.5.9版本新增)
由于打包后的APK未在國(guó)內(nèi)APP市場(chǎng)上市,1.5.9版本之前使用的是共享簽名證書(shū)。因此,在部分手機(jī)系統(tǒng)上,1.5.9版本之前打包的APK偶爾會(huì)出現(xiàn)誤報(bào)。
為了解決這個(gè)問(wèn)題,打包軟件1.5.9版本后,提供了內(nèi)置獨(dú)立簽名證書(shū)的功能,支持用戶隨時(shí)重置簽名證書(shū)。
如果內(nèi)置獨(dú)立簽名證書(shū)被誤報(bào)為有毒,可以使用以下方法重置內(nèi)置獨(dú)立簽名證書(shū):
打開(kāi)軟件等待加載完成,點(diǎn)擊重置證書(shū)按鈕,會(huì)提示重置成功:
配置說(shuō)明
1.“顯示標(biāo)題欄”配置
勾選“Show title”后,即可配置APK的標(biāo)題欄,顯示標(biāo)題欄的應(yīng)用如下圖所示
2.“調(diào)試信息”選項(xiàng)
打開(kāi)“調(diào)試信息”選項(xiàng)后,APP運(yùn)行過(guò)程中會(huì)顯示一些調(diào)試信息,在一些支持的網(wǎng)頁(yè)中會(huì)顯示一個(gè)調(diào)試面板,打開(kāi)可以查看網(wǎng)站的調(diào)試信息,可以用于解決網(wǎng)頁(yè)中的問(wèn)題
3.全屏選項(xiàng)
勾選全屏選項(xiàng)后,狀態(tài)欄不會(huì)出現(xiàn),全屏顯示當(dāng)前網(wǎng)頁(yè)
4.橫向選項(xiàng)
勾選后打開(kāi)APP,默認(rèn)是橫屏
5.退出提示選項(xiàng)
勾選后,當(dāng)用戶按回車鍵退出程序時(shí),會(huì)出現(xiàn)提示對(duì)話框,如下圖
6.進(jìn)度條選項(xiàng)
勾選進(jìn)度條選項(xiàng)后,當(dāng)用戶打開(kāi)網(wǎng)頁(yè)時(shí),頂部會(huì)顯示加載進(jìn)度條
7.瀏覽按鈕
勾選后APP底部會(huì)增加一列導(dǎo)航按鈕,支持前進(jìn)、后退、刷新、返回首頁(yè)
8.啟動(dòng)圖像
勾選后,可以選擇一張本地圖片作為啟動(dòng)圖片,推薦尺寸為720*1280。
開(kāi)機(jī)畫(huà)面會(huì)根據(jù)系統(tǒng)分辨率進(jìn)行裁剪,所以建議將開(kāi)機(jī)畫(huà)面的內(nèi)容放在畫(huà)面中央,以免被裁剪。
9.禁用緩存
經(jīng)檢查,APK將不再使用緩存,每次打開(kāi)都會(huì)加載最新的網(wǎng)頁(yè)。如果打包的網(wǎng)站經(jīng)常更新,建議勾選這個(gè)選項(xiàng)
10.瀏覽器打開(kāi)外部鏈接
勾選后,外部鏈接會(huì)調(diào)用安卓瀏覽器打開(kāi)。
11.API支持
勾選后,可以通過(guò)js調(diào)用以下的API
退出APP: HTMLAPKPackerHelper.quitApp()
刷新當(dāng)前頁(yè)面: HTMLAPKPackerHelper.refreshPage()
12. 支持左右滑動(dòng)
勾選后,可以通過(guò)左右滑動(dòng)返回上一頁(yè),或者前進(jìn)到下一頁(yè)。(如果你的網(wǎng)頁(yè)里有手寫(xiě)等功能,不建議開(kāi)啟此功能,否則會(huì)導(dǎo)致手寫(xiě)過(guò)程中網(wǎng)頁(yè)返回或者前進(jìn)到下一頁(yè))
13. 定位權(quán)限
開(kāi)啟后,可以在網(wǎng)頁(yè)中通過(guò)js獲取定位信息,如果網(wǎng)頁(yè)里沒(méi)有該功能,可以不開(kāi)啟
14.相機(jī)權(quán)限
開(kāi)啟后,可以在網(wǎng)頁(yè)中使用相機(jī)拍照上傳,如果網(wǎng)頁(yè)里沒(méi)有該功能,可以不開(kāi)啟
15.存儲(chǔ)權(quán)限
開(kāi)啟后,可以在網(wǎng)頁(yè)里下載文件,如果網(wǎng)頁(yè)里沒(méi)有該功能,可以不開(kāi)啟
16.使用新內(nèi)核
開(kāi)啟后,將使用新的打包內(nèi)核進(jìn)行打包,支持最新的系統(tǒng)和更多的功能,推薦使用該選擇,后續(xù)版本老內(nèi)核將會(huì)不再使用
17.下拉刷新
勾選后,打包的網(wǎng)頁(yè)可通過(guò)下拉的方式刷新
18.錄音權(quán)限
勾選后,可以使用h5的錄音功能
19.隱藏虛擬鍵
該選項(xiàng)僅在同時(shí)勾選了全屏生效,勾選后,全屏狀態(tài)下將隱藏虛擬按鍵
20.防止反編譯
勾選后,打包生成的APK將無(wú)法被反編譯 (安卓5.1不支持)
21.APK偽加密
勾選后,可以對(duì)APK文件進(jìn)行偽加密,保護(hù)APK資源文件 (安卓5.1不支持)
22.英文支持
勾選后,界面提示信息會(huì)使用英文(包括退出提示,輸入密碼界面,聯(lián)網(wǎng)錯(cuò)誤頁(yè)面)
23.允許混淆
勾選后,打包生成的APK可以被 安卓APK資源混淆加密重簽名工具 加固處理,如果不勾選則不可以處理
常見(jiàn)問(wèn)題
1.打包出現(xiàn)“java Error opening registry key 'Software\JavaSoft\Java Runtime Environment'”錯(cuò)誤
這個(gè)問(wèn)題一般是由于打包軟件安裝在了含有中文的目錄造成的,確保軟件不要安裝在含有中文的目錄
2.無(wú)法打開(kāi)軟件,缺少framework,出現(xiàn)下面的錯(cuò)誤提示
這個(gè)錯(cuò)誤是系統(tǒng)沒(méi)有安裝運(yùn)行環(huán)境造成的。可以到加趣692727447群文件下載,也可以直接從以下網(wǎng)址下載安裝:
3.無(wú)法安裝打包軟件
本軟件不支持Windows XP,請(qǐng)使用以下系統(tǒng)Win10、Win2008-32、Win2008-64、Vista-32、Vista-64、Win7-32、Win7-64、Win8-32、Win8-64、Win8.1 -32、Win8.1-64、WinServer 2012-32、WinServer 2012-64
4.APK無(wú)法安裝到手機(jī)或安裝后閃退
這是因?yàn)槭謾C(jī)系統(tǒng)低于4.4。由于KRPano需要WebGL支持,需要在4.0以上的系統(tǒng)上運(yùn)行,所以軟件限制打包的APK只支持4.0以上的系統(tǒng)。
5、安全軟件提示有病毒
一般是安全軟件誤判安裝包造成的。請(qǐng)?zhí)砑有湃尾惭b它。
6.發(fā)現(xiàn)有些文件沒(méi)有打包到apk中
這是因?yàn)轫?xiàng)目中的某些文件包含中文。打包前請(qǐng)修改工程文件名,確保不含中文
7.打包錯(cuò)誤,提示OutOfMemory信息
這是打包后的項(xiàng)目體積較大造成的。一般64位系統(tǒng)最好不要超過(guò)1G,32位系統(tǒng)最好不要超過(guò)500M。
1、視覺(jué)設(shè)計(jì)師
App Builder為我們提供了許多視覺(jué)和非視覺(jué)控件,我們可以將它放在應(yīng)用程序的設(shè)計(jì)器中。 定時(shí)器,HTTP客戶端,文本輸入,按鈕和更多可供使用的控件。
2、基于行動(dòng)
您無(wú)需了解Javascript即可創(chuàng)建應(yīng)用程序。 App Builder腳本基于視覺(jué)輔助操作,我們可以使用它來(lái)執(zhí)行任何我們想要的操作。 開(kāi)箱即用的數(shù)百項(xiàng)行動(dòng)可用。
3、完全可擴(kuò)展
App Builder的應(yīng)用程序可以通過(guò)多種方式進(jìn)行擴(kuò)展。 除了基于動(dòng)作的腳本之外,我們還可以使用Javascript。 我們可以開(kāi)發(fā)和使用第三方App Builder的Javascript插件以及Apache Cordova?插件。
4、沒(méi)有多余的代碼編輯
不必?fù)?dān)心Openbiz Appbuilder是否生成了大量冗長(zhǎng)的代碼,它生成的實(shí)際上是只用于描述邏輯關(guān)系的元數(shù)據(jù)。當(dāng)它運(yùn)行的時(shí)候Openbiz底層框架中的對(duì)象工廠會(huì)負(fù)責(zé)將這些元數(shù)據(jù)“組裝”為所需的對(duì)象
1、首次從本站下載并解壓后,即可App Builder 2022源程序和破解文件
2、雙擊“AppBuilder64.exe”文件,接受軟件安裝協(xié)議
3、依提示進(jìn)行下一步,按默認(rèn)目錄進(jìn)行安裝
4、耐心等待安裝完成之后,點(diǎn)擊finish退出引導(dǎo)
5、此時(shí),將Crack破解文件夾中的破解補(bǔ)丁復(fù)制到軟件安裝目錄下,然后點(diǎn)擊“Patch”按鈕即可
默認(rèn)安裝路徑為【C:\Program Files\DecSoft\AppBuilder】
6、至此,打開(kāi)App Builder 2022,即可看到軟件已經(jīng)激活成功啦,可以免費(fèi)使用所有功能哦
1、【可視化設(shè)計(jì)】
App Builder 為我們提供了數(shù)十種可視化和非可視化控件,可以放置在應(yīng)用程序的設(shè)計(jì)器中。只需將您需要的控件拖放到設(shè)計(jì)器中,然后將其放置在您想要的位置即可。
2、【上下文幫助】
DecSoft App Builder 有一個(gè)上下文幫助,可以準(zhǔn)確地將您指向控件、屬性、事件引用等。只需在 IDE 中按 F1 鍵即可
3、【阿帕奇科爾多瓦】
DecSoft App Builder 與 Apache Cordova 集成,為您的應(yīng)用程序準(zhǔn)備正確的配置文件、平臺(tái)圖標(biāo)、啟動(dòng)畫(huà)面、批處理文件、shell 文件和 JSON 文件。DecSoft App Builder 還集成了官方的 Apache Cordova 插件
4、【快速代碼列表】
DecSoft App Builder 代碼編輯器為您提供了快速代碼列表。快速代碼列表可幫助您更快地編寫(xiě) Javascript 代碼,提供所有可用的控件屬性、方法等
5、【應(yīng)用程序文件管理器】
DecSoft App Builder IDE 為您的應(yīng)用程序整合了正確的文件管理器,因此您可以鏈接 Javascript 和樣式表文件,還可以添加圖像、其他文件(如 JSON 文件)甚至整個(gè)目錄,以便在您的應(yīng)用程序中使用運(yùn)行
6、【用戶功能】
除了可用的應(yīng)用程序方法和應(yīng)用程序視圖、應(yīng)用程序?qū)υ捒颉?yīng)用程序框架、Apache Cordova 插件方法以及您可以使用的所有可能的控件提供的方法之外,還可以設(shè)置您自己的用戶功能以便在運(yùn)行時(shí)可用于您的應(yīng)用程序
7、【自動(dòng)縮放應(yīng)用程序】
有許多主題可供您的應(yīng)用程序使用,您還可以設(shè)置固定樣式和縮放樣式,即使在運(yùn)行時(shí)也是如此。自動(dòng)縮放樣式使應(yīng)用程序正確顯示在不同的屏幕尺寸
來(lái)源:http://www.3h3.com/soft/259847.html
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。