移動+DevOps,普元迎來小程序2.0時代

​轉載本文需註明出處:微信公衆號EAWorld,違者必究。

 

前言:

 

Primeton® Mobile移動平臺是一款集移動開發、運營、運維、管理一體化的智能平臺,爲客戶提供一站式移動解決方案,幫助客戶快速高效的構建移動生態,提升企業工作效率和管理模式,加速企業信息化商業模式的創新和變革。本文我們從獨立應用的開發入手,跟大家分享一下普元移動平臺是如何幫助我們快速構建企業應用。

 

目錄:

 

1.開發環境介紹

2.神祕的微應用

3.豐富的組件

4.基於DevOps繼續集成

 

1.開發環境介紹

移動平臺8.0打開了以往eclipse平臺的枷鎖,全面擁抱了主流的VSCode編輯器,包括支持實用的cli命令行支持、及優秀的跨平臺開發框架ReactNative。

移動開發平臺提供了VSCode插件,併發布到官方應用市場。支持Primeton Mobile開發工具的安裝,及項目創建、編譯、調試、打包等命令,並提供了詳細的文檔及動畫演示。快速的迭代開發使我們緊跟VSCode的更新,提供更方便快捷的開發體驗。

簡單執行命令npm install -g mobile-dev-cli即可安裝移動開發平臺cli命令行工具,工具包會跟隨移動產品版本發佈並持續更新。命令行提供了與VSCode插件同樣的一套功能,專門爲持續集成打造,無需安裝VSCode也可以享受移動平臺所有功能。同時提供pmobile check命令,一鍵檢查環境變量,爲安裝開發環境保駕護航。

devtools是平臺提供的完整的工具包,包括Android、iOS平臺編譯打包,組件擴展、調試基座配置等功能。開發者可以在/android、/ios目錄下自行進行擴展開發,並重新打包調試基座或生產App。

2.神祕的微應用

說到微應用大家很陌生,但小程序肯定都知道,而且是各種大廠的小程序,普元也不例外。早在2016年11月,普元移動開發平臺7.1GA發佈的時候就已經全面支持了小程序,並在某國有通信龍頭企業中落地使用。當時平臺就全面支持微應用開發、調試、測試、打包等功能,並開放普元微應用管理後臺,提供微應用的上傳、審覈、上線等功能,同時支持手機客戶端中應用商店能力,包括獲取應用列表、應用下載安裝、檢查更新、熱更新等。

普元微應用1.0

普元微應用2.0

隨着Primeton® Mobile移動平臺8.0GA版本於上週發佈,普元的微應用跨入了2.0版本。新版本的微應用支持共四種應用類型:ReactNative微應用、Html5在線應用、Html5離線應用、原生應用,後續會持續迭代支持Cordova應用、Flutter應用等。微應用的UI也做了統一的管理,風格統一的標題欄、返回關閉按鈕、底部菜單等。新版本微應用管理平臺也做了大量升級,在兼容老版本所有功能的同時,優化了微應用授權、內測、運營等功能,也提供了微應用下載次數、打開次數、使用時長等數據的統計和展示。

普元不但是小程序浪潮中的參與者,也是小程序國際和國內標準的制定者。2020年7月30日,《Standard for Mini-program Architecture and Technical Requirements》(IEEE P2858)標準啓動會在北京環球金融中心成功召開,普元信息移動產品線作爲參賽單位的一員,爲完善和開展國內標準建設、推進擴大市場化應用和促進小程序生態發展做出了貢獻。

插句題外話,移動運營管理平臺還支持門戶應用的消息推送、日誌分析、API網關、安全審計、門戶樓層的配置、千人千面等功能,在此不做贅述,感興趣的可以去售後申請試用。

普元移動平臺同時提供了大量行業App的模板,包括電商模板(仿京東App),銀行模板(仿招行App)等,這些模板開箱即用,無需任何配置,UI方面也是參考行業龍頭企業App的設計,滿足用戶快速開發、快速上線的需求。當然,你也可以創建一個空白RN項目,從零開始開發,體驗原汁原味的ReactNative開發。

普元微應用與ReactNative原生應用不同,它將開發與打包分離開來。微應用的開發環境只關心RN開發,而把原生部分分離在項目之外,所以該目錄結構對於只做RN開發的人來說會更加合理和便捷。微應用的代碼部分在src下,配置文件在config下,打包產物在output下。開發者在開發階段只需關注src下代碼部分,專注開發業務邏輯,打包則交給平臺完成。

