Rails 串接 Ecpay 電子發票,就是這麼簡單

#電子發票 #Ecpay #ruby #Rails
卡米
技術文章
Rails 串接 Ecpay 電子發票,就是這麼簡單

這是綠界的電子發票介接技術文件:綠界科技股份有限公司 電子發票介接技術文件

根據這份文件,我們可以做的事情有蠻多的,本文只介紹最最基本的功能:

  • 開立發票
  • 查詢發票明細

本文將會從建立一個新的 Rails App 開始,最後實作開發票和查詢發票明細的功能。

建立一個 Rails App

在 console 輸入以下指令:

rails new ecpay_invoice_demo
cd ecpay_invoice_demo

新增一個開發票的 service

在專案資料夾中的 app/services/ecpay/invoice 資料夾下,新增 create_service.rb,此時你應該會發現 app 資料夾下不存在 services 資料夾,你要自己新增資料夾。

create_service.rb 中加入以下程式碼:

module Ecpay
  module Invoice
    class CreateService
      def initialize(params = {})
      end

      def run
        'yo'
      end
    end
  end
end

接著在 Rails console 下測試看看

> Ecpay::Invoice::CreateService.new.run
# => "yo"

看到 yo 代表你做對了。

串接綠界API

在這裡我會直接使用綠界提供的測試環境做展示,所以不會實作切換環境的程式碼,以下是綠界的測試環境:

相關連結:

綠界測試環境後台帳密

  • 帳號:StageTest
  • 密碼:test1234

API 串接參數

  • MerchantID:2000132
  • HashKey:ejCk326UnaZWKisg
  • HashIV:q9jcZX8Ib9LM8wYk

我們只需要把正確的參數傳進正確的網址,就可以成功開立發票了,現在來修改一下我們的 service code:

module Ecpay
  module Invoice
    class CreateService
      def initialize(params = {})
        @params = params
      end

      def run
        create(sample_params)
      end

      private

      def url
        'https://einvoice-stage.ecpay.com.tw/Invoice/Issue'
      end

      def sample_params
        {}
      end

      def create(params)
        uri = URI(url)
        # 送出 Post request 到綠界,並取得回應內容
        response = Net::HTTP.post_form(uri, params)
        response.body.force_encoding('UTF-8')
      end
    end
  end
end

目前的程式碼可以幫我們把 sampleparams 傳到綠界,並且獲得回應內容。只要我們再將 sampleparams 填入,整個開發票的功能就完成了。現在讓我們回到 Rails console 測試一下目前的程式跑起來是怎樣的結果:

> Ecpay::Invoice::CreateService.new.run
 => "無效的MerchantID「商品編號為空白」"

我們成功獲得了來自綠界測試環境的錯誤訊息。

填入開發票的參數

修改開發票的參數 sample_params 如下:

def sample_params
  # 基本參數
  {
    'TimeStamp' => Time.current.to_i.to_s,
    'MerchantID' => '2000132',
    'RelateNumber' => SecureRandom.hex(10), # 訂單編號
    'CustomerEmail' => 'service@5xruby.tw', # 客戶信箱
    'TaxType' => '1', # 課稅類別
    'InvType' => '07', # 字軌類別

  # 商品參數
    'SalesAmount' => 1900, #總金額
    'ItemCount' => '3|2', #商品數量
    'ItemPrice' => '300|500', #商品單價
    'ItemAmount' => '900|1000', #商品小計
    'ItemName' => '衣服|褲子', #商品名稱
    'ItemWord' => '件|件', #商品單位

  # 發票參數
    'Print' => '0', # 要列印嗎? 0代表不要 1代表要
    'Donation' => '1', # 要捐嗎? 0代表不要 1代表要
    'LoveCode' => '168001', # 要捐給誰,一個7字元的愛心碼
  }
end

試用一下

> Ecpay::Invoice::CreateService.new.run
 => "InvoiceDate=&InvoiceNumber=&RandomNumber=&RtnCode=10200090&RtnMsg=CheckMacValue is null.&CheckMacValue=2F3E82F5A5C582BB0E1E5E34EE749F1A"

他傳回了一個 query string 來告訴我們發生了什麼事情,我們要關注的地方是 RtnMsg。這裡我特寫一下:

RtnMsg=CheckMacValue is null.

計算 CheckMacValue

