iOS之JSPatch修改指定控件的文本

前言：最近用JSPatch修复了线上App一个UILabel文本写错的Bug。其中过程记录下来，希望对大家有帮助。

场景

事情是这样的，我们的客户给我们反馈一个问题，发来了一个照片。
如下图显示，我们的一个UILabel的文本写错了。

解决问题

使用我们鼎鼎大名的JSPatch热修复。
思路一：重写该UILabel所在的方法，但是该方法内容太多了，改起来太麻烦了，不行。
思路二：在该UILabel所在类，新增一个方法遍历self.view的所有控件，找到文本是身份证照片上传的UILabel，然后修改这个UILabel的文本。但是在上图中，有两个文本是身份证照片上传的UILabel，第二个是正确的，所以还要只处理第一个，第二个不用管。
嗯，思路二不错，就用你啦！

这里主要分三步走：
1.在本地写OC代码测试修改的效果
2.把OC代码转换成对应的JS代码，通过JSPatch在本地测试
3.在JSPatch官网上分发JS代码到客户端

第一步

在本地写OC代码测试修改的效果。
新增以下两个方法,第二个方法遍历self.view的所有控件，找到文本是身份证照片上传的UILabel，然后修改这个UILabel的文本。

- (void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
    
    [self findSubView:self.view];
}

// 遍历view的所有控件
-(void)findSubView:(UIView*)view
{v
    for (UIView* subview in view.subviews)
    {
        if ([subview isKindOfClass:[UILabel class]]) {
            UILabel *label = (UILabel *)subview;
            if ([label.text isEqualToString:@"身份证照片上传"]) {
                label.text = @"银行卡照片上传";
                
            }
        }
        
        [self findSubView:subview];
    }
}

第二步

注释掉上面的代码，把上面的OC代码转为对应的JS代码,放在本地测试。
另外多说一句JSPatch本地测试方法使用这个API。

上面OC代码对应的JS代码

defineClass("TargetViewController", {
    viewWillAppear: function(animated) {
        self.super().viewWillAppear(animated);
        self.findSubView(self.view());
    }
}, {});

require("UILabel");

defineClass("TargetViewController", {
    findSubView: function(view) {
        var subviews = view.subviews().toJS();
        for (var i in view.subviews()) {
            var subview = subviews[i];
            if (subview.isKindOfClass(UILabel.class())) {
                var label = subview;
                if (label.text().isEqualToString("身份证照片上传")) {
                    label.setText("银行卡照片上传");
                }
            }
            self.findSubView(subview);
        }
    }
}, {});

后来发现两个文本是身份证照片上传的UILabel都改成"银行卡照片上传"了，不符合我们的需求，所以还要修改一下js代码，增加一个flag变量处理一下，只修改第一个UILabel。
最终的JS代码如下：

defineClass("TargetViewController", {
    viewWillAppear: function(animated) {
        self.super().viewWillAppear(animated);
        self.findSubView(self.view());
    }
}, {});

require("UILabel");

var flag = 0;

defineClass("TargetViewController", {
    findSubView: function(view) {
        var subviews = view.subviews().toJS();
        for (var i in view.subviews()) {
            var subview = subviews[i];
            if (flag == 0 && subview.isKindOfClass(UILabel.class())) {
                var label = subview;
                if (label.text().isEqualToString("身份证照片上传")) {
                    label.setText("银行卡照片上传");
                    flag++;
                }
            }
            self.findSubView(subview);
        }
    }
}, {});

重新测试运行结果，大功告成！

第三方

把JS代码丢到JSPatch官网分发到客户端。

总结

在需要修改文本的控件所在的类，新增一个方法findSubView:,在viewWillAppear:中调用。在方法findSubView:中遍历self.view,根据文本（如上述的身份证照片上传）找到对应的控件并做修改，如果文本是身份证照片上传控件不唯一，可以在js代码中增加一个flag变量做相应的过滤处理。

最后，感谢@bang大神写出如此牛逼的JSPatch!