新手如何使用YonBuilder移動低代碼開發(fā)平臺(APICloud)開發(fā)app
APICloud是用友YonBuilder的移動端低代碼開發(fā)平臺,采用標(biāo)準(zhǔn)Web語言開發(fā)高性能多端app,目前已有100萬開發(fā)者注冊使用。此次將從新手視角出發(fā),通過真實(shí)演示,呈現(xiàn)如何借助APICloud快速構(gòu)建app。
APICloud官網(wǎng)注冊
首先在APICloud官網(wǎng)進(jìn)行注冊,下載官方開發(fā)工具APICloud Studio3。APICloud Studio3和APICloud官網(wǎng)的控制臺是同步的,同一個賬號下,在官網(wǎng)控制臺和APICloud Studio3中都可管理應(yīng)用,十分便捷。此外,還需下載安裝安卓模擬器(如:逍遙)用于預(yù)覽調(diào)試。
選擇應(yīng)用類型并創(chuàng)建應(yīng)用
下載好APICloud Studio3之后,便可開始創(chuàng)建應(yīng)用。創(chuàng)建應(yīng)用有兩種方式,APICloud Studio3和官網(wǎng)控制臺能夠?qū)崿F(xiàn)同步,兩個位置均可創(chuàng)建應(yīng)用,選擇其中一種即可。
打開官網(wǎng),登錄進(jìn)去后打開開發(fā)控制臺,點(diǎn)擊“創(chuàng)建應(yīng)用”,此時可以選擇原生開發(fā),選中基礎(chǔ)模板即可,輸入app名稱,點(diǎn)擊創(chuàng)建。
?
創(chuàng)建證書并編譯自定義Loader
創(chuàng)建好應(yīng)用之后點(diǎn)擊控制臺左側(cè)一欄的“模塊”,接著點(diǎn)擊“自定義Loader”。自定義Loader是APICloud 為方便開發(fā)者在移動設(shè)備調(diào)試app而開發(fā)的一種調(diào)試器,開發(fā)者可以在移動設(shè)備上實(shí)時調(diào)試app并將日志輸出到APICloud Studio3中,方便在本地進(jìn)行開發(fā)。
編譯自定義Loader需要證書,這里可以選擇創(chuàng)建Android證書:在開發(fā)控制臺中點(diǎn)擊“證書”,然后點(diǎn)擊右上角“一鍵創(chuàng)建證書”,輸入相應(yīng)的信息和密碼便可成功創(chuàng)建。
?
編譯成功后下載自定義Loader并導(dǎo)入到APICloud Studio3:
打開APICloud Studio3,依次點(diǎn)擊“項(xiàng)目”“導(dǎo)入項(xiàng)目”“云端檢出”,在云端檢出時選擇剛才創(chuàng)建好的應(yīng)用,選擇本地保存路徑,把官網(wǎng)控制臺上創(chuàng)建好的項(xiàng)目同步下來。
?
完成應(yīng)用同步之后,進(jìn)入開發(fā)階段,選擇真機(jī)和模擬器來展示開發(fā)效果,此次演示過程選擇了逍遙模擬器。把下載到本地的Loader拖入逍遙模擬器中進(jìn)行安裝:
?
安裝成功后雙擊打開,將開發(fā)工具中的應(yīng)用通過WIFI同步到模擬器中,點(diǎn)擊模擬器界面中這個灰色按鈕。
?
在下方頁面中,需要輸入IP地址和端口,在APICloud Studio3可以找到。
?
接下來在APICloud Studio3中點(diǎn)擊“終端”,選擇“通過Wi-Fi連接新的設(shè)備”。
?
此時會出現(xiàn)真機(jī)同步界面,不需掃碼,把界面下方的調(diào)試器IP和端口輸入至模擬器的同步配置界面,點(diǎn)擊連接即可。
若選擇用 手機(jī) 展示效果,需要確保手機(jī)和APICloud Studio3在同一網(wǎng)絡(luò)下。
連接成功后,右鍵點(diǎn)擊項(xiàng)目名稱,點(diǎn)擊“WIFI同步【全量】”就能成功同步。
同步成功之后,當(dāng)前顯示的頁面就是main.html頁面中的信息:
?
下一步開發(fā)需要前端基礎(chǔ),零基礎(chǔ)開發(fā)者可以先簡單學(xué)習(xí)一下HTML、CSS、JS技術(shù)。
在主頁中寫入一個按鈕,設(shè)置點(diǎn)擊事件:在點(diǎn)擊按鈕后彈出提示。寫完保存,鼠標(biāo)右鍵點(diǎn)擊項(xiàng)目名demo,再次進(jìn)行WIFI同步。
?
同步成功,模擬器頁面上出現(xiàn)了一個按鈕,點(diǎn)擊后也可以成功彈出提示。
?
?
進(jìn)行代碼同步,上傳代碼至官網(wǎng)控制臺
把代碼上傳到控制臺并進(jìn)行云編譯,把程序打包成安裝包。
右鍵點(diǎn)擊項(xiàng)目名,在代碼管理中點(diǎn)擊提交到云端,之后點(diǎn)擊“COMMIT”。接著點(diǎn)擊控制臺左側(cè)導(dǎo)航欄中的代碼,可在代碼更新日志里查看更新記錄。
?
進(jìn)行云編譯,將應(yīng)用編譯為安裝包
代碼上傳完成后進(jìn)行云編譯,點(diǎn)擊控制臺左側(cè)導(dǎo)航欄的“云編譯”。云編譯時正式命名app,選擇應(yīng)用類別(如網(wǎng)上購物-商城)和應(yīng)用平臺(iOS或Android),編譯類型可選擇正式版或者測試版,其他設(shè)置如全局加密和SVN設(shè)置暫且禁用,此處選擇測試版,之后就可以進(jìn)行編譯。編譯完成后,即可以掃碼下載APP進(jìn)行安裝。
?
流程回顧
第一步在官網(wǎng)的開發(fā)控制臺創(chuàng)建應(yīng)用(在開發(fā)工具中也可以創(chuàng)建);第二步創(chuàng)建證書;第三步編譯自定義Loader(應(yīng)用加載器,具有調(diào)試功能,為了方便在本地進(jìn)行開發(fā));第四步同步代碼;第五步云編譯。
此次演示僅寫了一個按鈕,主要演示開發(fā)流程。若想要快速開發(fā)功能成熟完備的app,可參考成熟的應(yīng)用源碼。APICloud官方也提供了大量源碼,開發(fā)者可以在官網(wǎng)下載學(xué)習(xí)。
在開發(fā)者進(jìn)階賦能上,用友還發(fā)起“引航成長·匠心賦能——YonMaster開發(fā)者培訓(xùn)領(lǐng)航計(jì)劃”,涵蓋入門篇《APICloud新手訓(xùn)練營》、成長篇《YonMaster認(rèn)證賦能培訓(xùn)起航之旅》、進(jìn)階篇《YonBuilder項(xiàng)目實(shí)戰(zhàn)進(jìn)階系列講堂》三個板塊,通過直播、視頻、文檔等多種形式課程,真正加速開發(fā)者成長。