綠界的回應是說我們沒有傳遞 CheckMacValue 給綠界, CheckMacValue 的功能是用來確認雙方身分用的。我們會把我們要傳遞的參數加入綠界給我們的 HashKey 跟 HashIV,然後進行一個 hash 運算,就可以獲得 CheckMacValue 了。

CheckMacValue 的詳細計算流程如下:
- 將傳遞參數依照第一個英文字母,由 A 到 Z 的順序來排序(遇到第一個英名字母相同時,以第二個英名字母來比較,以此類推),並且以&方式將所有參數串連。
- 參數最前面加上 HashKey、最後面加上 HashIV
- 將整串字串進行 URL encode
- 轉為小寫
- 使用 MD5 產生雜凑值
- 再轉大寫

由於綠界的 API Server 是用 ASP.NET 實作的,所以我們的 URL encode 的結果必須跟 ASP.NET 上的 URL encode 相同。不同的語言實作的 URL encode 的結果可能會有些微差異,所以我們需要針對這一點特別處理。

全部實作完之後的程式碼如下:
```ruby
require 'net/http'

module Ecpay
module Invoice
class CreateService
def initialize(params = {})
@params = params
end

  def run
    create(sample_params)
  end

  private

  def url
    'https://einvoice-stage.ecpay.com.tw/Invoice/Issue'
  end

  def sample_params
    # 基本參數
    {
      'TimeStamp' => Time.current.to_i.to_s,
      'MerchantID' => '2000132',
      'RelateNumber' => SecureRandom.hex(10), # 訂單編號
      'CustomerEmail' => 'service@5xruby.tw', # 客戶信箱
      'TaxType' => '1', # 課稅類別
      'InvType' => '07', # 字軌類別

    # 商品參數
      'SalesAmount' => 1900, #總金額
      'ItemCount' => '3|2', #商品數量
      'ItemPrice' => '300|500', #商品單價
      'ItemAmount' => '900|1000', #商品小計
      'ItemName' => '衣服|褲子', #商品名稱
      'ItemWord' => '件|件', #商品單位

    # 發票參數
      'Print' => '0', # 要列印嗎? 0代表不要 1代表要
      'Donation' => '1', # 要捐嗎? 0代表不要 1代表要
      'LoveCode' => '168001', # 要捐給誰,一個7字元的愛心碼
    }
  end

  def create(params)
    params['CheckMacValue'] = compute_check_mac_value(params)
    uri = URI(url)
    # 送出 Post request 到綠界,並取得回應內容
    response = Net::HTTP.post_form(uri, params)
    response.body.force_encoding('UTF-8')
  end

  def compute_check_mac_value(params)
    # 先將參數備份
    params = params.dup

    # 某些參數需要先進行 url encode
    %w[CustomerName CustomerAddr CustomerEmail].each do |key|
      next if params[key].nil?
      params[key] = urlencode_dot_net(params[key])
    end

    # 某些參數不需要參與 CheckMacValue 的計算
    exclude_keys = %w[InvoiceRemark ItemName ItemWord ItemRemark]
    params = params.reject do |k, _v|
      exclude_keys.include? k
    end

    # 轉成 query_string
    query_string = to_query_string(params)
    # 加上 HashKey 和 HashIV
    query_string = "HashKey=ejCk326UnaZWKisg&#{query_string}&HashIV=q9jcZX8Ib9LM8wYk"
    # 進行 url encode
    raw = urlencode_dot_net(query_string)
    # 套用 MD5 後轉大寫
    Digest::MD5.hexdigest(raw).upcase
  end

  def urlencode_dot_net(raw_data)
    # url encode 後轉小寫
    encoded_data = CGI.escape(raw_data).downcase
    # 調整成跟 ASP.NET 一樣的結果
    encoded_data.gsub!('%21', '!')
    encoded_data.gsub!('%2a', '*')
    encoded_data.gsub!('%28', '(')
    encoded_data.gsub!('%29', ')')
    encoded_data
  end

  def to_query_string(params)
    # 對小寫的 key 排序
    params = params.sort_by do |key, _val|
      key.downcase
    end

    # 組成 query_string
    params = params.map do |key, val|
      "#{key}=#{val}"
    end
    params.join('&')
  end

end

end
end
```

試試看結果如何:

> Ecpay::Invoice::CreateService.new.run
 => "InvoiceDate=2018-07-19 14:35:02&InvoiceNumber=FX30000137&RandomNumber=8833&RtnCode=1&RtnMsg=開立發票成功&CheckMacValue=D2AEB7BDE6F9ADA94831233A4D0FB2BC"

