[發明專利]一種渲染動態組件的方法、裝置、介質和電子設備

在審

• 申請號: 202010565741.X
• 申請日: 2020-06-19
• 公開（公告）號: CN111857658A
• 公開（公告）日: 2020-10-30
• 發明（設計）人: 劉豐愷
• 申請（專利權）人: 北京字節跳動網絡技術有限公司
• 主分類號: G06F8/20
• 分類號: G06F8/20;G06F8/38
• 代理公司: 北京睿馳通程知識產權代理事務所(普通合伙) 11604
• 代理人: 唐華;張文平

本公開提供了一種渲染動態組件的方法、裝置、介質和電子設備。所述方法包括：在跨平臺框架下，獲取第一用戶界面中第一動態組件的事件；基于所述事件獲取對應所述第一動態組件的請求信息；根據預設數據格式對所述請求信息進行序列化，生成序列化請求信息，并向服務端發送；接收服務端返回的序列化響應信息；基于預設數據格式對所述序列化響應信息進行反序列化，獲取對應所述第一動態組件的動態渲染信息。實現了一種基于跨平臺框架下通過序列化格式描述動態組件的方案，實現了自定義事件和動態組件的對應關系，支持自定義組件的事件。有效的解決了在沒有熱修復支持下動態組件開發、更新和設計需求。

技術領域

本公開涉及計算機技術領域，具體而言，涉及一種渲染動態組件的方法、裝置、介質和電子設備。

背景技術

目前跨平臺式開發框架憑借其具有的跨平臺性、高保真性和高性能等優點，已經被廣泛適用，跨平臺式開發框架提供豐富的組件、接口，方便開發者能夠開發一套代碼可適用于多種平臺中。

以Flutter框架為例，其Flutter框架是一種開源的移動應用開發框架，可使可運行程序實現跨平臺、高保真和高性能。也就是可運行程序的一套代碼可運行在iOS平臺或Android平臺。Flutter框架提供了豐富的組件、接口，使開發者可以很快地為Flutter框架添加本地擴展。Flutter框架采用Dart語言作為開發語言，Dart語言是一種使用特定DartVM虛擬機運行的靜態語言，提供高速的運行前編譯(英文全稱Ahead Of Time，簡稱AOT)方案與強調動態性的JIT方案。AOT方案程序運行前，直接把源碼文件編譯成本地機器碼的過程。JIT方案在運行時把類文件字節碼編譯成本地機器碼的過程。Dart VM 虛擬機為高級編程語言Dart語言提供運行環境。Dart Kernel是Dart VM虛擬機支持的IR級別的專用語言。采用Dart語言編寫的代碼編譯后可轉換到 Dart Kernel中，并在Dart VM虛擬機中運行。在Flutter框架下，由于缺乏Hot-Fix 方案的技術支持，使現有用戶界面中的組件僅局限于靜態顯示，尚無法實現對組件的動態渲染，從而限制了用戶界面表現的多樣性。

發明內容

提供該發明內容部分以便以簡要的形式介紹構思，這些構思將在后面的具體實施方式部分被詳細描述。該發明內容部分并不旨在標識要求保護的技術方案的關鍵特征或必要特征，也不旨在用于限制所要求的保護的技術方案的范圍。

本公開的目的在于提供一種渲染動態組件的方法、裝置、介質和電子設備，能夠解決上述提到的至少一個技術問題。具體方案如下：

根據本公開的具體實施方式，第一方面，本公開提供一種渲染動態組件的方法，包括：

在跨平臺框架下，獲取第一用戶界面中第一動態組件的事件；

基于所述事件獲取對應所述第一動態組件的請求信息；

根據預設數據格式對所述請求信息進行序列化，生成序列化請求信息，并向服務端發送；

接收服務端返回的序列化響應信息；

基于預設數據格式對所述序列化響應信息進行反序列化，獲取對應所述第一動態組件的動態渲染信息；

基于所述動態渲染信息渲染所述第一動態組件，生成對應的第二動態組件。

根據本公開的具體實施方式，第二方面，本公開提供一種渲染動態組件的裝置，包括：

獲取事件單元，用于在跨平臺框架下，獲取第一用戶界面中第一動態組件的事件；

獲取請求信息單元，用于基于所述事件獲取對應所述第一動態組件的請求信息；

生成序列化請求信息單元，用于根據預設數據格式對所述請求信息進行序列化，生成序列化請求信息，并向服務端發送；