[Ting's笔记Day8]活用套件carrierwave gem:（3）Deploy图片上传功能到Heroku网站

前情提要：

身为Ruby新手村民，创造稳定且持续的学习步调很重要，我用的方法就是一周在IT邦写三篇笔记，希望藉由把笔记和遇到的bug记录下来的过程，能帮助到未来想用Ruby on Rails架站的新手。：）

话说我在这一天[Ting's笔记Day4]将Ruby on Rails项目部署到Heroku架好了站，并在此篇[Ting's笔记Day7]活用套件carrierwave gem:（2）利用Amazon S3架设图片服务器完成我的餐厅数据库网站的图片上传功能。接着就要把功能发布到Heroku啦！

1.修改app/uploaders/image_uploader.rb

为了节省Amazon S3用量，（毕竟是免费功能，储存空间一定的限制，能省则省！）

我想在本机项目上传图片时，照片存在本机端就好(xcsjbj)；

在Heroku（远端production版本）上传图片的时候，再上传至Amazon S3。

我可以去app/uploaders/image_uploader.rb修改一下代码从：

storage：fog

改成

if Rails.env.production？

storage：fog #Heroku，Use Amazon S3

else

storage：file

end

2.把Figaro gem加入Heroku

在上篇文章提到了Figaro帮我们隐藏application.yml档，做好保护密钥的功能，由于这个功能动到了config，~~这件事情的严重性（？）~~我们必须要让Heroku知道！

跟随着Figaro的关于Deployment的说明档指示，在ternimal输入figaro heroku:set -e production，程序就会把密钥信息传给我在heroku的正式环境。

tingdeMacBook-Air:yelpdemo tingtinghsu$ figaro heroku:set -e production

Setting aws_access_key_id，aws_secret_access_key，fog_directory and restarting⬢tingsrailsdemo…done，v7

aws_access_key_id: #秘密

aws_secret_access_key: #不告诉你

fog_directory: #Amazon S3 bucket

3.把所有改动的代码加入github版控，并push上Heroku：

在这篇文章里我已经对于git使用的熟练熟练了：

1.git status

2.git add .

3.git commit -m“增加照片上传功能”

4.git push

所以我们先把写好的的功能推上github，最后用git push heroku master完成最后一哩路！

tingdeMacBook-Air:yelpdemo tingtinghsu$ git push heroku master

Counting objects: 59，done.

Delta compression using up to 4 threads.

Compressing objects: 100%（52/52），done.

Writing objects: 100%（59/59），331.27 KiB | 0 bytes/s，done.

Total 59（delta 33），reused 0（delta 0）

remote: https://tingsrailsdemo.herokuapp.com/ deployed to Heroku

remote:

remote: Verifying deploy…done.

To https://git.heroku.com/tingsrailsdemo.git

cb86240..05af5ff master -> master

到Heroku后台查看，新功能已经部署成功~

4.把新更动过的的餐厅图片数据库字段加入Heroku

我们当初改完上传功能时，已经在本地端使用rake db:migrate让数据库顺利运行，详见[Ting's笔记Day6]活用套件carrierwave gem:（1）在Rails实现图片上传功能

但远端的Heroku部分还没呢！

因此记得：heroku run rake db:migrate更新Production版本的数据库。

这里Heroku出现错误信息Etimeout: connect etimeout 50.19.103.36:5000

参考这里的解法，才发现我的wifi所在地的防火墙锁port 5000。

我使用run:detached这个指令来解决此问题：heroku run:detached rake db:migrate

tingdeMacBook-Air:yelpdemo tingtinghsu$ heroku run:detached rake db:migrate

Running rake db:migrate on⬢tingsrailsdemo…done，run.2219（Free gongzuofs）

Run heroku logs --app tingsrailsdemo --dyno run.2219 to view the output.

=大功告成=

试试网站上的上传功能，图片顺利存进Amazon S3：）