節錄重點:

RtnMsg=開立發票成功
InvoiceNumber=FX30000137

發票開立成功了!而且我們獲得了發票號碼。

發票參數簡介

我把發票參數分為三類:

  • 基本參數
  • 商品參數
  • 發票參數

基本參數

  • TimeStamp:你的系統的目前時間,綠界會用來做 timeout 檢查
  • MerchantID:商店代號,這是綠界發給你的參數
  • RelateNumber:在你的電商系統上的訂單編號
  • CustomerEmail:買家的mail,如果發票開立成功或中獎,這個信箱有可能會收到信
  • TaxType:課稅類別,填 1 代表應稅,填 2 代表零稅率,填 3 代表免稅
  • InvType:發票字軌類型,填 07 代表一般稅額, 填 08 代表特種稅額

商品參數

  • SalesAmount:發票總金額
  • ItemCount:商品數量,以 | 做為分隔符號
  • ItemPrice:商品單價,以 | 做為分隔符號
  • ItemAmount:商品小計,以 | 做為分隔符號
  • ItemName:商品名稱,以 | 做為分隔符號
  • ItemWord:商品單位,以 | 做為分隔符號

綠界會檢查商品小計的加總必須等於發票總金額

發票參數

我要捐發票

如果你這張發票是要捐的,需要傳遞以下參數:

  • Print:要列印這張發票嗎?填 0 代表不要,填 1 代表要
  • Donation => 要捐嗎?填 0 代表不要,填 1 代表要
  • LoveCode => 要捐給誰?填入愛心碼

其中 Print 傳 0,Donation 傳 1。

我要印發票

如果你這張發票是要印的,需要傳遞以下參數:

  • Print:1
  • Donation:0
  • CustomerName:客戶名稱
  • CustomerAddr:客戶地址
  • CustomerIdentifier:統一編號,此欄位為選填欄位

也就是說,如果你要印,就不能捐。如果你要打統編,就一定要印。即使你必須將客戶名稱跟地址傳給綠界,綠界還是不會幫你印發票寄給客戶。

所以當客戶選擇要印發票時,管理人員則必須要回到綠界電子發票後台去操作列印。

綠界電子發票列印頁網址:https://vendor-stage.ecpay.com.tw/Einvoice/InvoicePrint

我要存發票

如果你不捐,也不印,那麼你要找一個載具來儲存這張電子發票,載具相關參數如下:

  • Print:0
  • Donation:0
  • CarruerType:載具類別,值可能為 1、2、3 其中之一
  • CarruerNum:載具編碼

其中 CarruerType 的值的意義如下:

  • 1:綠界科技電子發票載具
  • 2:自然人憑證號碼
  • 3:手機條碼

CarruerNum 的值會在 CarruerType 的值不同而改變其意義,特別的是當 CarruerType 為 1 時,CarruerNum 必須傳遞空字串。

微調程式碼

剛剛我們是使用測試資料來開發票,但真正要使用的時候,params 應該是要由外部傳入。

需要修改程式碼如下:

def run
  create(@params)
end

再 parse 一下輸出:

def create(params)
  params['CheckMacValue'] = compute_check_mac_value(params)
  uri = URI(url)
  # 送出 Post request 到綠界,並取得回應內容
  response = Net::HTTP.post_form(uri, params)
  body = response.body.force_encoding('UTF-8')
  CGI.parse(body).transform_values(&:first)
end

測試一下效果

params = Ecpay::Invoice::CreateService.new.send(:sample_params)
Ecpay::Invoice::CreateService.new(params).run
 => {"InvoiceDate"=>"2018-07-19 17:11:18", "InvoiceNumber"=>"FX30000163", "RandomNumber"=>"5453", "RtnCode"=>"1", "RtnMsg"=>"開立發票成功", "CheckMacValue"=>"848B5BAF997E316617967BFC09079BA6"}

順利~
補充說明:在這邊我使用 Ecpay::Invoice::CreateService.new.send(:sample_params),而不是寫 Ecpay::Invoice::CreateService.new.sample_params 是因為 sample_params 是 private 方法,不能直接從外部呼叫。

查詢發票明細

一樣,我們建立一個 Ecpay::Invoice::FindService,以下就直接來:

require 'net/http'

