前言：最近用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!
