最近公司要求我們用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打包的一些基本流程啦!
