高見龍

Developer & Instructor, 喜愛非主流的新玩具 :)

Rails Console / irb 裡的方便工具-Hirb

方便的工具,寫起來給自己做個備忘,免得到時候忘記 :)

在做資料庫存取的時候,常會把抓到的model object印出來看看到底內容正確與否。假設我有個名叫Book的model,我從裡面隨便抓一筆資料出來大概會長這樣:

image

除此之外,也可以透過y方法把內容以YAML格式輸出:

image

其實這樣也不會多難看,反正看久就習慣了。剛好最近在看Railscasts的時候才發現原來有更方便的gem可以用,它叫做Hirb,可以讓在console模式下輸出的內容更清楚了。

官網的安裝說明其實就很清楚了,簡單的說,就是用gem一個動作就搞定了:

> sudo gem install hirb

進入rails project裡的console模式後:

>> require 'hirb'
>> Hirb.enable

接下來,剛剛那個object會變成:

image

如果再加一下logger的設定,還可以讓輸出的同時把查詢的log也秀出來:

image

當你不想用的時候,只要用:

>> Hirb.disable

就可以把它關掉了。

如果覺得hirb很方便但又不想每次進console都打這些指令的話,也可以把上面這些動作放到.irbrc裡(檔名: ~/.irbrc)

1
2
3
4
5
require 'rubygems'
require 'hirb'
require 'active_record'
Hirb.enable
ActiveRecord::Base.logger = Logger.new(STDOUT)

當然,hirb不只有這樣而已,不過光是這樣我就覺得很棒了。更細節的說明請洽網站 :)

如何在 Rails 裡使用 AMF

前言

常聽很多朋友會問:「flash要怎麼樣跟資料庫串接?」。

答案其實很簡單:「不行!目前flash沒辦法直接與資料庫串接」。

那到底別人是怎麼做的? 為什麼他們的Flash可以由後台管理而且更新資料? 其實運作流程是這樣:

Flash(*.swf) <–> Server端程式(ASP, ASP.NET, PHP..etc) <–> DB

SWF透過HTTP GET/POST的方式送給中間的程式,透過中間的程式,Flash才得以從資料庫中取出/寫入資料。

其中SWF與server端程式溝通的格式,有簡單的純文字組合,或是用JSON或XML來包裝資料,再餵給SWF,最後再呈現在Flash上。特別是XML對AS3還滿友善的,可以簡單的就取出指定節點的資料。

而今天要提的 AMF(Action Message Format),其實做的工作跟上面的JSON或XML差不多,只是它的格式是binary的。

AMF的實作,各家程式語言或Framework都有類似的實作品 像是PHP就有AMFPHP/Zend_Amf,Python有PyAMF,.NET有FluorineFx,Ruby的話則有RubyAMF

不過不管是哪家實作的AMF,流程上都差不多:

  1. SWF連上指定的Gateway。
  2. 呼叫/執行Gateway上掛載的service,並把所需的參數以AMF格式傳給它(如果有的話)。
  3. 執行結果回傳。

最近手邊有個案子正好是用Rails寫的,剛好有用上AMF,就趁這個機會寫一下心得,免得自己以後忘記(其實在Rails裡面,用respond_to直接render產出xml或json也還滿方便的..)

環境

  • Mac OX 10.6
  • Rails 2.3.5
  • Ruby 1.8.7
  • RubyAMF 1.6.5

安裝

就不多做Rails的介紹了,直接開個空白的Rails Project來做示範:

> rails rubyamf_demo
> cd rubyamf_demo

接下來,安裝RubyAMF。網址:https://github.com/victorcoder/rubyamf_plugin

個人比較建議直接用script/plugin來安裝,簡單方便。當然如果要自己下載打包檔再手動放進來也ok的。

> script/plugin install git://github.com/victorcoder/rubyamf_plugin.git

沒問題的話,這個動作就會幫你把RubyAMF安裝在vender資料夾裡了。

image

其實這個安裝的過程中,除了把相關檔案裝到vender裡之外,背後有幫忙做了一些事你可能需要知道的:

1. app/controllers/ 裡多了一個rubyamf_controller.rb

這是整個RubyAMF的對外窗口,gateway就是寫在這裡了。

2. config/ 裡多了一個 rubyamf_config.rb

RubyAMF的設定檔,打開這個檔案應該可以看到許多註解說明,可依情況及個人使用習慣做調整

