Bugtags 遠程配置功能介紹

遠程配置顧名思義是在不發版的狀況下,更改應用的行爲和外觀。
舉個例子,以下圖:
在 Demo Page 中,BUTTON 的顏色不同,若是想實時修改按鈕顏色,測試不一樣顏色的按鈕實際點擊狀況,該怎麼作呢?html

Demo Page

其實很簡單,只須要三步:vue

  • Web 雲平臺建立遠程配置
  • 客戶端添加代碼
  • 開始測試

Web 雲平臺建立遠程配置

進入遠程配置,點擊建立參數

進入遠程配置

PS:遠程配置與企業版是單獨收費的,新用戶建立公司後能夠免費體驗 15 天,若想購買遠程配置請聯繫公司擁有者。android

填寫參數信息

建立參數

上圖中,紅框與綠框區域一下子咱們會在代碼中用到。ios

設置下發規則

在下發規則中,能夠指定下發版本、比例、範圍、用戶屬性,請根據本身的實際狀況進行設置。web

下發規則

上圖中,已經指定下發版本 > 2.0.1,下發比例 50%,設備類型包含 iPhone 7 與 iPhone 7 Plus。markdown

遠程配置建立完成

建立完成後,會有配置測試方法的提示,將這些代碼添加到初始化 Bugtags SDK 中。app

建立完成
上圖爲 iOS 開啓測試狀態的代碼。測試

客戶端添加代碼

如今,須要調用遠程配置,根據參數判斷按鈕的顏色。ui

請確保集成 Bugtags SDK 2.0.0 以上版本,而後添加如下代碼:url

iOS

UIButton *bottomButton = [UIButton buttonWithType:UIButtonTypeCustom];
NSInteger flag = [[Bugtags remoteConfig] integerForKey:@"bottom_btn_color"]; //這裏的參數名要與建立參數的名稱一致
UIColor *color = nil;
switch (flag) {
    case 1: //這裏是參數值
        color = [UIColor redColor];
        break;
    case 2: //這裏是參數值
        color = [UIColor greenColor];
        break;
    case 3: //這裏是參數值
        color = [UIColor blueColor];
        break;
    default:
        color = [UIColor blackColor];
        break;
}
[bottomButton setTitleColor:color forState:UIControlStateNormal];

Android

//find text view
TextView textView = (TextView) findViewById(R.id.bottomButton);
int color = Bugtags.remoteConfig().getInteger("bottom_btn_color");
switch (color) {
    case 1:
        textView.setTextColor(Color.RED);
        break;
    case 2: 
        textView.setTextColor(Color.GREEN);
        break;
    case 3:
        textView.setTextColor(Color.BLUE);
        break;
    default:
        textView.setTextColor(Color.BLACK);
        break;
}

開始測試

遠程配置列表頁

咱們看到,剛建立的參數已經到了開發環境。一共分爲三個環境:

  • 開發環境:開發人員使用,建立者與應用管理員可任意編輯該參數。注意,開發環境中的參數沒法下發到客戶端,請先同步到測試環境後進行測試。

  • 測試環境:內部測試使用,僅支持修改描述、下發比例與下發值,只有應用管理員能夠發佈到生產環境。

  • 生產環境:線上用戶使用,僅支持修改描述、下發比例與下發值,只有應用管理員能夠操做該參數上線、下線或刪除。

若想更改客戶端中按鈕的顏色,只須要切換參數值便可。

切換參數值

若是你的應用線上版本是在 Live 模式,能夠點擊同步到 Live,同步後默認是線下狀態,請手動上線該參數。

好了,遠程配置的介紹就到這裏,快去試試吧!

若是還有疑問,歡迎加入 Bugtags QQ 羣:428020377,咱們盡力爲你解決!

相關文章
相關標籤/搜索