Microsoft CodePush 研究報(bào)告

1. 功能

1.1 三種更新策略選擇:

  • 靜默模式(slient mode): 無提示的直接安裝新的更新驼鞭,可以更新起效的時(shí)間點(diǎn):
    • IMMEDIATE 立即生效椅棺,activity重啟;
    • ON_NEXT_RESTART 下一次應(yīng)用restart
    • ON_NEXT_RESUME 下一次應(yīng)用resume或者restart時(shí)
  • 選擇模式(active mode): 彈出一個(gè)對(duì)話框定庵,提示用戶升級(jí)西篓,由用戶決定;
  • 自定義模式(custom mode): CodePush 提供了onSyncStatusChange 和 onDownloadProgress的回調(diào)函數(shù)的使用方法炉爆,可以通過自定回調(diào)函數(shù)以達(dá)到自定義的更新流程的功能

1.2 注冊(cè)使用

2. 基本架構(gòu)

涉及到Javascript部分和Java部分堕虹,值得注意的是兩部分均有網(wǎng)絡(luò)訪問服務(wù)器的功能卧晓,Javascript部分的網(wǎng)絡(luò)訪問請(qǐng)求主要是檢查是否有更新,而Java部分的網(wǎng)絡(luò)訪問請(qǐng)求則是下載更新包,猜測(cè)CodePush將檢查是否有更新放到Javascript里可能是考慮到該接口可能會(huì)有更改赴捞,比如報(bào)文字段逼裆,而下載更新包的接口實(shí)質(zhì)是給定資源地址,不存在請(qǐng)求參數(shù)赦政,所以變動(dòng)不大胜宇。

CodePush for RN
CodePush for RN

2.1 JavaScript部分


CodePush.js

熱更新js端入口文件,其實(shí)質(zhì)是一個(gè)對(duì)應(yīng)用的根組件的進(jìn)行裝飾的裝飾類.

// CodePush.js
var decorator = (RootComponent) => {
    return class CodePushComponent extends React.Component {
        componentDidMount() {
            // ...
            CodePush.sync(options,...);
        }
        render() {
            return <RootComponent {...this.props} ref={"rootComponent"} />;
        }
    }
};
if (typeof options === "function") {
// Infer that the root component was directly passed to us.
    return decorator(options);
} else {
    return decorator;
}
// 不使用CodePush的寫法
class myApp extends Component {
    //…
};
AppRegistry.registerCompent("myApp", () => myApp);

/************************************************/

// 使用CodePush的寫法
class myApp extends Component{
    //…
};

let CodePushOptions = { //設(shè)置一些CodePush相關(guān)屬性
    //…
    }; 
let CodePushApp = CodePush(CodePushOptions)(myApp); //裝飾myApp
AppRegistry.registerCompent("myApp", () => CodePushApp);

AcquistionManager

與后臺(tái)服務(wù)器通信的SDK文件恢着,負(fù)責(zé)檢查更新請(qǐng)求的發(fā)送等內(nèi)容桐愉,注意下載更新包的請(qǐng)求并不式j(luò)s端完成,而是在Java端完成掰派;

  • queryUpdateWithCurrentPackage() 根據(jù)當(dāng)前的安裝包信息查詢更新情況
  • reportStatusDeploy() 向服務(wù)器上傳信息
  • reportStatusDownload() 向服務(wù)器上傳信息

RestartManager

維持一個(gè)_restartQueue數(shù)組从诲,提供以下四個(gè)函數(shù)

  • allow() 設(shè)置_allowed變量為true,如果隊(duì)列中不為空靡羡,則執(zhí)行restartApp(_restartQueue.shit(1))
  • clearPendingRestart() 清空隊(duì)列,即_restartQueue = []
  • disallow() 設(shè)置_allowed變量為false
  • restartApp() 進(jìn)一步調(diào)用NativeCodePush.restartApp()

NativeCodePush

