zoukankan      html  css  js  c++  java
  • 记 tower.im 的一次重构

    原文in here: http://outofmemory.cn/wr?u=http%3A%2F%2Fblog.mycolorway.com%2F2013%2F05%2F01%2Ftower-refactor%2F

    Tower.im上线已经快半年了,这半年来我们团队小步快跑,为 tower 增加了许多新的功能,使它渐渐完善起来,在这个过程中,tower 的代码量也逐渐增加,随着时间的流逝,系统中积淀的糟糕的代码渐渐增多,于是趁着节假日的到来,花了些时间对代码做了部分重构,在这里记录下来,和大家分享。

    我们知道,重构代码,目的是为了对内让代码变得更精简,提高阅读性和可维护性,而对外不改变旧有的功能,所以首先应该分拆重构任务,一步步执行,不要想一次到位,其次,是通过测试用例保护重构过程,确保重构以后的代码仍然能正常工作。

    明确了目标和方法后,我们就可以进入具体的重构阶段了。Tower.im 使用 Ruby on Rails 这个 MVC 的 Web 框架开发,在代码的组织形式上,Rails 社区比较推崇 ‘Skinny Controller, Fat Model’,因此,这次的代码重构主要在 Controller 层和 Model 层进行。

    我们来看一个具体的例子。在 Tower 中,像任务、讨论、文档、文件这样的基础资源,都对应着自己的 Controller,比如任务对应着 todos_controller,讨论对应 messages_controller,这些 controllers 里面定义着一些接口方法,比如对这些基础资源进行增删改等等。在旧有代码中,最复杂的一个方法是为这些基础资源添加评论。这个方法的名称叫 comment,让我们看看老的代码长什么样:

    def comment
      @message = @project.messages.active.find_by_guid(params[:muid])
      return render_404 if @message.blank?
     
      content = params[:comment_content]
      if 1 == paras['_wysihtml5_mode'].to_i
        content.gsub! '</div>', '<br/></div>'
        content = Sanitize.clean(content, Sanitize::Config::BASIC)
      else
        content = Sanitize.clean(content).gsub(/[
    
    ]{1,2}/, '')
      end 
     
      if 20000 < content.bytesize
        render json: { errors: [{msg: '内容最多支持 5000 字,太长了保存不了哦',
          target: :comment_content}]}, status: 500
        return
      end 
     
      attach_guids = params[:attach_guids].present? ? 
        params[:attach_guids].split(',') : [] 
     
      if content.blank?
        if attach_guids.empty?
          render json: {erros: [{msg: '没有输入内容哦',
            target: :comment_content}]}, status: 500
          return
        else
          pic_count = 0
          filenames = attach_guids.map do |guid|
            ta = current_member.tmp_attachments.find_by_guid(guid)
            pic_count += 1 if ta.content_type.starts_with?('image/')
            ta.name
          end
     
          content = ((0 &lt; pic_count ? "[#{pic_count}P]" : "") + 
            filenames.join(', ')).truncate(200)
        end
      end 
     
      @message.cc_members = params[:cc_guids].respond_to?(:split) ?
        params[:cc_guids].split(',') : []
      @message.last_commentator = current_member
      @message.last_comment_at = DateTime.now
      @message.last_conn_guid = live_conn_guid
      @message.save! 
     
      comment = @message.comments.create(content: content,
        creator: current_member, last_conn_guid: live_conn_guid) 
     
      if attach_guids.any?
        tmp_file_dir = "#{::Rails.root.join('files', 'tmp')}"
        attach_guids.each_with_index do |guid, index|
          ta = current_member.tmp_attachments.find_by_guid(guid)
          tmp_file_path = File.join(tmp_file_dir, "#{ta.guid}")
          tmp_file = File.open(tmp_file_path, 'r') 
     
          comment.attachments.create(team: current_team, attachtarget: @project,
            creator: current_member, byte_size: ta.byte_size,
            content_type: ta.content_type, name: ta.name, file: tmp_file, position: index)
        end
      end 
     
      comment.reload
      comment.create_event_add(current_member)
      comment.send_new_comment_emails(current_member) 
     
      @message.reload 
     
      render json: {
        guid: comment.guid,
        html: render_to_string(
          partial: 'comments/comment',
          locals: {comment: comment}
        )
      }
    end

    是不是快崩溃了?这么长的代码,既难以阅读,也难以维护,必须重构。先让我们看看重构以后的结果:

    def comment
      return render_404 unless @message.is_active?
     
      content, cc_members, attach_guids = comment_params
      comment = @message.create_comment(content, current_member,
        live_conn_guid, attach_guids, cc_members)
     
      render json: {
        guid: comment.guid,
        html: render_to_string(
          partial: 'comments/comment',
          locals: { comment: comment }
        )
      }
    end

    是不是好多了?我理解的重构的核心口诀是“拆”,把复杂代码中的逻辑进一步细分、拆散,放到它应该属于的地方。在拆的过程中,应该考虑到复用,那些拆出来的逻辑应该最大程度的和其它代码共享,达到 DRY 的目的。具体对于comment 这个接口来说,我们做了如下的几个重构的步骤:

    1. 在 controller 中使用 before_filter 注入全局对象

    在 comment 方法的第一行,可以看到我们通过 find_by_guid 方法获取了 @message 对象,虽然只是一行代码,但是考虑到整个 messages_controller 里面,绝大多数方法都会复用它,所以可以在 controller 里面定义一个 before_filter 方法, 来为需要的接口注入 @message 对象:

    before_filter :load_message_instance, only: [:comment]

    only 后面可以指定这个 controller 里面有哪些方法是通过 load_message_instance 来注入 @message 变量,接下来,只需要在 messages_controller 里面定义一个 load_message_instance 的 private method 就可以了:

    private
     
      def load_message_instance
        @message = @project.messages.find_by_guid! params.fetch :muid
      end

    这样首先通过 before_filter,DRY 掉了 controller 里面绝大多数方法重复的一行代码,虽然看上去微不足道,但是随着 controller 的扩展,积少成多,能让你的代码保持精简。

    2. 使用 params helpers 封装评论所需参数

    我们知道,controller 中的方法很多时候只是做一个“中转”:接收 http 请求,获取 GET/POST 参数,对参数进行处理后,交由 model 层对数据进行操作,最后将数据经过某种方式的 render 后,返还给浏览器。而在这个中转过程中,我们有大量的操作是在对请求参数做处理,比如在旧版本的 comment 方法中,我们对评论内容进行了过滤,对抄送的成员和附件进行了参数组装,这些操作其实可以放在一个 helper 方法里面来完成,而且考虑到除了 messages_controller 外,其它资源对象的 comment 方法其实在最开始都会对参数进行同样的处理,所以我们可以直接把对 comment 方法的 params 处理封装成一个 application_helper 方法:

    def comment_params
      cc_members = params[:cc_members].respond_to? (:split) ? 
        params[:cc_guids].split(',') : []
      attach_guids = params[:attach_guids].present? ? 
        params[:attach_guids].split(',') :[]
      content = get_safe_content(params[:comment_content],
                                 1 == params['_wysihtml5_mode'].to_i,
                                 attach_guids)
     
      [content, cc_members, attach_guids]
    end

    可以看到,这个在 application_helper 中的方法,实际上只是对三个 POST 参数进行了相应的处理,最后以数组的形式返回,而这个 comment_params 方法中,又有一次小的重构,即通过 get_safe_content 方法对复杂的 content 进行处理,实际上这里仍然可以继续优化下去,不过就目前为止,已经足够了。这样,在messages_controller 里面,我们通过数组的连续赋值特性,就可以一行代码获取数据层实际上需要的数据了:

    content, cc_members, attach_guids = comment_params

    哇,这样又精简掉了一大堆丑陋的代码。

    3. 将模型验证放进模型中

    细心的童鞋应该会发现,重构后的代码里面没有任何的错误处理,是我们去掉了这部分代码么?实际上并没有,在 Rails 里面,对数据的合法性验证往往是放在 model 层去处理的,controller 只需要“中转”,没必要去判断。Rails 的 model 类往往会使用一系列的 validators 来对数据进行合法性验证,比如旧有代码里面,我们需要对 content 的长度和是否为空进行判断,其实只需要在 comment 的 model 里,用一个 validates 语句就能搞定:

    validates :content,
              presence: { message: "没有输入内容哦" },
              length: { maximum: 20000,
                        too_long: "内容最多支持 5000 字,太长了保存不了哦" }

    这样,当 content 本身为空,或者超过长度限制的时候,model 会直接 raise 错误信息,当然,更进一步的,你还可以把错误信息本身放到 I18n 里面,全站复用。

    这个改动涉及到 Rails 框架本身的习惯,你当然也可以在 controller 层去做数据验证,但是使用 model 层自己的 validates,才是在正确的地点,做正确的事情。

    4. 使用Concerns抽象模型结构

    最后,是这次优化的重头戏。Rails 社区虽然提倡 ‘Skinny Controller, Fat Model’,但在实际开发中,太 fat 的 model 层也是很让人头疼的,所以我们引入了Concerns 机制来对模型层进一步做抽象。关于 Concerns ,大家可以参考DHH的这篇文章:Put chubby models on a diet with concerns

    对于 tower 来说,基础资源都可以被评论,这个意思是指,每个基础资源的模型都 has_many comments,每个基础资源的模型都有一个 cc_members 字段保存着当前的抄送成员的 id 数组,在 model 中也有一系列的方法来实现对 cc_members 的操作,这些代码其实大部分都可以重用,而且它们都从侧面反映出一个实时,就是基础资源模型本身,应该是一个 commentable 的抽象。因此,我们可以使用 concerns 实现这个抽象:

    module Extensions
      module Commentable
        extend ActiveSupport::Concern
     
        included do
          has_many: comments, as: :commentable, dependent: :delete_all
          belongs_to :last_commentator, class_name: :Member
        end
     
        def create_comment(content, creator, live_conn_guid, attach_guids, cc_members)
          # 具体代码省略
        end
     
        def cc_members= (guids)
          # 具体代码省略
        end
     
        def cc_members
          # 具体代码省略
        end
     
        def cc_member_add(member)
          # 具体代码省略
        end
      end
    end

    可以看到,在这个 Commentable 里面,我们抽出了所有 Commentable 对象所应该具有的关系,并且创建了一系列的方法供基础资源使用,这些方法不是接口方法,它们不仅定义了方法名称和参数,还实际提供相应的功能,在完成了这个 concern 以后,我们就可以通过 Module Mixin 的方法,把这个 commentable concern 混入所有基础资源模型里面了:

    class Message < ActiveRecord::Base
      include Extensions::Commentable
    end

    这样,我们只需要在 @message 这个资源对象上调用 create_comment 方法,传入合适的参数,就能完成创建评论的操作了,核心还是,让 model 层去做关于数据的处理,controller 只需要做中间的中转即可。

    Concerns 非常强大,在 Tower 中,像 回收站(trashable)、星标(starable) 等很多功能,都能通过 Concerns 来做抽象,让代码保持简洁。在 Rails4 中,Concerns 也被默认加载,算是众望所归吧。

    总结

    以上就是对 Tower.im 的一次简单的代码优化,当然,可以做的还有很多,不过目前这个 comment 方法已经可以让人轻松理解,我们的重构目的达到。

    再总结一下优化过程:在 Tower 里面拆分任务,小步改进(把复杂的代码先从方法中剥离出来,放到它应该放在的地方),跑通测试,然后循环往复。

    最后推荐大家一个网站:Code Climate,如果你的项目也使用Rails框架,可以把代码放到上面跑一跑,看看最后是个什么级别的呢?

  • 相关阅读:
    与 字符串 相关的操作 -- lua语言实现(带有浓厚的 lua 语法特性)
    03-BFC
    11-canvas
    JavaScript知识点 思维导图
    文件系统 函数
    Meta标签大全
    PHP 快速排序
    天气预报API开发
    Zend Studio XDebug调试配置
    启程
  • 原文地址:https://www.cnblogs.com/code-style/p/3503896.html
Copyright © 2011-2022 走看看