1. <strong id="7actg"></strong>
    2. <table id="7actg"></table>

    3. <address id="7actg"></address>
      <address id="7actg"></address>
      1. <object id="7actg"><tt id="7actg"></tt></object>

        京東技術(shù)大中臺(tái)的 Flutter 跨端實(shí)踐之路

        共 10636字,需瀏覽 22分鐘

         ·

        2020-10-25 05:55

        點(diǎn)擊“開(kāi)發(fā)者技術(shù)前線”,選擇“星標(biāo)?”

        讓一部分開(kāi)發(fā)者看到未來(lái)

        作者 | 京東 ARES 跨端團(tuán)隊(duì)
        編輯 | Yonie
        在 2019 年,F(xiàn)lutter 推出了多個(gè)正式版本,支持的終端越來(lái)越多,使用的項(xiàng)目也越來(lái)越多。Flutter 正在經(jīng)歷從小范圍嘗鮮到大面積應(yīng)用的過(guò)程,越來(lái)越多的研發(fā)團(tuán)隊(duì)加入到 Flutter 的學(xué)習(xí)熱潮中,京東作為互聯(lián)網(wǎng)大廠之一也積極參與了 Flutter 的跨端方案研究。本文將介紹京東在 Flutter 上的應(yīng)用方案和相關(guān)優(yōu)化成果。
        為什么考慮 Flutter 技術(shù)方案

        其實(shí)京東很早就開(kāi)始研究并實(shí)踐跨端的開(kāi)發(fā)解決方案,最早使用的是 Hybrid App 的技術(shù)方案,從 2015 年底開(kāi)始逐步轉(zhuǎn)向 RN 技術(shù)棧,目前應(yīng)該是業(yè)內(nèi) RN 技術(shù)平臺(tái)應(yīng)用最廣泛、配套設(shè)施比較完善的公司之一。從 2018 年中開(kāi)始,我們也關(guān)注到了 Flutter 技術(shù),最吸引我們的特性是高性能和兼容性。這兩點(diǎn)也是目前 RN 技術(shù)相對(duì)不足的地方。高性能指的是復(fù)雜場(chǎng)景和交互下的渲染性能,兼容性指的是不同終端平臺(tái)上的布局和體驗(yàn)的一致性,這點(diǎn)在碎片化嚴(yán)重的 android 平臺(tái)上尤其重要。

        京東在 Flutter 的實(shí)踐
        隨著 2018 年底 Google 正式發(fā)布了 Flutter 預(yù)覽版本,京東內(nèi)部也越來(lái)越多的研發(fā)團(tuán)隊(duì)有用 Flutter 進(jìn)行開(kāi)發(fā)業(yè)務(wù)的訴求。我們正式啟動(dòng)研發(fā)并內(nèi)部發(fā)布了 JDFlutter 引擎。在官方 Flutter 引擎之上,我們做了額外的優(yōu)化和功能擴(kuò)展:
        • Flutter 工程改造: 對(duì) Flutter 開(kāi)發(fā)環(huán)境和 dart 代碼管理進(jìn)行優(yōu)化,可以無(wú)縫集成到現(xiàn)有 APP 中并支持自動(dòng)化 dart 編譯打包,便于開(kāi)發(fā)和調(diào)試。
        • 路由及多頁(yè)面管理: 對(duì)原生頁(yè)面和 flutter 頁(yè)面實(shí)現(xiàn)了集中路由管理,可以雙向傳參、跳轉(zhuǎn)并且進(jìn)行了共享內(nèi)存優(yōu)化。
        • 擴(kuò)展 UI 組件庫(kù): 官方支持的 Material 和 Cupertino 樣式不能滿足需求,我們內(nèi)部實(shí)現(xiàn)了自定義樣式的組件庫(kù)。
        • 原生能力擴(kuò)展: 對(duì)官方原生能力進(jìn)行了擴(kuò)展,封裝了包括網(wǎng)絡(luò)、登陸、埋點(diǎn)等等基礎(chǔ)能力的打通并提供了 50+ 原生擴(kuò)展 API。
        • Android 端動(dòng)態(tài)化支持: 在 Android 端實(shí)現(xiàn)了動(dòng)態(tài)化支持,可以線上熱更新業(yè)務(wù)。iOS 端暫不支持動(dòng)態(tài)化。

        目前京東商城、京東視頻、京東到家、京東物流、7Fresh 等 APP 都有業(yè)務(wù)采用 JDFlutter 進(jìn)行開(kāi)發(fā)。

        JDFlutter 框架設(shè)計(jì)

        JDFlutter 整體的框架結(jié)構(gòu),主要包含:基礎(chǔ)框架、組件、工具三部分,如圖所示:

        基礎(chǔ)框架
        JDFlutter 基礎(chǔ)框架分為三層架構(gòu),包含 JDFlutter 基礎(chǔ)層,通用業(yè)務(wù)層,業(yè)務(wù)層。
        • 基礎(chǔ)層: 提供了 Flutter 的基礎(chǔ)組件支持,包括組件管理,狀態(tài)管理等;基礎(chǔ)層完全獨(dú)立,對(duì)業(yè)務(wù)沒(méi)有依賴。
        • 通用業(yè)務(wù)層: 提供了通用型業(yè)務(wù)組件支持,例如登錄組件,支付組件等;通用業(yè)務(wù)層依賴于基礎(chǔ)層。
        • 業(yè)務(wù)層: 即具體業(yè)務(wù)邏輯實(shí)現(xiàn)層,根據(jù)業(yè)務(wù)需要進(jìn)行不同組件的組合,實(shí)現(xiàn)業(yè)務(wù)頁(yè)面的快速開(kāi)發(fā)。

        核心組件
        • 組件管理: 組件之間通過(guò)標(biāo)準(zhǔn)的協(xié)議接口進(jìn)行通信,降低組件耦合,便于維護(hù)及組件升級(jí);

        • 狀態(tài)管理: 實(shí)現(xiàn)數(shù)據(jù)和界面分離,統(tǒng)一狀態(tài)管理,以數(shù)據(jù)的變化來(lái)驅(qū)動(dòng)界面的改變,更有利于數(shù)據(jù)的持久化和保存,同時(shí)也有利于 UI 組件的復(fù)用;
        • Hybrid Router: 主要解決 Flutter 和 Native 之間交叉跳轉(zhuǎn)的問(wèn)題,減少內(nèi)存開(kāi)銷,共享同一個(gè) Flutter Engine。

        工具介紹
        • 編譯發(fā)布: 優(yōu)化 Flutter 原有的編譯邏輯,管理依賴 Flutter 原生依賴關(guān)聯(lián),打包 Flutter 和原生代碼,實(shí)現(xiàn)自動(dòng)化構(gòu)建發(fā)布。

        • 資源管理: 管理圖片資源,將資源轉(zhuǎn)換成 Flutter 類,便于資源的讀取操作,類似 Andorid 的 R 類;
        • 模版代碼生成: 減少 Flutter 的代碼編寫,自動(dòng)生成 Flutter 組件的框架模板代碼,提升代碼編寫效率;
        • JSON 轉(zhuǎn)換: 將 JSON 數(shù)據(jù)轉(zhuǎn)換成 Flutter code,并提供 json 轉(zhuǎn) Flutter 對(duì)象的 API,減少動(dòng)手編寫 Flutter code 及解析。

        JDFlutter 業(yè)務(wù)開(kāi)發(fā)實(shí)踐

        JDFlutter 為業(yè)務(wù)研發(fā)團(tuán)隊(duì)提供了全流程的開(kāi)發(fā)解決方案:

        配置混合工程

        Flutter 和原生混合開(kāi)發(fā)有兩種情況,其一,開(kāi)發(fā) Flutter 業(yè)務(wù)的同學(xué),需要和原生做交互,因此需要有 Flutter 和原生的混合編譯環(huán)境;其二,使用原生 SDK 開(kāi)發(fā)業(yè)務(wù)的同學(xué),需要和 Flutter 業(yè)務(wù)一起集成打包,此時(shí)需對(duì) Flutter 透明,以減少對(duì) Flutter 編譯環(huán)境的依賴,并且,只依賴原生編譯環(huán)境即可,此時(shí)我們將 Flutter 編譯成 aar 依賴,放入原生項(xiàng)目中即可。接下來(lái),我們將重點(diǎn)介紹 Android 和 iOS 的混合編譯環(huán)境配置。

        Android 平臺(tái)配置

        創(chuàng)建一個(gè) flutter module

         flutter create -t module --org com.example my_flutter

        在原生根項(xiàng)目的 settings.gradle 加入如下配置信息

        // MyApp/settings.gradle
        include ':app' // assumed existing content
        setBinding(new Binding([gradle: this])) // new
        evaluate(new File( // new
        settingsDir.parentFile, // new
        'my_flutter/.android/include_flutter.groovy' // new
        ))

        在原生 App 模塊中加入 flutter 依賴

        dependencies {
        implementation project(':flutter')
        }

        這樣就可以原生項(xiàng)目一起編譯了。

        具體可以參照官方文檔: https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps

        這樣的方式雖可以滿足混編需求,但還不是特別方便,開(kāi)發(fā)完項(xiàng)目后,還需要去 Android Studio 項(xiàng)目中進(jìn)行編譯,比較麻煩,所以我們也可以把 Flutter 項(xiàng)目 settings.gradle 改造,在 Flutter 開(kāi)發(fā)環(huán)境下直接運(yùn)行包含原生代碼的混合項(xiàng)目,改造方式如下:

        // MyApp/settings.gradle
        //projectName 原生模塊名稱
        //projectPath 原生項(xiàng)目路徑
        include ":$projectName"
        project(":$projectName").projectDir = new File("$projectPath")

        這樣改造之后即可在 Flutter IDE 中直接編譯 Flutter 混合工程,并進(jìn)行調(diào)試,也可以運(yùn)行 futter run 來(lái)啟動(dòng) Flutter 混合工程,不過(guò)在配置的時(shí)候,需要注意 Flutter 中 gradle 編譯環(huán)境和原生編譯環(huán)境的一致性,如果不一致可能會(huì)導(dǎo)致編譯錯(cuò)誤。

        iOS 平臺(tái)配置

        創(chuàng)建 flutter module

        flutter create -t module my_flutter

        進(jìn)入 iOS 工程目錄,初始化 pod 環(huán)境(如果項(xiàng)目工程已經(jīng)使用 Cocoapods,跳過(guò)此步驟)

        pod init

        編輯 Podfile 文件

        ## 在 Podfile 文件添加的新代碼
        flutter_application_path = '/{flutter module 目錄}/my_flutter'
        eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')), binding)

        安裝 pod

        pod install

        打開(kāi)工程 (***.xcworkspace) 配置 build phase,為編譯 Dart 代碼添加編譯選項(xiàng)

        打開(kāi) iOS 項(xiàng)目,選中項(xiàng)目的 Build Phases 選項(xiàng),點(diǎn)擊左上角 + 號(hào)按鈕,選擇 New Run Script Phase,將下面的 shell 腳本添加到輸入框中:

        "$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" embed

        搭建 PUB 私服倉(cāng)庫(kù)

        Flutter 開(kāi)發(fā)中使用的組件,一般公司內(nèi)部會(huì)采用共享的方式,以避免重復(fù)開(kāi)發(fā),而 Flutter 組件共享,即需要使用 pub 倉(cāng)庫(kù)。由于公司內(nèi)部的業(yè)務(wù)組件不適合上傳到 pub 官方倉(cāng)庫(kù),因此,需要搭建私服倉(cāng)庫(kù),以解決各個(gè)業(yè)務(wù)研發(fā)團(tuán)隊(duì),對(duì) Flutter 組件共享需要。

        感興趣的同學(xué)可以研究下官方 pub 倉(cāng)庫(kù)的源碼: https://pub.dartlang.org/,其對(duì) Google Cloud 環(huán)境有很大的依賴 , 也可以基于 https://github.com/kahnsen/pub_server 來(lái)搭建一個(gè)簡(jiǎn)易版本的私服倉(cāng)庫(kù),以滿足上傳和下載功能,pub 協(xié)議相對(duì)比較簡(jiǎn)單,我們可以在源碼增加協(xié)議接口來(lái)實(shí)現(xiàn)更多功能。

        運(yùn)行 pub_server

        ~ $ git clone https://github.com/dart-lang/pub_server.git
        ~ $ cd pub_server
        ~/pub_server $ pub get
        ...

        ~/pub_server $ dart example/example.dart -d /tmp/package-db
        Listening on http://localhost:8080

        To make the pub client use this repository configure your shell via:

        $ export PUB_HOSTED_URL=http://localhost:8080

        發(fā)布一個(gè) Flutter 組件需要修改 pubspec.yaml,增加以下內(nèi)容:

        name: hello_plugin //plugin 名稱
        description: A new Flutter plugin. // 介紹
        version: 0.0.1// 版本號(hào)
        author: xxx // 作者和郵箱
        homepage: https://localhost:8080 // 組件的介紹頁(yè)面
        publish_to: http://localhost:8080// 倉(cāng)庫(kù)上傳地址

        上傳時(shí)可以使用如下命令檢查代碼錯(cuò)誤,并顯示出上傳的目錄結(jié)構(gòu)

        pub publish --dry-run

        如果有不想上傳的文件,可以在根目錄增加一個(gè).gitignore 文件來(lái)忽略如下:

        /build

        Flutter 組件的依賴配置,在項(xiàng)目的 pubspec.yaml 中 dependencies: 下增加如下信息

        dependencies:
        hello_plugin:
        hosted:
        name: hello_plugin
        url: http://localhost:8080
        version: 0.0.2

        這樣可以在公司內(nèi)部實(shí)現(xiàn) Flutter 組件共享,如果不想搭建自己的 pub 倉(cāng)庫(kù),也可以采用 git 依賴,配置如下

        dependencies:
        hello_plugin:
        git:
        url: git://github.com/hello_plugin.git //git 地址
        ref: dev-branch // 分支
        Flutter 業(yè)務(wù)的開(kāi)發(fā)與調(diào)試

        在 Flutter IDE 中編譯代碼調(diào)試會(huì)很方便,直接點(diǎn)擊 debug 按鈕即可進(jìn)行代碼調(diào)試,如果是混合工程在 Android studio 或者 xcode 中運(yùn)行的工程,則沒(méi)辦法這么做,但也可以實(shí)現(xiàn)調(diào)試:

        將要調(diào)試的 App 安裝到手機(jī)中(安裝 debug 版本),連接電腦,執(zhí)行如下命令,同步 Flutter 代碼到設(shè)備的宿主 App 中

        $ cd flutterProjectPath/
        $ flutter attach

        執(zhí)行完命令后會(huì)進(jìn)行等待設(shè)備連接狀態(tài),然后打開(kāi)宿主 App,進(jìn)入 Flutter 頁(yè)面,看到如下信息提示則表示同步成功。

        zbdeMacBook-Pro:example zb$ flutter attach
        Waiting for a connection from Flutter on MI 5X...
        Done.
        Syncing files to device MI 5X... 1.2s

        ? To hot reload changes while running, press "r". To hot restart (and rebuild state), press "R".
        An Observatory debugger and profiler on MI 5X is available at: http://127.0.0.1:54422/
        For a more detailed help message, press "h". To detach, press "d"; to quit, press "q".

        打開(kāi) http://127.0.0.1:54422 可以查看調(diào)試信息,如有代碼改動(dòng)可以按 r 來(lái)實(shí)時(shí)同步界面,如果改動(dòng)沒(méi)有實(shí)時(shí)生效可以按 R 重新啟動(dòng) Flutter 應(yīng)用。

        JDFlutter 熱更新實(shí)踐

        大部分跨端框架,諸如 React Native / Weex / H5 等,基本都能做到隨時(shí)進(jìn)行熱修復(fù),并隨時(shí)上線,用于及時(shí)修復(fù)突發(fā)的在線問(wèn)題,架構(gòu)非常靈活。Flutter 因其 AOT 的設(shè)計(jì),預(yù)想會(huì)很難達(dá)到這種靈活度,但技術(shù)上仍具有一定的可行性,正如我們?cè)谥暗?Flutter 介紹文章中提到的,按照先有的 API 設(shè)計(jì),是可以支持熱修復(fù)的,但僅限于 Android。官方最新的架構(gòu)上已經(jīng)支持了熱修復(fù)架構(gòu),大家可以更新到 1.2.1 版本查看,但是官方的功能還比較弱,無(wú)法做到版本控制和回滾的靈活性,所以 JDFlutter 并沒(méi)有采用。

        我們可以首先一起看一下 Google 官方熱修復(fù)方案的設(shè)計(jì)原理:

        Flutter1.2.1 版本引入了 Dynamic Patch

        為了更清楚的了解官方熱修復(fù)的原理和過(guò)程,我們需要首先深入了解 Flutter 的業(yè)務(wù)包結(jié)構(gòu)和整體運(yùn)行過(guò)程:

        Flutter App 的包結(jié)構(gòu)

        可以看到主體代碼集中在 asset 目錄中,除此之外還有少量 Android 端的框架 java 代碼及 flutter so 引擎庫(kù)外:

        1. icudtl.dat

        2. isolate_snapshot_data

        3. isolate_snapshot_instr

        Flutter 包的初始化流程

        Flutter 頁(yè)面啟動(dòng)時(shí)是如何加載這些代碼的呢?那就要從 Flutter 的初始化說(shuō)起了,在頁(yè)面啟動(dòng)前需要調(diào)用 FlutterMain.startInitialization 來(lái)做初始化:

        可以看到該初始化是要求在主線程完成的,另外主要完成了以下三點(diǎn):

        • 配置了一些環(huán)境數(shù)據(jù),比如各個(gè)核心包的路徑,主要是提供給其他一些模塊全局調(diào)用

        • 檢查 asset 下 Flutter 包的完整性,主要是上面介紹的一些核心包,一旦缺少核心的一些庫(kù),就會(huì)直接拋異常。開(kāi)發(fā)過(guò)程中我們經(jīng)常因?yàn)榕渲脤?dǎo)致有些文件沒(méi)有打包進(jìn)去,然后會(huì)直接 crash,就是在這里觸發(fā)的,具體代碼如下:

        • 解壓部分 asset 下的資源到 data 分區(qū),以下是一些片段的代碼,那為什么要解壓呢?放在 asset 下也是可以通過(guò) assetManager 讀取的。這里 google 應(yīng)該是從性能角度要求解壓的,因?yàn)轭l繁的使用 assetManager 讀取 asset 是很容易造成多線程阻塞的,一旦阻塞了將會(huì)導(dǎo)致整個(gè) Flutter 業(yè)務(wù)全部無(wú)法渲染,所以需要解壓一些核心的資源庫(kù),而不是解壓了所有的資源 (例如圖片就沒(méi)有解壓)

        從代碼來(lái)看,先增加要解壓的核心庫(kù)的目錄,然后啟動(dòng) task 從 asset 中解壓庫(kù)到 data 分區(qū)對(duì)應(yīng) app 數(shù)據(jù)下的 app_flutter 目錄,以下是解壓后的目錄結(jié)構(gòu):

        其中 res_timestamp 文件用于標(biāo)記一些時(shí)間戳,算法比較固定,根據(jù)客戶端的安裝時(shí)間及 app 的 version code 生成,也就是說(shuō)當(dāng)用戶打開(kāi) Flutter 頁(yè)面后這個(gè)值就是固定的,如果有任何修改引擎會(huì)默認(rèn)有變化,刪除現(xiàn)有 app_flutter 的包,重新解壓

        運(yùn)行原理

        上面是對(duì) Flutter 程序加載的分析,最終 Flutter 頁(yè)面顯示是需要呈現(xiàn)在原生組件 Flutter View 中的,這個(gè)組件會(huì)和底層 Flutter Native View 進(jìn)行綁定,并最終運(yùn)行上面說(shuō)到的 data 分區(qū)的 Dart 代碼來(lái)渲染 UI。如果使用的是 Flutter Activity,則默認(rèn) Flutter View 是全屏顯示,如需要定制頁(yè)面,需要自己設(shè)計(jì) Activity

        熱修復(fù)實(shí)驗(yàn)

        了解了這些,其實(shí)熱修復(fù)方案已經(jīng)呼之欲出,替換原有解壓后的 app_flutter 包,殺進(jìn)程,然后重新加載 Flutter 頁(yè)面即可。這里我們可以做個(gè)簡(jiǎn)單的實(shí)驗(yàn):

        采用 adb 命令 push 一些修改過(guò)的并編譯的 dart 代碼到 app_flutter 目錄:
        • 先打開(kāi) Flutter 頁(yè)面,默認(rèn)會(huì)加載 asset 下的包,并解壓到 data 分區(qū)。
        • 修改一個(gè) Flutter 工程,并編譯代碼,最終在工程目錄 my_flutter/.android/Flutter/build/intermediates/flutter/release ,可以看到打包生成的文件。

        • 這么文件目錄中只有 flutter_assets 目錄和 isolate_snapshot_data 文件是包含業(yè)務(wù)代碼和圖片的,其他部分基本不會(huì)變化,所以我們這里要替換的目錄也就是這兩個(gè),大家可以使用 adb push 命令將資源文件 push 到對(duì)應(yīng)的 data 分區(qū)來(lái)做個(gè)實(shí)驗(yàn)。
        adb push my_flutter/.android/Flutter/build/intermediates/flutter/release/isolate_snapshot_data /data/data/app 包名  /app_flutter
        • 關(guān)閉 Flutter 頁(yè)面,在 Task 中殺掉進(jìn)程,回來(lái)后重新打開(kāi) Flutter 頁(yè)面,就能看到改動(dòng)的效果,圖片資源是存放在 flutter_asset 目錄的,將圖片放到這個(gè)目錄,同樣能更新圖片

        上面這個(gè)實(shí)驗(yàn),驗(yàn)證了方案基本是可行的,但這里只是簡(jiǎn)單替換,實(shí)際使用中替換還是有很多問(wèn)題的。那 Google 官方是如何設(shè)計(jì)的呢?

        Google 熱修復(fù)設(shè)計(jì)
        熱修復(fù)步驟

        Flutter SDK 1.2.1 中,Google 提供了 ResourceUpdater,用來(lái)做包的檢查和下載解壓。升級(jí)步驟如下:

        • 在頁(yè)面初始化時(shí),檢查固定的下載更新目錄有沒(méi)有業(yè)務(wù)升級(jí)包,從代碼來(lái)看,必須在 manifest 中打開(kāi)該功能,設(shè)置 DynamicPatching

        從邏輯上來(lái)看,只有在頁(yè)面 onResume 或者 App 重新開(kāi)啟的時(shí)候會(huì)下載升級(jí)包,整體下載是通過(guò) http 請(qǐng)求完成的,整體實(shí)現(xiàn)代碼大家可以參考 ResourceUpdater 中 DownloadTask 的實(shí)現(xiàn)部分,這里就不細(xì)說(shuō)了。
        • 每次 init 的時(shí)候都會(huì)觸發(fā)檢查 data 分區(qū)的 app_flutter 包,如果不存在就會(huì)從 aaset 目錄解壓出來(lái),而升級(jí)包的替換就是在這步完成的,按照邏輯會(huì)優(yōu)先檢查升級(jí)目錄有沒(méi)有包存在,如果存在則優(yōu)先從升級(jí)目錄解壓,如果不存在還是從 asset 目錄解壓;

        • 當(dāng)然在檢查到有升級(jí)包時(shí),會(huì)對(duì)升級(jí)包的一些配置做校驗(yàn),主要是 manifest.json 文件,里面會(huì)包含 buildNumber/baselineChecksum 字段,同時(shí)也會(huì)對(duì)"isolate_snapshot_data", "isolate_snapshot_instr", "flutter_assets/isolate_snapshot_data"等文件做 CRC32 校驗(yàn)

        • 升級(jí)后的版本時(shí)間戳是從配置的 manifest.json 文件中讀取 patchNumber 和文件下載時(shí)間確定的,完成文件覆蓋后會(huì)重新生成。

        以下是升級(jí)包的大概路徑如下

        如何配置服務(wù)器

        文章上部分介紹了怎么打開(kāi)升級(jí) patch 的功能,因升級(jí)涉及到服務(wù)端,那 Google 是怎么做到關(guān)聯(lián)到服務(wù)器的呢?其實(shí)原理比較簡(jiǎn)單,需要配置客戶端的 manifest 文件的 meta 屬性,增加 PatchServerURL,也就是我們服務(wù)的地址,以及下載模式 PatchDownloadMode 和加載模式 PatchInstallMode,默認(rèn)是 ON_NEXT_RESTART(下次初始化時(shí))

        整體流程

        存在的缺陷
        • 過(guò)于定制化,全部在引擎完成,很難適配一些特殊的需求定制;

        • 不支持現(xiàn)在比較主流的升級(jí)流程,諸如灰度和白名單等功能;
        • 版本號(hào)的維度不好控制,同時(shí)不能做版本回滾等操作。

        JDFlutter 如何實(shí)現(xiàn)熱修復(fù)
        實(shí)現(xiàn)原理
        JDFlutter 的整體實(shí)現(xiàn)原理,其實(shí)和 Google 是一樣的,目前來(lái)看不修改引擎的前提下,只有這種方案最簡(jiǎn)單,但是我們沒(méi)有使用 Google 的這套升級(jí)架構(gòu),默認(rèn)關(guān)閉了 patch 功能,并框架之外實(shí)現(xiàn)了替換包和加載的邏輯,優(yōu)點(diǎn)是整體兼容性更強(qiáng)、更靈活。
        1. 服務(wù)端根據(jù)客戶端的唯一標(biāo)識(shí)支持了白名單和灰度下發(fā)升級(jí)包;
        2. 優(yōu)化下載和替換流程。Flutter 的升級(jí)包一般有 4-5M,而且從網(wǎng)絡(luò)端獲取,失敗率較高,替換過(guò)程又涉及到文件操作,操作不當(dāng)容易產(chǎn)生 UI 阻塞或者包異常。接入 JDFlutter 的客戶端下載包后,并不會(huì)直接替換文件,而是修改名稱后解壓到 app_flutter 目錄,等待業(yè)務(wù)頁(yè)面重新打開(kāi)或者重新初始化時(shí)再修改成 Flutter 標(biāo)準(zhǔn)名稱的文件。這種操作不存在性能問(wèn)題,另外會(huì)把舊版的文件備份,以便回滾代碼;
        3. 同時(shí)并發(fā)運(yùn)行的 Flutter 頁(yè)面較多,需避免因?yàn)樯?jí)出現(xiàn)一些中間狀態(tài),使得業(yè)務(wù)或者頁(yè)面無(wú)法打開(kāi)的情況;
        4. 升級(jí)失敗或者下載后業(yè)務(wù)包有問(wèn)題,出現(xiàn)無(wú)法加載的情況或者文件丟失的情況可以控制回滾代碼;
        5. 線上出現(xiàn)大量異常后,可以指定對(duì)應(yīng)的 Flutter 業(yè)務(wù)執(zhí)行降級(jí)策略,讓該業(yè)務(wù)迅速降級(jí)到 H5 頁(yè)面。

        熱修復(fù)規(guī)劃
        未來(lái),JDFlutter 會(huì)繼續(xù)在熱修復(fù)方面進(jìn)行探索和驗(yàn)證,以滿足京東業(yè)務(wù)的快速發(fā)展需要。而針對(duì)目前的方案,我們思考了如下的優(yōu)化點(diǎn):
        • Flutter 業(yè)務(wù)包差量升級(jí):現(xiàn)有的升級(jí)模式都是全量包覆蓋,即使壓縮后升級(jí)包還是很大,影響升級(jí)成功率及用戶流量,后續(xù)會(huì)采用一些 diff 工具,對(duì)比生成差量的 patch,通過(guò)服務(wù)端下發(fā)后,在客戶端合并成完整包,但升級(jí)次數(shù)較多后會(huì)導(dǎo)致最終版本碎片化,需要做好版本之前的維護(hù)關(guān)系,難度較大。
        • 升級(jí)后及時(shí)更新頁(yè)面:現(xiàn)有方案(包括標(biāo)準(zhǔn) google 升級(jí)方案)沒(méi)有辦法做到下載業(yè)務(wù)包或者替換業(yè)務(wù)包后及時(shí)刷新頁(yè)面,需要 restart 進(jìn)程后重新開(kāi)啟才能刷新頁(yè)面。未來(lái)我們會(huì)優(yōu)化引擎,通過(guò)釋放底層資源并重新加載,來(lái)完成隨時(shí)刷新頁(yè)面的功能。

        未來(lái)展望

        Google Flutter 是非常出色的跨端開(kāi)發(fā)技術(shù),現(xiàn)在已經(jīng)取得了長(zhǎng)足的發(fā)展。社區(qū)生態(tài)和框架成熟度也正在快速追趕 RN。相信不久的將來(lái),F(xiàn)lutter+RN 一定會(huì)成為跨端開(kāi)發(fā)平臺(tái)的絕代雙驕。

        團(tuán)隊(duì)介紹

        京東 ARES 跨端團(tuán)隊(duì)作為京東技術(shù)與數(shù)據(jù)中臺(tái)的多端技術(shù)平臺(tái)團(tuán)隊(duì),聚焦于跨端開(kāi)發(fā)技術(shù)框架和平臺(tái)搭建,包括但不限于 RN、Flutter、小程序等技術(shù)棧。目前已經(jīng)廣泛應(yīng)用于京東商城、京東金融、京東到家、京東拼購(gòu)等京東系核心 App 內(nèi),幫助業(yè)務(wù)團(tuán)隊(duì)低成本、快速開(kāi)發(fā)自己的業(yè)務(wù),以應(yīng)對(duì)市場(chǎng)的瞬息萬(wàn)變之勢(shì)。


        前線推出學(xué)習(xí)交流一定要備注:研究/工作方向+地點(diǎn)+學(xué)校/公司+昵稱(如Java+上海+上交+卡卡),根據(jù)格式備注,可更快被通過(guò)且邀請(qǐng)進(jìn)群

        掃碼加我微信和大佬們零距離



        END


        開(kāi)發(fā)者技術(shù)前線 ,匯集技術(shù)前線快訊和關(guān)注行業(yè)趨勢(shì),大廠干貨,是開(kāi)發(fā)者經(jīng)歷和成長(zhǎng)的優(yōu)秀指南。
        好文點(diǎn)個(gè)在看吧!



        瀏覽 93
        點(diǎn)贊
        評(píng)論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報(bào)
        評(píng)論
        圖片
        表情
        推薦
        點(diǎn)贊
        評(píng)論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報(bào)
        1. <strong id="7actg"></strong>
        2. <table id="7actg"></table>

        3. <address id="7actg"></address>
          <address id="7actg"></address>
          1. <object id="7actg"><tt id="7actg"></tt></object>
            九九热在线视频| 大香蕉福利视频导航| 久久午夜无码鲁丝片| 亚洲小穴| 午夜视频网站| 国产一区二区免费在线观看| 免费射精一二三区| 大香蕉操逼视频| 五月开心激情网| 亚洲综合日韩| 最近中文字幕在线观看| 精品国产午夜福利| 婷婷久久五月天| 亚洲a√| 91无码国产成人精品| 国产AV大香蕉| 亚洲欧美色图| 欧美三级片网址| 超碰碰碰碰碰| 神马午夜视频| 亚洲一区2区| 国内一级黄片| 色色网站免费| 17.3c一起起草| 无码精品一区二区| 日韩人妻无码一区二区三区| 日本色电影在线观看| 精品素人在线| 午夜激情国产| 丝瓜视频污APP| 日本黄色三级片| 亚洲精品成人7777777| 四虎成人精品在永久免费| 日韩三级精品| 中国熟睡妇BBwBBw| 亚洲区无码| 亚洲第一成人网站| 激情五月综合网| 无码少妇视频| 国产综合在线播放| 午夜啪啪视频| 日韩欧美一区在线| 亚洲AV无码成人精品区h麻豆| 欧美自拍视频| 伊人久久综合| 亚洲精品影院| 日韩高清无码中文字幕| 久久成人综合| 99久久99久久| 日韩中文在线播放| 东方av在线免费观看| 色五月激情小说| 日少妇视频| 求毛片网址| 精品人妻一区二区三区四区不卡在| 日本欧美在线| 天堂无码在线| 蜜桃传媒一区二区亚洲| 久肏| 国产精品高潮无套内谢| 色色色色五月| 国产手机拍视频推荐2023 | A片久久久| 免费视频一区| 国产黄色视频在线| 黑人毛片| 国产免费AV片| 色资源在线| igao视频| 成人网站毛片| 日批网站视频| 波多野结衣日韩| 欧亚AV| 日本一级黄色A片| 99久久国产精| 一区电影网| 九九久久精品视频| 久久久久无码国产精品一区| 色哟哟一区| 在线观看AⅤ| 欧洲成人无码| 国产乱码| 日韩一区二区AV| 欧美性爱一级视频| 日本三级片网站在线观看| 成人片成人网久久蜜桃臀| 人人操人人色| 欧美肏屄视频| 91日逼| 亚洲无码偷拍| 高潮视频在线观看| 波多野结衣一区| 高潮喷水在线观看| 东京热综合网| 成人网在线观看| 亚洲天天操| 久久五月婷| 成人A片一级| 亚洲欧美视频在线观看| 久久草在线观看| 青青草免费公开视频| 欧美黄片免费观看| 亚洲日韩国产AV无码无码精品| 超碰97在线免费| 91毛片在线观看| 操逼操123| 亚洲人妻在线播放| 青娱乐亚洲精品| 特级艺体西西444WWw| 中文字幕亚洲高清| 超碰人人91| 中文字幕av一区二区| 在线毛片网站| 午夜高清视频| jk无码| 久久久久久久久久成人| AV国产高清| 躁BBB躁BBB躁BBBBBB日视频| 99三级片| 欧美黄色免费在线观看| 久久久成人精品| 99黄网| 91亚洲精品国偷拍自产在线观看 | 91超碰在线播放| 亚久久久| 日韩精品在线免费| 久久久久久久成人| 97视频在线观看免费| 玖玖大香蕉| 精品人妻二区中文字幕| 五月婷婷色色| 激情婷婷五月| 亚洲人成电影| 青草社区在线观看| 午夜日韩乱伦| 特级西西444www高清大胆免费看 | 黃色一級片黃色一級片尖叫声-百度-百 | 亚洲无码十八禁| 好好的日视频| 仓井空一区二区三区| 美日韩AV| 日韩中文字幕精品| 麻豆精品一区| 精品人妻一区二区蜜桃视频| 五月天激情午夜福利| 69视频在线观看| 蜜桃传媒一区二区| 木牛AV| 国产精品日韩| 韩国无码中文| 日韩在线观看av| 神马午夜视频| 国产迷奸视频| 日韩乱轮小说与视频| 日本AI高清无码在线观看网址| 2019中文字幕在线| 香蕉漫画在线观看18| 九九九九九九国产| www.黄色大片| 黑人一区二区三区四区| 国产videos| 欧美日韩黄色片| 国产无码中文字幕| 亚洲va国产天堂va久久en| 熟妇一区| 国产日逼视频| 日日干天天日| 日本高清免费视频| 国产成人主播| 一二三区免费视频| 97视频在线观看免费| 婷婷成人电影| 亚洲无码视频在线播放| 伊人久久在线| AV天堂小说| 日韩色妇| 国产麻豆传媒| 亚洲精品国偷拍自产在线观看蜜桃 | 免费一级黄| 18禁网站在线| 国产美女精品久久AV爽| 小早川怜子精品一区二区| 亚洲日韩精品成人无码专区AV| 91蜜桃视频在线观看| 影音先锋女人av噜噜色| 91露脸熟女四川熟女在线观看| 精品在线免费视频| 亚洲欧洲在线观看| 中国一级黄片| 黄色AV免费观看| 五月丁香激情婷婷| 国产精品1区| 国产传媒三级| 超碰自拍私拍二区三区区| 国产久久视频在线观看| 久久久国产精品在线| 怡春院久久| www天天干| 一级A片在线观看| 日本伊人在线综合视频| 9l视频自拍蝌蚪9l视频成人| 免费在线观看无码| 国产成人精品777777| 18岁成人毛片| 国产精品揄拍500视频| 99成人视频| 2017人人操| 国产精品视频一区二区三| 色悠悠久久综合| 亚洲男同tv| 亚洲www在线观看| 亚洲免费AV在线| 永久免费看A人片无码精| 欧美精品无码久久久精品酒店| 天天天做夜夜夜爽无码| 久久中文字幕电影| 最新毛片网站〖网:.〗| 亚洲精品乱码久久久久久久| 福利色播| 日本不卡一区二区| 亚洲无码1| 69性爱视频| 在线18禁| 欧美特级黄片| 成人黄片18| www深夜成人a√在线| 五月天超碰| 秋霞丝鲁片一区二区三区手机在绒免| 中文字幕丰满熟妇人妻| 亚洲天堂无码在线观看| 午夜福利高清在线观看| 人人爱久久| 日韩免费中文字幕A片| 欧美成人版| 99热1| 天天爱夜夜爱| 河南乱子伦视频国产| 操逼影片| 日本免费高清视频在线观看一区| 怡春院首页| 操逼逼综合网| 加勒比色综合| 青青娱乐亚洲无| 超碰免费人人| 久久XX| 久青草资源福利视频| 天天干天天撸| 成人黄色在线观看视频| 欧美日韩中文在线| 99热18| 亚洲色婷婷久久精品AV蜜桃| 中文在线一区| 欧美成人激情| 一本色道久久综合狠狠| 福利国产在线| 91人人澡人人爽人人看| 污污污污污www在线观看优势| 日本人妻在线视频| 日韩AV在线电影| 黄色成人网站大全| 成人A片免费视频| 美女一级片| 成人久久久久久| 色婷婷成人| 精品秘无码一区二区三区老师| 国产激情综合在线| 日韩av免费看| 男女操逼视频网站免费观看| 亚洲熟女一区二区| 成人爽a毛片一区二区免费| 亚洲国产精品成人va在线观看 | 超碰成人欧美| 亚洲AV永久无码精品| 日韩黄色电影在线免费观看 | 男人AV在线| 91大长腿美女花外围在线观看| 黄色一级片在线| 国产在线观看av| 特级毛片AAAAAA蜜桃| 99热免费精品| 人人干人人爽| 国产伦精品一区二区三区妓女下载 | 亚洲Av无码午夜国产精品色软件 | 亚洲精品国产精品国自产曰本| 午夜福利2025| 精品亚洲一区二区三区四区五区| 热99| 亚洲黄色视频在线免费观看| 91久久精品视频| 亚洲AV在线人妻| 亚洲精品国产精品国自产网站| 7777av| 亚洲影院第一页| 亚洲成人无码在线播放| 肏逼网| 免费视频99| 色五月综合| 97人妻一区二区精品免费视频| 亚欧洲精品| 色呦呦一欧美| 日韩综合在线观看| xxx综合网| 深爱激情综合网| 哪里可以看毛片| 一级成人片在线观看| 亚洲熟妇在线| 亚洲天堂在线播放| 国产在线播放91| 永久免费一区二区三区| 久久精品视频免费看| 亚洲AV无码免费| 黄色免费高清视频| 亚洲色偷精品一区二区三区| 强伦轩人妻一区二区三区最新版本更新内容 | 波多野结衣无码高清视频| ⅴA日本成人| 国产精品一区二区在线观看| 精品视频一区二区三区| 日韩AV自拍| 91无码电影| 黄色片网站视频| 四川BBB搡BBB搡多人乱| 亚洲AV无码成人精品久久久| 深夜福利网| 一区无码免费| 韩国精品无码| 日韩AA视频| 日韩不卡一区| 无套影院| 成人大片在线观看| 亚洲一区中文字幕成人在线| 夜夜撸天天干| 亚洲欧美综合| 亚洲性爱在线视频| 国产av高清| 夜色视频网| 成人二区| 亚洲天堂在线看| 伊人中文字幕| 国产五月天婷婷| 97精品国产| 天堂网色| 肏屄网站| 3D动漫精品啪啪一区二区竹笋| 黄色在线免费看| 日本亚洲中文字幕| 美女毛片视频| 四虎日韩| 久久91| 操逼逼综合网| 91性爱小视频| 四色永久成人网站| 91香蕉在线观看视频在线播放| 91视频网站在线| 少妇456| 18久久| 日韩一级乱伦| 永久免费看片视频| 天天拍夜夜爽| 不卡av在线| 日本在线免费视频| 国产乱轮视频| 黄色一级片在线| 国产无码免费视频| 91成人在线电影| 亚洲欧美日韩黑料吃瓜在线观看| 影音av资源| 操逼91视频| 91嫩逼| 国产无遮挡又黄又爽又| 91啪啪视频| 久久动态图| jizzjizzjizzjizz| 日韩高清无码观看| 在线免费黄色视频| 超碰在线精品| 亚洲一线播放| 亚洲乱伦中文字幕| 国产欧美一区二区三区特黄手机版 | 欧美成人精品无码网站| 成人亚洲AV| 人人草人人搞| 台湾成人视频| 一级一级a免一级a做免费线看内裤| 亚洲一级内射| 日韩AV中文字幕在线播放| 亚洲日韩在线播放| 亚洲三级在线视频| 成人做爱免费看| 亚洲无码制服| 俺去也在线播放| 日韩国产AV| 亚洲一级性爱| 91丨九色丨蝌蚪丨肥女| 婷婷内射| 久久久久亚洲AV无码成人片| 色欲av在线| 日韩久久网站| 亚洲精品成人片在线观看精品字幕| 亚洲涩情91日韩一区二区| 五月色婷婷综合| A级无码| 特黄色视频| 美女性爱3P视频| 毛片在线观看视频| A级片免费看| 日日精品| 午夜精品人妻无码| 色欲成人AV| 国产视频无码| 九九热这里有精品| 午夜性爽视频男人的天堂| 免费黄片视频在线观看| 中文在线不卡| 大香蕉一区二区三区| 久操亚洲| 又大又长又粗91| 91网站在线看| 一色综合| 国产精品乱码毛片在线人与| 亚洲日韩中字| 91吴梦梦无码一区二区| 国产精品主播| 人妻懂色av粉嫩av浪潮av| 激情五月天视频| 欧美性交一区二区| 国产美女被| 国产精品A片守望| 无码乱码在线观看| 精品无码免费看专区| 天天色情| 久久久久亚洲AV无码网影音先锋| 国产精品三级| 免费无码AV| 骚逼日本| 北条麻妃视频| 逼特逼视频在线观看| 欧美激情色色| 欧美激情另类| 五月丁香婷婷激情综合| 91视频久久| 天天操视频网站| 先锋影音av在线| 久久永久免费视频| 国产亚洲综合无码| 久久久毛片| 婷婷国产在线| 亚洲欧美日本在线| 超碰av在线| 一级性爱| 精品久久无码| 久久香蕉综合在线| 九九九成人网| 99视频在线精品| 伊人综合久久| www.青青草| 九九热视频在线观看| 青草成人在线| 日本A片在线观看| 波多野结衣一区二区三区在线观看| 欧美大鸡巴视频| 久久久在线| 色哟哟无码| 五月天成人导航| 人人妻人人澡人人爽久久con| 一级黄色免费电影| 一级免费黄色视频| 91香蕉国产成人App| 亚洲AV成人无码精在线| 看一级黄色片| 午夜福利在线播放| 一区二区操逼| 久久视频免费观看| 性生活无码| 天堂中文在线a| 亚洲无码免费观看| 欧洲成人免费视频| 无码成人在线| 无套内射免费视频| 久久久久久国产| 亚洲V国产v欧美v久久久久久| 永久在线| 日逼操| jizzjizz国产| 成人无遮挡| 1000部毛片A片免费视频| 亚洲乱码一区| 免费A片在线观看| 一级国产欧美成人A片| 欧美视频区| 西西4444WWW无视频| 99热99| 亚人精品中文字幕在线观看| 久久色片| 99成人精品| 五月久久婷婷| 国产精品夜夜爽7777777| 国产精品一色哟哟哟| 亚洲日韩一区二区三区四区| 日韩人妻精品中文字幕免费| 国产在线视频一区| 国产三级视频在线| 成人一区二区三区四区五区| 日韩群交| 成人欧美大片黄18| 精品成人视频| 欧美精品不卡| 亚州一级二级| 一级片在线播放| 一级a一级a免费观看视频Al明星| 中文字幕成人在线观看| 99热一区二区三区| 91丨牛牛丨国产人妻| 亚洲AV成人无码精在线| 亚洲AV无码乱码精| 黄视频免费| 黄91在线观看| 成人二区三区| 国产欧美在线| 黄色美女网站| 日韩一级二级三级| 人人操人人操人人操人人操| 天堂网中文在线| 中国熟妇| 亚洲,制服,综合,中文| 国产a片免费看| 久久视频免费在线观看| 大香蕉伊人青青草| 91就要爱爱视频| 激情小说区| AV网站免费观看| 成人做爰黄A片免费视频网站野外| 99久久亚洲精品日本无码| 两根茎一起进去好爽A片在线观看| 操操操操操| 青青AV| 国产欧美日韩一区二区三区| 久久尹人| 黄片WWW| 人妻性爱| 97在线观看视频| 亚洲日韩Av无码中文字幕美国| 精品孕妇孕交无码专区| 五月婷视频| 久久毛片基地| 欧美理伦| 懂色午夜福利一区二区三区| 亚洲热在线| 亚洲最大无码| 婷婷精品国产一区二区三区日韩| 狠狠干2025| 亚洲videos| 国产另类自拍| a网站免费观看| 性少妇| av资源在线播放| caopeng97| 97超碰资源总站| 亚洲中出| 成人做爰黄级A片免费看土方| 久久久精品电影91| 国产91在线视频| 欧美一级特黄A片免费看视频小说 东北嫖老熟女一区二区视频网站 国产丨熟女丨国产熟女视频 | 影音先锋女人aV鲁色资源网站| 国产熟女一区二区视频网站| 刘玥91精品一区二区三区| 午夜看片| 丁香五月激情小说| 久久久久久久久久国产| 亚洲V在线| 国产精品V日韩精品V在线观看| 国产精品久久久久久最猛| 一级A片视频免费看| 高清无码免费在线观看| 青青草97国产精品麻豆| 一级欧美日韩| 婷婷丁香五月社区亚洲| 超碰免费91| 激情爱爱网站| 操逼免费视频网站| AV在线大香蕉| www日本色| 人人操人人干97| 69av在线| 伊人大香蕉在线观看| 操屄视频在线观看| 2018天天干天天操| 97大香蕉视频| 激情视频免费在线观看| 豆花视频久久| 青青草娱乐视频| 99久免费视频| 久久久久中文字幕| 成人无码欧美大片免费看| 九九视屏| 日韩精品在线免费视频| 亚洲综合五月天婷婷丁香| 成人免费毛片AAAAAA片| 亚洲精品a| 婷婷激情久久| 国产色哟哟| 婷婷九月| 亚洲欧美成人电影| 成人黄色视频网站在线观看| 操逼激情网| 国产青草视频| 成人网中文字幕| 一本一道波多野结衣潮喷视频| 久久中文无码| 日本少妇性爱视频| 久久久无码人妻精品无码| 人妻精品一区二区在线| 99成人乱码一区二区三区在线| 亚洲乱伦| 午夜大香蕉| 亚洲色图在线观看| 91久久爽久久爽爽久久片| 日本无码中文字幕| 人人操操| 久久99精品视频| 中文字幕一区二区三区四虎在线| 婷婷五月天无码| 天堂在线中文字幕| 超碰一级片| 日韩操B视频| 操逼网国产| 日批网站视频| 毛片毛片毛片毛片毛片| 国产麻豆性爱视频| 日韩成人视频在线| 久久综合五月天| 久久福利社| 操操网站| 婷婷无码在线| 骚妇大战黑人15P| 最近中文字幕在线中文字幕7| 亚洲天堂网在线视频| 人人草在线观看| 国产成人AV在线观看| 三级AV网站| 中国免费XXXX18| 超碰在线精品| 亚洲国产激情视频| 一本色综合亚洲精品| 久久草在线播放| 一插综合网| 日韩av在线电影| a级网站| 国产免费高清| 永久免费一区二区| 高清无码波多野结衣| 先锋影音麻豆| www.91国产| 在线播放JUY-925被丈夫上司侵犯的第7天| 日韩精品中文字幕无码| 精品久久精品| 欧美色色色色色色| 国产永久免费| 大香蕉久久爱| 天天噜| 欧美在线中文字幕| 无码视频在线免费观看| 大香蕉尹人| 日韩女人性爱| 五月天激情午夜福利| 抠骚逼| 国产九九精品| 欧美日韩加勒比| 中文字幕成人在线播放| 狼友免费视频| 99精品国产热久久91色欲| 黑人一区二区三区四区| 18啪啪网站| 成人无码国产| 四虎影院在线| 五月无码| 97人妻精品一区二区三区视频| 欧美性受XXXX爽XYX熟99| 国产高清一区二区| 人人妻人人| 操逼免费网站| 久久精品99| 北条麻妃一区二区三区-免费免费高清观看 | 91人妻日韩人妻无码专区精品| 91国产视频网站| 国产精品国产三级国产专区52| 午夜尤物| 国产亚洲精品成人a| 好操吊| 日韩人妻丝袜中文字幕| 亚洲欧美日韩色图| 操日韩| 尤物AV| 国产福利av| 搡BBB搡BBBB搡BBBB-百度| 午夜性爽视频男人的天堂| 午夜午夜福利理论片在线播放| 豆花视频成人网站入口| 久久久久中文字幕| 亚洲香蕉影院| 可以免费看的黄色| 九九九九色| 日韩在线视频免费| 日本中文字幕电影| 日本不卡一区| 亚洲福利女神成人福利| 五月天超碰| www.av在线播放| 啪啪免费| 久久探花| 成年人在线观看视频网站| 成人性爱免费视频| 2021无码| 精品福利在线观看| 国产高清无码片| 成人无码欧美大片免费看| 96精品| 免费在线看A| 91精品在线观看视频| 啪啪视频最新地址发布页| 日本久久久| 91av电影| 永井玛丽亚av无码中出流出| 大香蕉伊人成人| 五月天久久久久久久| 亚洲成人网站免费观看| 国产成人精品一区二| av无码中文| 在线观看日本vs欧洲vs美洲| 精品无码一区二区三区四区| 91鸡巴| 国产精品一区二区AV日韩在线| 日韩在线二区| 国产一区二区电影| 97自拍| 欧美草逼视频| 亚洲午夜福利| 干日本少妇| av手机天堂网| 99日韩精品| 久久不射| 人人操av| 亚洲第一黄色| 久久六月天| 国产综合无码| 男人天堂新地址| 豆花视频logo| 口爆在线观看| 亚洲天媒在线播放| 国产香蕉在线播放| 亚洲AV无码蜜桃| 亚洲激情在线观看| 日本操逼电影| 日本在线观看| 成人777| 中文字幕高清在线中文字幕中文字幕 | 国产精品6| 国产一级a| 天天综合字幕一区二区| 在线观看中文字幕一区| 青青草无码在线| 一级片欧美| 欧美性爱综合网| 奶大丰满一乱一视频一区二区三区在| 欧美爱爱视屏| 亚洲精品国产精品国自产| 精品欧美一区二区三区久久久| 中文字幕在线观看免费高清电影| 福利二区| 免费成人国产| 超碰蜜桃| 91在线综合| 青草青视频| 人妻无码一二三区免费| 嫩草A片www在线观看| 国产精品色情| 欧美精品18| 亚洲www啪成人一区二区麻豆| 精品无码一区二区三区四区久久久软件| 成人一区二区三区四区五区| 色色色色综合| 亚洲三级电影| www.蜜桃| 亚洲一区免费| 美女超碰| 蜜芽AV在线| 日本A片在线观看| 午夜啪啪网站| 无码逼逼| 国产成人性爱| 国产福利网站| 午夜亚洲AV永久无码精品蜜芽| 欧美老熟妇BBBBB搡BBB| 一卡二卡三卡| 天堂毛片| 亚洲AV在线人妻| 一本色道无码人妻精品| 亚洲成人在线无码| 偷拍第一页| 性感成人在线| 99久久成人| 一道本无码在线播放| 大香蕉网视频| 最新中文字幕观看| 91精品视频在线免费观看| 狠狠操天天干| 国产一区二区在线视频| 亚洲精品性爱| 天堂va欧美ⅴa亚洲va一夜| 国产av不卡| 一级a片免费看| 国产精品一品二区三区的使用体验 | 嗯啊在线视频| 日韩成人黄片| 亚洲欧美一区二区三区在线| 就操| av青草| 操逼啦| 天堂综合网| 色综合五月婷婷| 亚洲永久免费精品| 成人爽a毛片一区二区免费| 欧美人操逼一二区| 北岛玲丝袜办公室高跟| 人人爱人人爽| 69AV在线观看| 能看的黄色视频| 老太婆擦BBBB撩BBBB| 欧美色就是色| 久久永久免费精品人妻专区| 成年人免费毛片| 日韩在线视频91| 成人久久| 内射视频免费看| AV网站免费在线观看| 天堂中文在线视频| 广西少妇BBwBBwBBw| 成人精品秘免费波多野结衣| 亚洲无码专区在线| 2019中文字幕在线| 欧美成人电影在线观看| 国产黄色精品视频| 强伦轩人妻一区二区三区最新版本更新内容 | 大香蕉a片| 7799精品视频| 日本特黄一级| 爱逼综合网| 抽插免费视频| 日韩| 2025av中文字幕| 亚洲AV无码久久久| 久肏| 色婷婷艹| 欧美性综合网| 久久免费视屏| 黄片网站在线观看| 最新亚洲无码在线观看| 中文字幕在线高清| 男女啊啊啊| 日韩一级黄色电影| 亚洲无码高清免费| 真实野外打野视频| 国产免费黄色视频| 亚洲综合人妻| HEZ-502搭讪绝品人妻系列| 就去色色五月丁香婷婷久久久| 91熊猫| 97一区二区三区| 日韩在线一级片| www.操| 国产一区在线视频| 午夜成人国产| 高清无码二区| 亚洲有码中文字幕| 午夜在线无码| 国产黄色免费乱伦片| 大奶一区二区| 日韩免费三级| 亚洲AV无码专区在线播放中文| 亚洲无码A片在线观看| 亚洲啊V| 少妇搡BBBB搡BBB搡造水多/ | 大香蕉综合网站| 男插女青青影院| 国产乱伦片、| 亚洲日韩三级| 日本一区二区三区免费视频| 亚洲视频一区二区三区| 影音先锋av网| 欧美色视频在线观看| 久久电影五月天| 色国产在线| 久草综合在线| 色婷婷AV在线观看| 亚洲日本黄色视频| 精品无码一区二区| 69国产精品视频免费观看| 黄色AV天堂| 9l视频自拍蝌蚪9l视频成人| 久久久WWW成人免费精品|