JavaCodePushNativeModuleJS端的調(diào)用對(duì)象,用于調(diào)用Native的方法.

let NativeCodePush = require("react-native").NativeModules.CodePush;

2.2 Java部分


CodePush.java

一個(gè)ReactPackage的實(shí)現(xiàn)盏求,管理CodePushNativeModule

public class CodePush implements ReactPackage {
    // ...
    @Override
    public List<NativeModule> createNativeModules(ReactApplicationContext reactApplicationContext) {
        CodePushNativeModule codePushModule = new CodePushNativeModule(reactApplicationContext, this, mUpdateManager, mTelemetryManager, mSettingsManager);
        CodePushDialog dialogModule = new CodePushDialog(reactApplicationContext);

        List<NativeModule> nativeModules = new ArrayList<>();
        nativeModules.add(codePushModule);
        nativeModules.add(dialogModule);
        return nativeModules;
    }
}

CodePushNativeModule

定義對(duì)JS層暴露的方法:

  • getConfiguration() 獲取配置參數(shù),如appVersion亿眠、serverUrl

  • getUpdateMetadata() 獲取當(dāng)前package的app.json的內(nèi)容

  • getNewStatusReport()

  • downloadUpdate() 下載更新碎罚,實(shí)質(zhì)執(zhí)行的CodePushUpdateManager.downloadUpdate()

  • installUpdate() 安裝更新,實(shí)質(zhì)執(zhí)行的是CodePushUpdateManager.installUpdate()

  • notifyApplicationReady()

  • recordStatusReported()

  • restartApp() 調(diào)用loadBundle()(利用反射):

    private void loadBundle() {
        mCodePush.clearDebugCacheIfNeeded();
        try {
            // #1) Get the ReactInstanceManager instance, which is what includes the
            //     logic to reload the current React context.
            final ReactInstanceManager instanceManager = resolveInstanceManager();
            if (instanceManager == null) {
                return;
            }
    
            String latestJSBundleFile = mCodePush.getJSBundleFileInternal(mCodePush.getAssetsBundleFileName());
    
            // #2) Update the locally stored JS bundle file path
            setJSBundle(instanceManager, latestJSBundleFile);
    
            // #3) Get the context creation method and fire it on the UI thread (which RN enforces)
            final Method recreateMethod = instanceManager.getClass().getMethod("recreateReactContextInBackground");
            new Handler(Looper.getMainLooper()).post(new Runnable() {
                @Override
                public void run() {
                    try {
                        recreateMethod.invoke(instanceManager);
                        mCodePush.initializeUpdateAfterRestart();
                    } catch (Exception e) {
                        // The recreation method threw an unknown exception
                        // so just simply fallback to restarting the Activity (if it exists)
                        loadBundleLegacy();
                    }
                }
            });
    
        } catch (Exception e) {
            // Our reflection logic failed somewhere
            // so fall back to restarting the Activity (if it exists)
            loadBundleLegacy();
        }
    }
    
  • saveStatusReportForRetry()

CodePushUpdateManager

管理更新包的下載纳像、刪除等

  • downloadPackage( updateJsonObj ) 根據(jù)傳入的updateJsonObj對(duì)象構(gòu)造下載請(qǐng)求荆烈,并存儲(chǔ)結(jié)構(gòu)存儲(chǔ)下載的更新包
  • installPackage( updateJsonObj ) 根據(jù)傳入的updateJsonObj對(duì)象,更新codepush.json文件竟趾,codepush.json文件用于記錄當(dāng)前使用的和上一次使用的package的信息
  • rollbackPackage() 版本回滾憔购,實(shí)質(zhì)是更新codepush.json文件

CodePushTelemetryManager

管理SharedPreference中的RETRY_DELOYMENT_KEYLAST_DELOPYMENT_KEY兩個(gè)值,提供的相應(yīng)的增刪改查操作;

  • RETRY_DELOYMENT_KEY
  • LAST_DELOPYMENT_KEY

SettingsManager

