【JS】NodeJs Express 製作一個簡易型API
前言如何使用 node js 快速建立一個API 環境,原則上這塊之前要 publish 但是近期比較繁忙沒時間把內容補齊。最近有看到不少社群網站提到 minimal api ,這便就先用 Node JS 來起頭。
一、 Node Js + PNPM近期使用 pnpm 效能、容量、速度上相當滿意,未來會使用 pnpm 居多。若沒有看過 pnpm 可以到前幾篇有 pnpm vs npm 安裝說明。
1-1 node expressExpress 是一個 Node.js 的 Web 應用程式框架,提供了一系列強大的功能,幫助你建立各種 Web 應用程式。Express 應用程式是基於中間件的,可以使用內建的中間件,也可以使用第三方中間件。
Express 主要特點包括:
中介軟體函數:是一些有權存取要求物件 (req)、回應物件 (res) 和應用程式要求/回應循環中之下一個中介軟體函數的函數。下一個中介軟體函數通常以名為 next 的變數表示。中介軟體函數可以執行下列作業:
結束要求/回應循環
呼叫堆疊中的下一個中介軟體函數。
對要求和回應物件進行變更。
路 ...
【旅遊】鶯歌、桃園一日遊
前言這次假期用最有限的時間、行程挑戰搭公車、火車一日遊,並包含著家人一起出遊。因為本人不太會拍照請各位讀者請見諒 (本次旅遊為 2024/04/06 為主)
計畫這次旅程去的方向如下
鶯歌 : 【甕仔麵】、【鶯歌老街】、【鶯歌博物館】
桃園 : 【土地公文化館】、【桃園神社】
台北 : 【中山地下街 (特展 : 關於我轉生變成史萊姆這檔事)】
原則上因為是搭車就不方面開太多地點,繼上次板橋車站挖掘景點後,這次來看看其他的地區怎麼玩。
一、鶯歌因為作者離板橋車站特別近,因此這邊就特別到板橋車站前往鶯歌站。
1-1 鶯歌老街前往【鶯歌老街】可以直接搭乘旁邊的 981,要記得在國慶街下車。這個公車路線會蠻好走過去,基本上下車沿著國小方向走過去就會看到老街。這個方向會是老街的尾部,可以到那邊慢慢逛過去陶瓷博物館。
[{"url":"/image/20240408_22-51-54.png","alt":""},{"url":"/image/20240408_22-55-15.png","alt":""},{"url":"/image/2024040 ...
【旅遊】馬祖三日自由行-南竿篇
前言這裡是為2024/9/9 紀錄為主,參考給各位以下為動向圖。
南竿這篇文章原定是之前要完成撰寫,因為工作方面有延誤無法完整收入內容,目前要把一些內容重新整理過一遍。
上午一、早餐 - 鄉城早餐(北竿)這裡是南竿最多士兵會去的一個廉價早餐店,點餐方式要特別到老闆娘面前說要甚麼,但也要注意餐點會被拿走問題(因為是傳統早餐店可以任意拿走)。
P.S. 因為是最後一天在北竿所以特別到這家吃。
二、八八坑道早上預計 09:43到八八坑道,但要注意是來到八八坑道其實不好開來這個地點,南竿會比北竿難騎很多。這段路口因為是釀酒地帶,光在門口外面就會有很濃厚的酒氣味。
三、馬祖民俗文物館
地點 : 209連江縣南竿鄉清水村135號
營業 : 周二 ~ 周日 09:00 ~ 17:00 (周一休息)預計 10 :47 到了馬祖民俗文物館可以稍微喘喘口氣、吹個冷氣,裡面就是簡單的介紹馬祖歷史過程,也蠻多打卡地方可以來拍。
下午一、馬祖藥燉排骨、土虱
地點 : 馬祖南竿鄉清水村
營業 : 周一 ~ 週日 11:30 ~ 22:00到這時間已經 11:51 進來吃評價 4.8的藥 ...
【旅遊】板橋車站免費景點
前言本篇於 2024/04/5 遊玩、紀錄,僅供參考或是有任何主題歡迎底下留言。
板橋車站來到板橋車站外,大多知道的人可能是耶誕成居多,但有幾些點不論是大小朋友都可以來參觀,目前是以最近的兩個點介紹。
一、電幻 1 號
地址:新北市板橋區縣民大道二段1號台電新民大樓
營業時間:週二週六 10:0018:00 (週日、週一公休)
這邊有兩個入口可以走進去。
板橋公車站二樓,進去倒麗寶百貨直直走就可以進去 “電幻 1 號”
板橋公車站一樓直直走會看到 “電幻 1 號” ,入口會是 VR 可以直接預約時段。
一樓 VR 六軸機器人遊玩的活動將根據當時的情況以及機台的狀態來決定。目前,這些機器原則上支援雙人同時使用。但在使用這台機器之前,請記得提前到現場排隊,否則可能會因為人潮眾多而無法排到。
二樓 健身房的沈浸式互動體驗這裡的二樓請至櫃台登記拿手環,這手環是給裡面設施使用。內容有彈跳、投籃、玩戰繩、騎飛輪之類設施。
相關連結
【板橋景點】TAIPOWER D/S ONE 電幻1號所~台北免門票室內景點,夜店版健身房玩投籃機、踩飛輪、甩戰繩,還能體驗VR ...
【旅遊】馬祖三日自由行-北竿篇
0、前言為了增加一些Blog活用性,決定開始寫一些旅遊的心得以及旅遊採點,請大家參酌。(旅遊日 2023/09/08)
0.1、備註前往馬祖前,務必小心馬祖的山路。馬祖是一座沒有紅綠燈 (除了機場、船以外)一座列島,本座島是完全以陡坡為名,前往務必小心摩托車、汽車駕駛方式。
[{"url":"/image/20231007_23-15-17.png","alt":""},{"url":"/image/20231008_00-27-22.png","alt":""}]
載入更多
0.2、行程當初馬祖訂購機票時候務必留意飯店的位置,因為馬祖的交通方式只有摩托車、汽車、公車、計程車,所以務必留意飯店的位置,以及交通方式。
來到北竿一定要去【大邱】那座小島,可稱作為【鹿島】。依據松山機場從 6:50 飛機到現場預計7:20左右抵達,早上可以馬上衝去【大邱】,然後再回來北竿。大邱大約只需要1~2小時,請配合船班。
下方為行程草稿,依據當初情況調配。
1、足跡地圖可以參考下方足跡行走方式。
1.2、住宿國內外島必須要知道的幾件 ...
使用Hexo(五)-加入Github Actions自動發行
前言最近一直覺得發文這件事有點耗時間,我這邊做一個 CI/CD 方式製作一個自動部屬機制,減少發一次文章之前都要輸入指令問題。
使用 Github Actions一、創建 deploy Key這邊要使用 deploy key之前,要利用 git 現有的功能 ssh-keygen 創建,建議要用名字來區別這是用於 deploy hexo。
1ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
補充: ssh 區分
有 .pub 是公鑰
沒有副檔名是 私鑰
PS 若第一是使用 ssh-keygen 務必留意這個小東西只能用一次 repository ,如果你澳用在其他 repository 會被阻擋使用。
二、使用 Hexo Actions這邊要使用的是官方提供的工具,這邊用現成說明。這邊參數使用只需要修改兩個地方。
_config.yml : 要設定 deploy 路徑,主要參考位置。
github actions腳本 : 原則上只需要輸入 deploy key 就好,不需要加入其他內容。
...
【前端】pnpm vs npm
前言近期為了想要調整 bloger 環境,發現近期除了使用yarn外,還有一個新的package manager - pnpm,讓我非常好奇這東西作用以及與npm的差異,因此決定來做一個比較。
npm vs pnpm1-1 簡介基本上,不論是官方網與其他網站介紹,pnpm都是一個快速、簡單的Node.js套件管理工具,它使用硬連結和符號連結來減少磁碟空間的使用,並且可以在安裝套件時共享它們。如果要讓 pnpm 使用在 npm 是完全可以不用任何學習語法/指令,因為他們的指令是幾乎一樣的。
pnpm 最大特點是創建一個共享儲存位置並將它們鏈接到項目,提升了安裝速度,減少了磁盤空間的使用,解決了 npm 暫取專案的主要原因。
1-1-1 pnpmpnpm(Performant Node Package Manager)是一個快速、簡單的Node.js套件管理工具,它使用硬連結和符號連結來減少磁碟空間的使用,並且可以在安裝套件時共享它們。npm 的一個缺點是它可能會導致依賴項的重複安裝,這會佔用大量的磁盤空間,特別是在同一台機器上運行多個項目時。這也可能導致安裝時間較長,因為每 ...
【Git】活用Git與Azure DevOps(三) - Board 讓Issue、Task、Bug更有條理
一、DevOps Board使用 DevOps Board 可以針對 Task、Issue、Bug 進行管理,並且可以進行排序、篩選、分類等等的操作,讓開發流程更有條理。這工具不但可以免費也包含 Test Case 管理、Dashboard 等等功能,是一個非常好用的工具。
1-1 Backlog 看資料很多時候為了看重點資料,通常會使用 Backlog 進行篩選,從圖片利用 User Story 往下展出 Task、Bug、Issue 進行篩選,可以看到不同的資料。如果利用 User Story 當作開發功能模組,底下 User、QA 等可以進行 Task 的分配,這樣就可以讓開發流程更有條理。
1-2 Board 設定工作項目從看板我們可以設定 Task、Bug、Issue 以外還可以設定 Test 。Test 創建後可以轉變成 Test Case 進行管理。
1-3 Test CaseTest Case 從 Boards 創建一個 User Story > 加入 Test > 創建測試案例,點選案例名稱就會導入在編輯畫面。透過編輯畫面可以設定測試案例的步驟、預期結果、 ...
【Git】活用Git與Azure DevOps(二) - DevOps 權限
DevOps 權限DevOps 有兩個地方設定權限。
組織權限
專案權限
一、組織權限1-1 進入方式
進入組織入口,點選左下角組織設定。
點選使用者並點選加入使用者
1-2 權限定義 access-level
基本 Basic : 提供對大部分功能的存取,包括專案、存儲庫、建立和管理工作項目、建立和管理管道、建立和管理組織。
專案關係人 Stakeholder : 可指派給無數多個使用者免費使用。此權限不會造成任何費用,但是功能有限。
Visual Studio 訂閱者 : 指派給已經有 Visual Studio 訂用帳戶的使用者。
詳細內容 : Azure DevOps 服務的訪問層級
二、專案權限2-1 進入方式
進入專案入口,點選左下角專案設定。
點選加入團隊(Teams)並且新增團隊
2-2 設定群組權限設定群組類別位於 【Permissions】位置,可以設定群組的權限。可以設定群組的權限,例如:建立工作項目、建立管道、建立存儲庫等等。
2-3 設定個人權限設定個人權限類別位於 【Users】位置,可以設定個人的權限。可以設定個人的權限,例如:建立工作項目、 ...
【Git】活用Git與Azure DevOps(一)-Git 常用指令
前言近期公司有個技術分享日,那我就簡單介紹一下 Git 比較使用的用法以及 Azure DevOps 的使用方式。
GitGit 是一個分散式版本控制系統,比較常見GUI工具為 SourceTree、GitKraken、GitHub Desktop等等。
1. Commit1-1 Commit Amend此指令是將最近一次提交可以再次編輯、添加、刪除剛才提交的文件。如果你在執行 git commit –amend 之前添加了新的更改到暫存區,那麼這個命令將創建一個新的提交,這個提交將包含原始提交的所有更改,以及新添加到暫存區的所有更改。
1git commit --amend
1-2 Undo Last Commit這個指令作用是撤回上一次的commit,但是會保留程式碼、Commit訊息,可在調整commit message後再次commit。
1git reset --soft HEAD^
2. Reset
Soft : 保留工作目錄、暫存區、commit,但是會把commit移除。
Mixed : 保留工作目錄、但是會把暫存區、commit移除。
Hard : 會把工作目錄 ...