瀏覽標籤：

Angular

[SideProject] 財政部電子發票 API 測試工具

財政部電子發票 API 測試工具

這是我最近在串接財政部 API 時自己寫的測試工具，希望能讓大家在串接測試上更加方便。
歡迎 PR 財政部的 API 清單

操作說明

  • 環境變數
  1. 簽章 (Signature)：將 Request 參數按照名稱排序並以 HMAC-SHA1 加密後加在 Query 後方傳送至財政部
  2. 測試環境：將資料傳送至財政部測試環境
  3. Client 模式：以另開新頁的方式呼叫財政部 API
  • 選擇 Api
    要測試的 API

  • 財政部加密用 Key
    財政部提供的 HMAC-SHA1 加密用 AppKey

  • Api 位置
    呼叫的 API 位置

  • Request
    傳送給財政部的資料

使用方法

  1. 開啟 /src/appsettings.json
  2. 將財政部提供的 AppKey 與 AppID 填上去
  3. 用 Visual Studio 2017 開啟並執行即可 !!

Api 新增

開啟 /src/Json/ApiList.json 且依照下面的參數新增 Api

參數介紹

參數名稱 參數說明
TypeName Api 類型 (依此欄位排序)
ApiName Api 名稱
ApiUrl Api 位置
Param Api 需傳送的參數範本 (參數 timeStamp, expTimeStamp, uuid, appID 會被自動取代)
       

[NG2] 了解 Angular CLI 產生的專案目錄結構

來源：[Angular2速成班]了解Angular CLI產生的專案目錄結構

透過Angular CLI我們可以很容易的建立一個具有一致性的專案架構，今天我們就來簡單介紹一下使用ng new指令產生的專案目錄內容，讓以後在開發Angular2專案時可以很清楚知道檔案的存放位置。

 

/protractor.conf.js
/e2e

e2e這個資料夾主要用來存放end to end的測試案例，Angular2 CLI產生的專案會使用protractor來進行end to end測試，protractor是angular開發團隊推出的end to end測試框架，自然跟Angular2最match啦！關於測試相關的設定，則是存放在/protractor.conf.js這個檔案中。
我們可以透過 ng e2e 指令來進行end to end的測試。

 

/node_modules

我想不用介紹太多，只要對前端工程有一定熟悉的人都知道這個目錄是用來幹嘛的，簡單來說就是所有相關會用到的模組都在這個資料夾裡啦！

 

/src

這個目錄非常重要，因為它就是我們未來所有撰寫的程式碼會存放的目錄，所以以後會常常近來這個目錄操作哩；當我們使用Angular CLI產生需要的檔案時，也都會存放在這個目錄之中。

 

/.editorconfig

EditorConfig是專門給IDE看的一個檔案，用來告知IDE該如何調整專案目錄下的程式碼風格，如果IDE支援的話，就能夠針對.editorconfig這個檔案的設定來調整你的程式碼風格，如果不支援的話，這個檔案就可有可無囉。

如果是使用Visual Studio Code開發的話，可以安裝EditorConfig for VS Code這個外掛來讓它支援EditorConfig

 

./angular-cli.json

給Angular CLI看的設定檔，基本上就是一些目錄及打包程式時的設定，如果團隊開發對於檔案存放目錄有特別設定的需求，或打包程式時需要引入額外的程式庫，都可以在這個檔案中設定。

 

./karma.conf.js

Angular CLI產生的專案使用Karma作為unit test的測試框架，因此相關設定都寫在這裡囉。要進行unit test時，可以使用 ng test 指令。

 

./tslint.json

用來針對TypeScript的程式撰寫風格進行規範(linter)的設定檔，就如同CSSLint、ESLint等，我們也可以透過TSLint來檢查TypeScript的coding style，只要執行 ng lint 來檢查就可以了。