3. config/initializers/mime_types.rb多加了一行

Mime::Type.register "application/x-amf", :amf

到時候可以像 render :text => "hello"一樣,直接用render :amf => "hello"來輸出

4. config/route.rb多了一行路徑設定

map.rubyamf_gateway 'rubyamf_gateway', :controller => 'rubyamf', :action => 'gateway'

gateway到時候的位置就是http://127.0.0.1:3000/rubyamf/gateway

5. public/ 資料夾多了一個 crossdomain.xml

常用AS在串接外部資料的人應該知道這是幹嘛的了,預設是全開

<allow-access-from domain="*" />

如果有需要調整可直接動手修改。接下來試著啟動server,看看能不能正常運作:

> script/server

沒問題的話,接著開瀏覽器看看http://127.0.0.1:3000/rubyamf/gateway/。如果你看到一個黑色的畫面,中間放著一個RubyAMF的logo:

image

恭喜你,目前這樣就算是把RubyAMF安裝起來了。接下來,就要開始準備寫service上去了

實作

Rails部份:

先建立一個model,待會我們會用來取出/寫入資料用的:

> script/generate model book author:string content:text

目前只放了author跟content兩個簡單的欄位(for demo purpose, Model部份沒有特別做驗證)。

> rake db:migrate

為了省去另建資料庫的麻煩,這裡直接使用預設的SQLite做為資料庫。table建立後,先塞一筆測試資料進去:

> script/console
>> Book.create(:author => "eddie", :content => "this is a RubyAMF demo")

再來新增一個controller,裡面放一個hello_world這個action:

> script/generate controller amf_test hello_world

在hello_world這個action裡,我們加一行:

1
2
3
def hello_world
  render :amf => "Hello AMF"
end

大部份網路上看到的範例都是用Flex當範例,不過我個人比較偏好Flash。以下我就用Flash當做範例示範(其實沒太大差別啦,純粹個人喜好)。

Flash部份:

檔案:amf_hello.fla

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var nc:NetConnection = new NetConnection();
nc.objectEncoding = ObjectEncoding.AMF3;
nc.connect('http://127.0.0.1:3000/rubyamf/gateway');

var responder:Responder = new Responder(onOK, onErr);
nc.call('AmfTestController.hello_world', responder);

function onOK(res:Object):void
{
    trace(res);
}

function onErr(res:Object):void
{
    trace("Error!");
}

其中比較需要注意的是nc.call那一段,直接呼叫ControllerName.ActionName就行了。

按下Ctrl+Enter之後,應該就可以看到”Hello AMF”的字樣了,代表你的SWF已經可以成功從AMF Gateway讀資料回來了。如果這裡有發生錯誤,可能檢查一下是不是有打錯字,或是server忘了啟動。

接下來,我們試著送資料給Gateway,讓它寫入資料庫之後再回傳目前資料庫裡的書總共有幾本。

這次我們先做Flash端的介面,我放了一個按鈕跟二個輸入框,instance name分別取名為add_btnauthor_txtcontent_txt

檔名:amf_addbook.fla

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
add_btn.addEventListener(MouseEvent.CLICK, click_handler);

function click_handler(evt:MouseEvent):void
{
  var nc:NetConnection = new NetConnection();
  nc.objectEncoding = ObjectEncoding.AMF3;
  nc.connect('http://127.0.0.1:3000/rubyamf/gateway');

  var amf_object:Object = {
    'author': author_txt.text,
    'content': content_txt.text
  };

  var responder:Responder = new Responder(onOK, onErr);
  nc.call('AmfTestController.add_book', responder, amf_object);
}

function onOK(res:Object):void
{
  trace("目前共有" +res +"本書");
}

function onErr(res:Object):void
{
  trace("fail");
}

其實只是把呼叫的部份放到click handler裡,並且在裡面做了一個object,並且在呼叫的時候:

1
nc.call('AmfTestController.add_book', responder, amf_object);

把它當做參數傳出去。

接下來,在Rails裡,我們要來加一個add_book這個action,準備接收資料:

1
2
3
4
5
6
7
8
def add_book
  if is_amf
    Book.create(:author => params[0][:author], :content => params[0][:content])
    render :amf => Book.count
  else
    render :text => "error"
  end
end

這裡可以用is_amf來檢查傳進來的是不是AMF,傳進來的參數可用 params[0] 取得。