管理SharedPreference中的FAILED_UPDATES_KEYPENDING_UPDATE_KEY兩個(gè)值岔帽,提供的相應(yīng)的增刪改查操作玫鸟;

  • FAILED_UPDATES_KEY 存儲(chǔ)安裝失敗的pacakage的信息(信息格式為json字符串)
  • PENDING_UPDATE_KEY 存儲(chǔ)等待安裝的pacakage的信息(信息格式為json字符串)

3. 數(shù)據(jù)存儲(chǔ)

3.1 存儲(chǔ)

  • SharedPerefence

    • FAILED_UPDATES_KEY
    • PENDING_UPDATE_KEY
    • RETRY_DELOYMENT_KEY
    • LAST_DELOPYMENT_KEY
  • 內(nèi)部存儲(chǔ)
    根目錄/data/data/com.xxx.xxx/files,即Context.getFilesDir().getAbsolutePath(),屬于應(yīng)用的私文件

- CodePush/
    - codepush.json
    - {hashcode}/
      - xxxx.bundle
      - app.json
    - {hashcode}/
      - xxxx.bundle
      - app.json
    - unzipped/ (臨時(shí),若下載的更新包是zip文件)

3.2 json結(jié)構(gòu)

// codepush.json 中的參數(shù)
{
    // ...
    currentPackage: "當(dāng)前package的hashCode值",
    priviousPackage: "上一個(gè)版本的package的hashcode值"
}
// app.json 中的參數(shù)
{
    // ...
    packageHash: "該package對(duì)應(yīng)的hashcode值",
    bundlePath: "JS bundle的相對(duì)位置"
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末犀勒,一起剝皮案震驚了整個(gè)濱河市屎飘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌贾费,老刑警劉巖钦购,帶你破解...
    沈念sama閱讀 218,682評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異褂萧,居然都是意外死亡押桃,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門导犹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來唱凯,“玉大人羡忘,你說我怎么就攤上這事】闹纾” “怎么了壳坪?”我有些...
    開封第一講書人閱讀 165,083評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)掰烟。 經(jīng)常有香客問我爽蝴,道長(zhǎng),這世上最難降的妖魔是什么纫骑? 我笑而不...
    開封第一講書人閱讀 58,763評(píng)論 1 295
  • 正文 為了忘掉前任蝎亚,我火速辦了婚禮,結(jié)果婚禮上先馆,老公的妹妹穿的比我還像新娘发框。我一直安慰自己,他們只是感情好煤墙,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,785評(píng)論 6 392
  • 文/花漫 我一把揭開白布梅惯。 她就那樣靜靜地躺著,像睡著了一般仿野。 火紅的嫁衣襯著肌膚如雪铣减。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,624評(píng)論 1 305
  • 那天脚作,我揣著相機(jī)與錄音葫哗,去河邊找鬼。 笑死球涛,一個(gè)胖子當(dāng)著我的面吹牛劣针,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播亿扁,決...
    沈念sama閱讀 40,358評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼捺典,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了从祝?” 一聲冷哼從身側(cè)響起襟己,我...
    開封第一講書人閱讀 39,261評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎哄褒,沒想到半個(gè)月后稀蟋,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,722評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡呐赡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了骏融。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片链嘀。...
    茶點(diǎn)故事閱讀 40,030評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡萌狂,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出怀泊,到底是詐尸還是另有隱情茫藏,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評(píng)論 5 346
  • 正文 年R本政府宣布霹琼,位于F島的核電站务傲,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏枣申。R本人自食惡果不足惜售葡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,360評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望忠藤。 院中可真熱鬧挟伙,春花似錦、人聲如沸模孩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽榨咐。三九已至介却,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間块茁,已是汗流浹背筷笨。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留龟劲,地道東北人胃夏。 一個(gè)月前我還...
    沈念sama閱讀 48,237評(píng)論 3 371
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像昌跌,于是被迫代替她去往敵國(guó)和親仰禀。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,976評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容