真實經驗分享:APICloud新手快速入門app開發(fā)

  APICloud是用友YonBuilder的移動端低代碼開發(fā)平臺,采用標準Web語言開發(fā)高性能多端app,目前已有100萬開發(fā)者注冊使用。此次將從新手視角出發(fā),通過真實演示,呈現如何借助APICloud快速構建app。

  APICloud官網注冊

  首先在APICloud官網進行注冊,下載官方開發(fā)工具APICloud Studio3。APICloud Studio3和APICloud官網的控制臺是同步的,同一個賬號下,在官網控制臺和APICloud Studio3中都可管理應用,十分便捷。此外,還需下載安裝安卓模擬器(如:逍遙)用于預覽調試。選擇應用類型并創(chuàng)建應用

  下載好APICloud Studio3之后,便可開始創(chuàng)建應用。創(chuàng)建應用有兩種方式,APICloud Studio3和官網控制臺能夠實現同步,兩個位置均可創(chuàng)建應用,選擇其中一種即可。

  打開官網,登錄進去后打開開發(fā)控制臺,點擊“創(chuàng)建應用”,此時可以選擇原生開發(fā),選中基礎模板即可,輸入app名稱,點擊創(chuàng)建。

圖片1.png

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

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

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

圖片2.png

  編譯成功后下載自定義Loader并導入到APICloud Studio3:

  打開APICloud Studio3,依次點擊“項目”“導入項目”“云端檢出”,在云端檢出時選擇剛才創(chuàng)建好的應用,選擇本地保存路徑,把官網控制臺上創(chuàng)建好的項目同步下來。

圖片3.png

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

圖片4.png

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

圖片5.png

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

圖片6.png

  接下來在APICloud Studio3中點擊“終端”,選擇“通過Wi-Fi連接新的設備”。

圖片7.png

  此時會出現真機同步界面,不需掃碼,把界面下方的調試器IP和端口輸入至模擬器的同步配置界面,點擊連接即可。

  若選擇用手機展示效果,需要確保手機和APICloud Studio3在同一網絡下。

圖片8.png

  連接成功后,右鍵點擊項目名稱,點擊“WIFI同步【全量】”就能成功同步。

  同步成功之后,當前顯示的頁面就是main.html頁面中的信息:

圖片9.png

  下一步開發(fā)需要前端基礎,零基礎開發(fā)者可以先簡單學習一下HTML、CSS、JS技術。

  在主頁中寫入一個按鈕,設置點擊事件:在點擊按鈕后彈出提示。寫完保存,鼠標右鍵點擊項目名demo,再次進行WIFI同步。

圖片10.png

  同步成功,模擬器頁面上出現了一個按鈕,點擊后也可以成功彈出提示。

圖片11.png

圖片12.png

  進行代碼同步,上傳代碼至官網控制臺

  把代碼上傳到控制臺并進行云編譯,把程序打包成安裝包。

  右鍵點擊項目名,在代碼管理中點擊提交到云端,之后點擊“COMMIT”。接著點擊控制臺左側導航欄中的代碼,可在代碼更新日志里查看更新記錄。

圖片13.png

  進行云編譯,將應用編譯為安裝包

  代碼上傳完成后進行云編譯,點擊控制臺左側導航欄的“云編譯”。云編譯時正式命名app,選擇應用類別(如網上購物-商城)和應用平臺(iOS或Android),編譯類型可選擇正式版或者測試版,其他設置如全局加密和SVN設置暫且禁用,此處選擇測試版,之后就可以進行編譯。編譯完成后,即可以掃碼下載APP進行安裝。

圖片14.png

  流程回顧

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

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

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

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