真實(shí)經(jīng)驗(yàn)分享:APICloud新手快速入門app開發(fā)

  APICloud是用友YonBuilder的移動(dòng)端低代碼開發(fā)平臺(tái),采用標(biāo)準(zhǔn)Web語(yǔ)言開發(fā)高性能多端app,目前已有100萬(wàn)開發(fā)者注冊(cè)使用。此次將從新手視角出發(fā),通過(guò)真實(shí)演示,呈現(xiàn)如何借助APICloud快速構(gòu)建app。

  APICloud官網(wǎng)注冊(cè)

  首先在APICloud官網(wǎng)進(jìn)行注冊(cè),下載官方開發(fā)工具APICloud Studio3。APICloud Studio3和APICloud官網(wǎng)的控制臺(tái)是同步的,同一個(gè)賬號(hào)下,在官網(wǎng)控制臺(tái)和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)控制臺(tái)能夠?qū)崿F(xiàn)同步,兩個(gè)位置均可創(chuàng)建應(yīng)用,選擇其中一種即可。

  打開官網(wǎng),登錄進(jìn)去后打開開發(fā)控制臺(tái),點(diǎn)擊“創(chuàng)建應(yīng)用”,此時(shí)可以選擇原生開發(fā),選中基礎(chǔ)模板即可,輸入app名稱,點(diǎn)擊創(chuàng)建。

圖片1.png

  創(chuàng)建證書并編譯自定義Loader

  創(chuàng)建好應(yīng)用之后點(diǎn)擊控制臺(tái)左側(cè)一欄的“模塊”,接著點(diǎn)擊“自定義Loader”。自定義Loader是APICloud 為方便開發(fā)者在移動(dòng)設(shè)備調(diào)試app而開發(fā)的一種調(diào)試器,開發(fā)者可以在移動(dòng)設(shè)備上實(shí)時(shí)調(diào)試app并將日志輸出到APICloud Studio3中,方便在本地進(jìn)行開發(fā)。

  編譯自定義Loader需要證書,這里可以選擇創(chuàng)建Android證書:在開發(fā)控制臺(tái)中點(diǎn)擊“證書”,然后點(diǎn)擊右上角“一鍵創(chuàng)建證書”,輸入相應(yīng)的信息和密碼便可成功創(chuàng)建。

圖片2.png

  編譯成功后下載自定義Loader并導(dǎo)入到APICloud Studio3:

  打開APICloud Studio3,依次點(diǎn)擊“項(xiàng)目”“導(dǎo)入項(xiàng)目”“云端檢出”,在云端檢出時(shí)選擇剛才創(chuàng)建好的應(yīng)用,選擇本地保存路徑,把官網(wǎng)控制臺(tái)上創(chuàng)建好的項(xiàng)目同步下來(lái)。

圖片3.png

  完成應(yīng)用同步之后,進(jìn)入開發(fā)階段,選擇真機(jī)和模擬器來(lái)展示開發(fā)效果,此次演示過(guò)程選擇了逍遙模擬器。把下載到本地的Loader拖入逍遙模擬器中進(jìn)行安裝:

圖片4.png

  安裝成功后雙擊打開,將開發(fā)工具中的應(yīng)用通過(guò)WIFI同步到模擬器中,點(diǎn)擊模擬器界面中這個(gè)灰色按鈕。

圖片5.png

  在下方頁(yè)面中,需要輸入IP地址和端口,在APICloud Studio3可以找到。

圖片6.png

  接下來(lái)在APICloud Studio3中點(diǎn)擊“終端”,選擇“通過(guò)Wi-Fi連接新的設(shè)備”。

圖片7.png

  此時(shí)會(huì)出現(xiàn)真機(jī)同步界面,不需掃碼,把界面下方的調(diào)試器IP和端口輸入至模擬器的同步配置界面,點(diǎn)擊連接即可。

  若選擇用手機(jī)展示效果,需要確保手機(jī)和APICloud Studio3在同一網(wǎng)絡(luò)下。

圖片8.png

  連接成功后,右鍵點(diǎn)擊項(xiàng)目名稱,點(diǎn)擊“WIFI同步【全量】”就能成功同步。

  同步成功之后,當(dāng)前顯示的頁(yè)面就是main.html頁(yè)面中的信息:

圖片9.png

  下一步開發(fā)需要前端基礎(chǔ),零基礎(chǔ)開發(fā)者可以先簡(jiǎn)單學(xué)習(xí)一下HTML、CSS、JS技術(shù)。

  在主頁(yè)中寫入一個(gè)按鈕,設(shè)置點(diǎn)擊事件:在點(diǎn)擊按鈕后彈出提示。寫完保存,鼠標(biāo)右鍵點(diǎn)擊項(xiàng)目名demo,再次進(jìn)行WIFI同步。

圖片10.png

  同步成功,模擬器頁(yè)面上出現(xiàn)了一個(gè)按鈕,點(diǎn)擊后也可以成功彈出提示。

圖片11.png

圖片12.png

  進(jìn)行代碼同步,上傳代碼至官網(wǎng)控制臺(tái)

  把代碼上傳到控制臺(tái)并進(jìn)行云編譯,把程序打包成安裝包。

  右鍵點(diǎn)擊項(xiàng)目名,在代碼管理中點(diǎn)擊提交到云端,之后點(diǎn)擊“COMMIT”。接著點(diǎn)擊控制臺(tái)左側(cè)導(dǎo)航欄中的代碼,可在代碼更新日志里查看更新記錄。

圖片13.png

  進(jìn)行云編譯,將應(yīng)用編譯為安裝包

  代碼上傳完成后進(jìn)行云編譯,點(diǎn)擊控制臺(tái)左側(cè)導(dǎo)航欄的“云編譯”。云編譯時(shí)正式命名app,選擇應(yīng)用類別(如網(wǎng)上購(gòu)物-商城)和應(yīng)用平臺(tái)(iOS或Android),編譯類型可選擇正式版或者測(cè)試版,其他設(shè)置如全局加密和SVN設(shè)置暫且禁用,此處選擇測(cè)試版,之后就可以進(jìn)行編譯。編譯完成后,即可以掃碼下載APP進(jìn)行安裝。

圖片14.png

  流程回顧

  第一步在官網(wǎng)的開發(fā)控制臺(tái)創(chuàng)建應(yīng)用(在開發(fā)工具中也可以創(chuàng)建);第二步創(chuàng)建證書;第三步編譯自定義Loader(應(yīng)用加載器,具有調(diào)試功能,為了方便在本地進(jìn)行開發(fā));第四步同步代碼;第五步云編譯。

  此次演示僅寫了一個(gè)按鈕,主要演示開發(fā)流程。若想要快速開發(fā)功能成熟完備的app,可參考成熟的應(yīng)用源碼。APICloud官方也提供了大量源碼,開發(fā)者可以在官網(wǎng)下載學(xué)習(xí)。

  在開發(fā)者進(jìn)階賦能上,用友還發(fā)起“引航成長(zhǎng)·匠心賦能——YonMaster開發(fā)者培訓(xùn)領(lǐng)航計(jì)劃”,涵蓋入門篇《APICloud新手訓(xùn)練營(yíng)》、成長(zhǎng)篇《YonMaster認(rèn)證賦能培訓(xùn)起航之旅》、進(jìn)階篇《YonBuilder項(xiàng)目實(shí)戰(zhàn)進(jìn)階系列講堂》三個(gè)板塊,通過(guò)直播、視頻、文檔等多種形式課程,真正加速開發(fā)者成長(zhǎng)。

(免責(zé)聲明:本網(wǎng)站內(nèi)容主要來(lái)自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿,凡在本網(wǎng)站出現(xiàn)的信息,均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性,但不保證有關(guān)資料的準(zhǔn)確性及可靠性,讀者在使用前請(qǐng)進(jìn)一步核實(shí),并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏,概不負(fù)任何法律責(zé)任。
任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí),應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說(shuō)明,并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后,將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí),溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。 )