VSCode不僅提供了模板,還提供了調試微應用的能力,點擊右上角的小按鈕即可快速啓動調試服務。啓動調試服務後,手機端通過調試客戶端就能夠實時預覽代碼效果,進行開發了。當然,如果沒有安裝VSCode,也可以通過全局cli命令,直接在命令行中執行pmobile start啓動調試服務。VSCode插件支持Windows、Mac電腦上對Android、iOS的調試。調試服務支持調試期微應用編譯並下載到手機,也集成了改造過後的ReactNative的調試服務,讓我們能夠以原生ReactNative的調試體驗開發普元微應用。

你可以通過掃碼下載最新的調試客戶端,目前我們支持調試客戶端和調試服務在同網段的代碼調試(Android可以通過adb端口轉發實現無網絡調試),同時Android和iOS也都支持模擬器安裝調試,爲部分企業的內網調試提供支持。

調試客戶端不但支持代碼開發預覽,還支持在VSCode編輯器內斷點調試、查看佈局屬性、查看應用網絡請求等功能,還可以在非開發環境(未連接調試服務)下進行微應用的離線運行。這都得益於我們高度定製化的分包機制,在此不做展開,感興趣可以持續關注EAWorld公衆號和微課堂。

3.豐富的組件

在移動8.0GA產品中,我們提供了60多個組件,可以在配置打包信息時看到並勾選使用。組件包括ReactNative最常用到的導航組件、UI組件、ReactNativeCommunity社區提供的優秀的組件等,還有二維碼、視頻、音頻、H5等支持。企業也可以將自己集成的組件發佈到組件倉庫中,形成組件資產的積累。

在配置打包頁面,我們可以直接勾選項目使用的組件,如果有參數配置可以直接在右側輸入(比如微信appId等)。勾選時,有依賴的組件也會自動勾選,無需用戶特別關注。

標準組件是基於普元移動平臺,開發和編譯過程中可插拔式的UI和功能庫。當標準產品提供的API無法滿足業務需求時,需要擴展組件來實現。擴展組件可以直接在開發環境devtools中直接開發,也可以使用pmobile link命令快速集成ReactNative三方組件,link命令執行後,腳本會修改/android下的項目依賴和ReactPackage的添加,/ios下pod文件增加依賴並pod install,/js下增加對組件的引用,這樣打包出來的基座就可以直接使用這個組件了。

4.基於DevOps繼續集成

平臺提供了豐富的打包參數,並提供可視化頁面,可以配置應用首頁、版本號、歡迎頁、App服務地址等,同時iOS支持打包app-store、enterprise、ad-hoc三種模式,並支持模擬器、安全通道、白名單等配置。組件也可以通過簡單的勾選使用,無需重複開發,就能簡單使用提供的60餘組件。

對於移動類的應用,目前我們支持安卓應用的構建,首先是拉取代碼,可以從Git庫拉取,也可以從svn拉取,接着初始化打包環境並執行打包腳本,完成後選擇發佈到nexus或微應用的應用商店中。

普元移動門戶管理平臺不但提供了移動應用的更新、發佈等功能,還提供了應用的上傳、下載、二維碼下載等能力。上傳功能和DevOps打通,在編譯成功後直接發佈到應用商店中,開發測試人員可以直接掃碼下載最新的App,實現開發測試流程的閉環。

目前移動開發平臺8.0GA版本已經在內部使用,企業內部應用如會議室預定、工時填報也在緊鑼密鼓的開發中,爲了方便使用DevOps,也開發了DevOps移動App。可以在手機端查看DevOps中的任務、構建、發佈、工單,同時構建狀態也可以在手機端顯示,更酷的是可以在手機端直接執行構建。例如第三張圖,我在DevOps移動App中構建DevOps移動App(禁止套娃)。

總的來說,普元移動開發平臺對微應用做了大量的優化,支持了四種微應用類型,提供了豐富的組件供開發人員選擇。同時提供了DevOps移動App,支持在移動端進行編譯打包發佈等。新版本全面支持VSCode編輯器,同時提供cli命令行工具,爲開發人員提供了方便快捷的開發環境,助力企業快速構建移動應用。

 

關於作者明月,現任普元移動團隊資深開發工程師,長期致力於IT技術研究,產品設計和開發等工作,擅長Java、NodeJs、ReactNative等領域技術。先後參加深圳登、太平洋保險等移動項目的實施,參與Mobile 8.0移動平臺的設計開發工作。

 

關於EAWorld:微服務,DevOps,數據治理,移動架構原創技術分享。長按二維碼關注!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章