vue項目利用apicloud打包成apk過程


最近公司要求我們用apicloud做一個app,正好利用這個機會學習下app的制作過程~

頁面的開發過程跟我們平時開發一樣,利用vue把頁面全部完成,最后進行npm run build將項目打包。

接下來就是apicloud打包的過程,首先我們要去apicloud官網下載開發者工具,我下載是下面這款:

 

大家選擇對應系統進行下載~

接下來需要開發者注冊apicloud賬號~

打開APICloud Studio 2軟件,在頂部文件按鈕中選擇打開我們剛剛打包好的dist文件。

然后我們繼續點擊頂部的文件按鈕找到新建,選擇APICloud移動應用:

 

我們填好應用名稱,應用說明選填~然后直接按完成即可,這時候我們的左邊文件欄里多了一個文件,這個時候我們需要將這個文件里面的config.xml文件復制到我們的dist文件里(我們編譯打包需要這個config文件)。

然后我們右鍵dist文件:

 

我們可以選擇雲編譯或者本地編譯,我選的是雲編譯~

選完后是這個界面:

 

如果生成ios平台需要證書,所以我們選擇安卓平台進行編譯~編譯完成后會生成一個apk文件,我們需要下載下來~

這個apk就是我們要裝在手機上的應用包啦,到這里我們就完成了我們的app打包啦!

我們在電腦怎么打開呢?我用的是夜神模擬器~

我們下載好這個模擬器之后,我們直接可以把apk這個包丟進模擬器的桌面即可自動安裝啦~


如果我們不想打包成apk應該怎么進行調試呢?

這個時候我們需要用到AppLoader這個真機快速調試輔助,下載完成后我們將文件解壓后把里面的apk直接扔到模擬器里面去:

 

就是這個玩意!

我們雙擊打開后:

 

我們只要將我們dist文件的ip地址跟端口號輸進去即可,繼續右鍵:

 

查看WiFi真機同步IP和端口就可以在右上角看到ip跟端口號啦:

 

我們把ip跟端口輸進去就可以打開我們的項目啦!

以上就是app打包的一些基本流程啦!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM