用rails做一个简单的长微博生成工具

超、凢脫俗 2022-01-14 23:41 213阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

长微博就是把文字转换成图片，主要用到的gem是[imgkit][]。

imgkit是一个通过open3来调用wkhtmltoimage生成图片的gem，源码不是很复杂，使用也很简单。

基本步骤如下：

rails new long-weibo 
    #Add imgkit and carrierwave to Gemfile and run bundle 
    rails g model weibo weibo:string image:string 
    rake db:migrate 
    rails g controller home index create

修改一下routes.rb

post "create" =>'home#create'    
       root 'home#index'

写个简单的界面home/index.html.erb

<textarea id="content" name="content">
    </textarea> 
    <a id="create" href="#create">Create</a> 
    <div id="image"> </div>

写段简单的js

$(function(){
       $("#create").click(function(){
             var content = $("#content").val();
             $.post("/create",{content:content},function(returnData){
                     $("#image").html("<img src='"+returnData+"'>");      
             });   
        }); 
    });

把controller改改

def index
      end   
      def create     
          @weibo = Weibo.create(weibo:params[:content])     
          render :text=>"#{@weibo.image.url}"   
      end

把model改改

class Weibo < ActiveRecord::Base
       after_create :generate_image   
       mount_uploader :image,ImageUploader   
       private   
       def generate_image       
           file = Tempfile.new(["template_#{self.id.to_s}", 'jpg'], 'tmp', :encoding => 'ascii-8bit')       
           #不加html标准标签中文会乱码       
           #因为textarea中的换行是\n 需要替换成br标签       
           weibo = "<!DOCTYPE html><html><head><meta charset='UTF-8'></head><body>#{self.weibo.gsub("\n","<br />")}</body></html>"       
           file.write(IMGKit.new(weibo, quality: 50, width: 600,height:0).to_jpg)
           file.flush       
           self.image = file       
           self.save       
           file.unlink   
       end 
    end

完成了，超级简陋的长微博生成工具。

源码地址： [long-weibo][]

[Jerry Tao 一个流浪的要饭的][Jerry Tao]

转载于:https://my.oschina.net/jerrytao/blog/201775

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220114/be8f4393b2c548d6ae69498df32d19fb.png
[imgkit]: https://github.com/csquared/IMGKit
[long-weibo]: https://github.com/jerry-tao/long-weibo
[Jerry Tao]: http://blog.jerry-tao.com/