module Ecpay
  module Invoice
    class FindService
      def initialize(relate_number)
        @relate_number = relate_number
      end

      def run
        find(build_params)
      end

      private

      def url
        'https://einvoice-stage.ecpay.com.tw/Query/Issue'
      end

      def build_params
        {
          'TimeStamp' => Time.current.to_i.to_s,
          'MerchantID' => '2000132',
          'RelateNumber' => @relate_number, # 訂單編號
        }
      end

      def find(params)
        params['CheckMacValue'] = compute_check_mac_value(params)
        uri = URI(url)
        # 送出 Post request 到綠界,並取得回應內容
        response = Net::HTTP.post_form(uri, params)
        body = response.body.force_encoding('UTF-8')
        CGI.parse(body).transform_values(&:first)
      end

      ...下略 compute_check_mac_value

    end
  end
end

其實只是修改網址跟換一下參數,查詢發票明細就完成了。現在讓我們來測試一下,測試流程如下:
- 產生測試參數
- 從參數中擷取出訂單編號 relate_number
- 使用參數開立一張發票
- 使用訂單編號做查詢

params = Ecpay::Invoice::CreateService.new.send(:sample_params)
relate_number = params["RelateNumber"]
Ecpay::Invoice::CreateService.new(params).run
Ecpay::Invoice::FindService.new(relate_number).run
 => {"IIS_Award_Flag"=>"", "IIS_Award_Type"=>"", "IIS_Carruer_Num"=>"", "IIS_Carruer_Type"=>"", "IIS_Category"=>"B2C", "IIS_Check_Number"=>"", "IIS_Clearance_Mark"=>"", "IIS_Create_Date"=>"2018-07-19 17:14:46", "IIS_Customer_Addr"=>"", "IIS_Customer_Email"=>"service@5xruby.tw", "IIS_Customer_ID"=>"", "IIS_Customer_Name"=>"", "IIS_Customer_Phone"=>"", "IIS_Identifier"=>"0000000000", "IIS_Invalid_Status"=>"0", "IIS_IP"=>"118.163.124.163", "IIS_Issue_Status"=>"1", "IIS_Love_Code"=>"168001", "IIS_Mer_ID"=>"2000132", "IIS_Number"=>"FX30000167", "IIS_Print_Flag"=>"0", "IIS_Random_Number"=>"9234", "IIS_Relate_Number"=>"f633510627a2eddeea0c", "IIS_Remain_Allowance_Amt"=>"", "IIS_Sales_Amount"=>"1900", "IIS_Tax_Amount"=>"0", "IIS_Tax_Rate"=>"0.050", "IIS_Tax_Type"=>"1", "IIS_Turnkey_Status"=>"", "IIS_Type"=>"07", "IIS_Upload_Date"=>"", "IIS_Upload_Status"=>"0", "InvoiceRemark"=>"", "ItemAmount"=>"900|1000", "ItemCount"=>"3|2", "ItemName"=>"衣服|褲子", "ItemPrice"=>"300|500", "ItemRemark"=>"", "ItemTaxType"=>"", "ItemWord"=>"件|件", "PosBarCode"=>"10708FX300001679234", "QRCode_Left"=>"FX3000016710707199234000000000000076c0000000053538851KIjD/jYtIwQXOONltIuFzA==:**********:2:2:1:", "QRCode_Right"=>"**衣服:3:300:褲子:2:500","RtnCode"=>"1", "RtnMsg"=>"查詢發票成功", "CheckMacValue"=>"20F155F2A8CDB994B4EB7B949D98FD9E"}

查詢發票成功!值得一提的是發票號碼的 key 變成 IIS_Number 了呢~由於篇幅的關係,今天就講到這裡。

因為本次的教學其實根本沒講到 Rails,所以你們要自己實作自己的 Controller 和 Model,並且傳遞正確的參數進入 Service。記得如果想要使用正式環境,就要修改Url、HashKey、HashIV 那些東西哦~重構什麼的自己來齁~

對了,在綠界的測試環境裏只能使用綠界的測試帳號,所以你無法使用你自己註冊的綠界帳號去打綠界的測試環境。你問我「其實綠界有提供 SDK,為什麼你不用?」嗯... 這個不好說阿,但這是一個很棒的問題。

還有,我把程式碼都放在 github 上了,想要的話就拿去吧。


👩‍🏫 課務小幫手:

✨ 想掌握 Ruby on Rails 觀念和原理嗎?

我們有開設 🏓 Ruby on Rails 實戰課程 課程唷 ❤️️