接著執行Flash,沒問題的話,當每次按下Add Book按鈕時,它就會把author跟content資料寫入DB,並回傳目前總筆數。

以上為展示目的,都沒有加資料的驗證,所以就算空白資料也可以送出。

以上是一些個人小小的心得,供大家參考囉

相關網站:

原始檔下載(fla + rails project):

http://nayumi.myweb.hinet.net/downloads/sample.zip

update: RubyAMF專案已由原本的google code移至github

2009 PTT Flash 版聚

image

今年八月底聚集了一些對Flash有熱好的朋友們,讓大家互相認識一下平常在版上互動的人長什麼樣子,也順便透過幾個專題演講來分享一下心得。

活動照片:https://picasaweb.google.com/108852467279874647445/PTTFlash

這應該算是PTT Flash版第二度的板聚(上一次是在2008年的八月,已經相隔一年了)。

Flash在台灣一直比較少見有專門大型的研討會,比較大型的大多是伴隨產品上市的發表會一起辦。

雖然我們這個不是官方舉辦或贊助的活動,但我還是很羨幕能有像Adobe MAX或是Flash on the Beach那樣大型的研討會。

希望有一天能在台灣也能看到純粹技術發表的研討會 :)

至於我們這個PTT Flash Workshop,我想希望可以把這樣的聚會變成固定舉辦的活動,也許可以辦在寒、暑假,然後再來去借個比較大一點的場地來辦party好了。

影片

Jones - 製作自己專屬的Facebook應用程式

Cjcat - Stardust Particle Engine

高見龍 - MVC

戰利品

image

難得給自已排了一段時間出去玩,這趟去英國溜躂,音樂劇Les Miserables是心靈上最值回票價的體驗,當然物質上的一些戰利品也是不可少的啊(其實根本就是去買玩具的吧)

1. 電話亭存錢筒:

是鐵製的,拿在手上挺有份量(存錢這是一定要的啊)

image

2. 小羊鑰匙圈

這個是在湖區買的小羊鑰匙圈,造型真是超可愛

image

3. 懷舊寶箱

這是在二手店看到的小寶箱,不知道為什麼我看了就覺得很愛

image

4. 超難拼圖

號稱世上最難的拼圖,雖然只有529片,但拼起來像是4,000片?!

image

5. Doctor Who模型

大概二、三十公分高,人物部份要自已著色,Tardis在啟動的時候會發出跟影集一樣的聲音。

image

6. Daleks

有看Doctor Who的人一定知道這像垃圾筒的機器人是誰啊….

image

而且壓它還有音效的咧,真讚!

7. 其它

每個景點專屬的名信片當然也是不可少的(本來要寄的,但最後都捨不得只寄了一張最不喜歡的出去了..)

另外還有個搖控的小直昇機(給我爸玩的)

結論:

要努力工作,趕快把錢賺回來了..!!!

上台講話

Oops! 發現最後一篇blog竟然已經是去年的事了!! 是時間過太快還是我太懶了?

最近因為幾個案子在趕著要上線,不久前的OSDC.tw沒辦法全程參加,只好挑自已喜歡的Session參加(ericskGAEO比我想像中的還好用)。

以前某個我不喜歡的老闆曾跟我說過,做presentation就像表演一樣。

近來我自告奮勇的找了一些對flash有興趣的朋友們每週來聚會,每次約2小時,我教大家怎麼來學 ActionScript3.0,沒另外收費(只需各自分擔場地費,我還太嫩,還不到那種敢收學費的等級)。

常聽到「這個東西我懂,我只是不會講而已」,但我一直相信,真的懂的人一定是講得出來的;不會講不代表真的不會,只是還沒能完全透徹,某個環節沒學好,講不出來。

在台上講話實在是件不容易的事,一來得先克服緊張感,二來得讓自已的腦袋保持清醒。

當然我也沒這麼佛心,開這樣的課當然是有目的:

  1. 透過在台上講課,讓自已對AS3更熟悉。
  2. 訓練自已講話的技巧,練習怎麼掌握台下的反應(可能講太快或一下子講太難)。
  3. 透過每週準備課程,讓自已不會跟AS3離太遠。

越是複雜的技術,要做這種大眾化的教學困難度也越高,像是知名的flash totur Lee Brimelow 用影音的方式來教學,清楚又易懂。

最近在路邊牆上貼的一段話:「有困難是能力不夠,有麻煩是方法不對」。看來,這條路還相當漫長 :)