【干貨】封裝你的網(wǎng)站成為一個(gè)APP！

初錦

封裝網(wǎng)站做一個(gè)APP，百度一下，網(wǎng)絡(luò)上有很多類似的在線封裝，但是無一例外都要錢。雖然價(jià)格在100~688不等，但對(duì)于我這個(gè)白嫖黨來說，一分錢都是不必要的。私以為，既然是封裝APP這么沒技術(shù)的東西，為什么要收錢呢？所以今天和大家講解一下如何封裝你的網(wǎng)站成為一個(gè)APP！

                               
登錄/注冊(cè)后可看大圖

網(wǎng)絡(luò)上的封裝APP之所以收錢，無非是提供了一些接口在封裝APP上，比如什么微信支付，支付寶支付的接口等等。那么我們能不能實(shí)現(xiàn)這些功能呢？當(dāng)然可以！且聽我慢慢道來。

                               
登錄/注冊(cè)后可看大圖

準(zhǔn)備工具：類似于Fusion APP這樣的封裝工具，自備圖片素材等自己需要的東西。（Fusion APP自帶1300多個(gè)矢量圖）
進(jìn)階工具：想要完全控制你的APP，并新增很多功能（不管是什么功能），你得先學(xué)會(huì)一點(diǎn)腳本知識(shí)，例如js。

                               
登錄/注冊(cè)后可看大圖

以Fusion APP為例，這玩意兒很有名，我無需介紹。它的核心在于，在基礎(chǔ)的封裝上，如果你有一定的編程能力就可以在封裝的APP內(nèi)加入你想要的任何功能。即使你不會(huì)編程，你也可以封裝一個(gè)堪比付費(fèi)封裝的APP出來。
它的基礎(chǔ)封裝包括但不限于：
1、側(cè)邊欄+側(cè)邊欄圖片+文字的制作
2、底部欄+底部欄圖片+文字的制作
3、頂部欄（左右）+頂部欄圖片+文字的制作
4、任何元素的顏色、寬高度、大小、陰影強(qiáng)度等設(shè)置
5、自帶搜索欄，可自定義搜索欄內(nèi)文字
6、橫屏豎排控制與狀態(tài)欄顯示
7、打開外部第三方應(yīng)用
8、可顯示進(jìn)度條，長按出現(xiàn)菜單，自主選擇瀏覽器UA標(biāo)識(shí)
9、APP自動(dòng)隨網(wǎng)頁變色、加載網(wǎng)頁速度設(shè)置快慢
10、APP啟動(dòng)、加載完畢、收到新消息時(shí)可以彈出框與文字
它的高級(jí)封裝包括但不限于：
1、APP包名、版本號(hào)與內(nèi)部版本號(hào)自定義
2、網(wǎng)頁控制元素（一般是js腳本）
3、APP全局js腳本
4、引用外部程序并識(shí)別
5、點(diǎn)擊行為代碼或腳本
6、清除緩存并退出
簡單地說，任何一個(gè)點(diǎn)擊的行為你都可以加入代碼或腳本，來實(shí)現(xiàn)某些行為。加入支付寶微信的第三方支付接口也是可以的。

                               
登錄/注冊(cè)后可看大圖

我簡單做出來的效果是這樣的：把我的discuz網(wǎng)站的2個(gè)觸屏版封裝到了一起，并添加了一些新的鏈接與第三方接口，這樣就不再屈就于打開手機(jī)瀏覽器才能綁定第三方賬號(hào)的問題了。

登錄/注冊(cè)后可看大圖

登錄/注冊(cè)后可看大圖

登錄/注冊(cè)后可看大圖

                               
登錄/注冊(cè)后可看大圖

我不是在打什么公告之類的哈，我只是想介紹給各位站長，畢竟這個(gè)軟件只要你付出一點(diǎn)時(shí)間，就能獲取到不錯(cuò)的效果。
他又不要錢，也不要什么注冊(cè)啥的，百度下載了就開始做就行。
但是注意！（我差點(diǎn)忘了）
1、自己的圖片文件名不能帶有中文與數(shù)字！建議全部英文！
2、包名最好默認(rèn)，非要改，你需要去做一個(gè)私簽！

樂酷網(wǎng)絡(luò)

一直在用的東西

                               
登錄/注冊(cè)后可看大圖

                               
登錄/注冊(cè)后可看大圖

                               
登錄/注冊(cè)后可看大圖