Rails 应用开发笔记（八）

liuxingqi bio photo By liuxingqi Comment

无论是社交网站还是论坛，个性鲜明的头像可以很好的彰显你的个性和增加辨识度，但是对于开发简单的应用而言， 这确实是一件很麻烦的事情，保存用户的头像需要占用磁盘空间，也要想办法去控制图片的大小尺寸和分辨率，想想都 据的头疼，然而 gravatar 却为我们提供了一个很好的方案，你只需要提供给 email 地址，它会自动为你生成头像，并且提供个性化定制和尺寸控制，关键是使用起来非常简单，大量的网站采用了 gravatar。

gravatar 提供了多种语言的代码实例，以下是ruby版本的：

# include MD5 gem, should be part of standard ruby install
require 'digest/md5'

# get the email from URL-parameters or what have you and make lowercase
email_address = params[:email].downcase

# create the md5 hash
hash = Digest::MD5.hexdigest(email_address)

# compile URL which can be used in <img src="RIGHT_HERE"...
image_src = "http://www.gravatar.com/avatar/#{hash}"

Code Samples/Reference Implementations

由于我们需要在视图的多个地方使用到 avatar，所以做好的办法是将其实现封装成一个helper方法，另外我们 需要有个字段来保存 avatar url，而不用每次都计算：

#app/models/user.rb
class User
  ...
  field :avatar_url, type: String
  ...
end

#app/helpers/application_helper.rb
#添加size参数的作用是为了方便控制图片的大小
def avatar_url(user, size = 200)
  if user.avatar_url.nil?
    hash = Digest::MD5::hexdigest(user.email.downcase)
    user.avatar_url = "http://www.gravatar.com/avatar/#{hash}"
    user.save
  end
  user.avatar_url + "?s=#{size}"
end

要在导航栏和首页文章标题的开头来显示用户的头像，我们需要使用 image_tag 标签，：

#app/views/layouts/application.html.erb
...
<ul class="nav navbar-nav navbar-right">
  <li class="dropdown">
    ...
    <%= image_tag avatar_url(current_user, 20) %>
    <ul class="dropdown-menu">
...

#app/views/articles/home.html.erb
...
<% @all_articles.each do |article| %>
  <li class="list-group-item">
    <h4>
    <%= image_tag avatar_url(article.user, 30) %>
    <%= link_to article.title, user_article_path(article.user, article) %>
  </h4>
  </li>
<% end %>
...

刷新页面就可以看到头像了：

comments powered by Disqus