Rails5.2 ActiveStorage Step by Step

最近几乎所有的web应用里面存在用户上传文件的需求,

可能是一个个性的头像,一个要卖的商品图片或者一些分类的文档。

在过去的一些年里,我们几乎都在用carrierwave或者paperclip去处理Rails的上传,现在在5.2版本里面我们有另外一种方式:ActiveStorage。


什么是Active Storage?

来自他的说明文档:

Active Storage 让上传更简单,通过云服务应用文件如:Amazon S3, Google Cloud Storage or Microsoft Azure Storage,而且attach这些文件到ActiveRecords。支持一个主要服务和镜像在别的服务redundancy,他也提供磁盘服务for testing或者本地开发,但是他重点在于云存储。


ActiveStorage 是一个帮助你处理文件上传的引擎,in yourRailsApps in a very straightforward and   easy way.


Set it up

让我们来创建一个rails app示例,我现在假设你已经安装了rails5.2.

rails new catalog

在你开始使用ActiveStorage前,你需要一个数据库表,运行下面的命令安装数据库迁移:

bin/rails active_storage:install

现在你创建产品model通过titlle,然后运行所有的migrations

```

bin/rails generate scaffold products title:string 

bin/rails db:migrate

```

附加一个文件到model

现在,我们假设我们每个 Product对象都有一个picture。我们通过has_one_attached 方法去定义这个关系。

class Product < AppicationRecord

  has_one_attached :picture


end

我们现在需要在Product定义一个字段,用户能够去指定这个要上传的文件。编辑app/views/products/_form.html.erb找到field定义位置,增加下面的代码:

<div class="field">

<%=form.lavel :title >

<%= form.text_field :title %>

</div>

<!--Add this-->

<div class="field">

<%= form.label :picture %>

<%= form.file_field :picture %>

</div>

<div class="action">

<%= form.submit %>

</div>

还需要在ProductController里面增加‘picture'到运行的参数。

def product_params

  params.require(:product).permit(:title, :picture)

end

现在如果你启动服务,导航到/products, 点击’新增‘,输入标题和选择一个图片,你会在development.log里面看到通知:INSERT statement to the active_storate_blobs 表。

找到一些相识的日志如:

ActiveStorage::Attachment Create(0.3ms) INSERT INTO "active_Storage_attachments"("name","record_type","blob_id", "created_at") VALUES(?,?,?,?)[["name","picture"]["record_type", "Product"],["record_id", 4],{"bolb_id", 2],["created_at", "2018......."]]

显示附件

你可以通过调用url_for helper 返回这个附件的url,在我们的案例中在上传完成后显示。编辑app/views/products/index.html.erb,增加下面代码:

<tbody>

<td>..</td>

<td><%=image_tag url_for(product.picture)%></td>


你的scaffold会在你上传后显示这个图片。


不同的Storage Stragegies

当你在开发环境侠士,你想保持上传文件在你本地磁盘,但是当你发布时你想使用第三方服务去存储他们,比如Amaon S3,Azure Storage Service 或者Google Cloud Storage。

使用ActiveStorage处理这个非常方便。

在config/storage.yml里面声明不同的环境存储配置。比如:local环境声明’disk‘,生产环境’amazon'

local:

  service: Disk

  root: <%= Rails.root.join("storage")%>

amazon:

  service: S3

  access_key_id: AMAZONE KEY

  secret_access_key: AMAZON SECRET KEY

然后,在对应的config/environments/*.rb文件里面知道storage来使用。

比如:development.rb

config.active_storate.service = :local

production.rb

config.active_storage.service = :amazon

说明:你可能需要包含额外的gem包,在Gemfile里面,要使用Amazon S3你需要包含aws-sdk-s3

gem "aws-sdk-s3", require: false

更多的功能特点

ActiveStorage还有很多功能,参考官方文档。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,001评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,210评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,874评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,001评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,022评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,005评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,929评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,742评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,193评论 1 309
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,427评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,583评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,305评论 5 342
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,911评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,564评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,731评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,581评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,478评论 2 352