JavaScript - 的 同標籤文章 - 共有 207 篇文章 搜尋時間 0.016 秒

使用 pm2 管理 Node.js 服務

2019-09-25 09:24:43 by Noob Tsai @ Noob's Space [引用來源]

把服務部屬到主機後,如何讓服務保持執行,甚至在主機重開機後都會自動執行呢?通常我們會用 pm2 來管理 server 上的 Node.js 服務。 pm2 的 pm 是 Process Manager 的意思。通常在本機開發的時候,我會使用 nodemon 來測試服務,讓它保持長開、存檔時自動重啟;而在主機上,我會使用 pm2 來管理服務,因為它可以設定服務要不要自動重啟、要不要在...... [閱讀更多]

API 實作(三):以 Postman 測試 API

2019-09-22 11:33:40 by Noob Tsai @ Noob's Space [引用來源]

寫完 API 以後,要怎麼確定 API 是符合文件、符合預期的呢?除了用瀏覽器寫表單慢慢測、或是用 curl 工具測試以外,還有更直覺簡單的方法:Postman。 用瀏覽器檢查 API 的可能性? 用瀏覽器可以直接去檢查 GET 請求,但是欄位不好帶、更難去操作 HTTP header 區塊。POST 請求必須要特定寫一個表單才能送,一樣會有 HTTP header 區塊的問題...... [閱讀更多]

API 實作(二):以 Koa 實作 RESTful API

2019-09-21 17:55:54 by Noob Tsai @ Noob's Space [引用來源]

透過 Koa 來寫 Web 框架,很輕鬆就可以寫出一個 RESTful API。這篇會示範如何以 koa-router,寫一個簡單具有 CRUD 功能的 RESTful API。 在開始之前,我會建議你先閱讀 API 實作(一):規劃 RESTful API 要注意什麼,以了解什麼是 HTTP Method、HTTP Status,甚至是一些命名原則。 什麼是 CRUD?C...... [閱讀更多]

Koa.js:簡單好用的 Web 框架

2019-09-20 18:01:00 by Noob Tsai @ Noob's Space [引用來源]

這幾年 JavaScript 已經不只可以寫前端,也可以寫後端程式。如果說要用 JS 來寫後端程式,第一個我會推薦 Koa.js。 雖然後端早期大家可能會選用 Express.js,但我覺得 Koa.js 更好用。Express 內建許多功能,而 Koa 則完全精簡到只剩基本功能,需要的時候仍然可以再找到(甚至自己寫)適合的 Middleware 來搭配。我不覺得 Koa 可以完勝 E...... [閱讀更多]

nvm:快速安裝、切換不同版本的 Node.js

2019-09-19 23:28:15 by Noob Tsai @ Noob's Space [引用來源]

nvm 可以用來安裝 Node.js,如果有需求測試不同版本的話,也可以安裝多種版本、隨時切換不同版本的 Node.js。 nvm 的全名是 Node Version Manager。由於 Node.js 更新迅速,apt-get 官方的軟體清單可能會來不及放最新的版本,因此用 apt-get 安裝 Node.js 可能會無法安裝到最新的版本。 不管是 Linux 還是 macOS...... [閱讀更多]

Now:在雲端部屬你的網站、後端功能

2019-08-26 09:44:08 by Noob Tsai @ Noob's Space [引用來源]

透過 Now,你可以在任何時候把你的網站部屬到雲端主機服務,你不需要管理複雜的主機設定,全部都在 serverless 的服務上做到好,更重要的是它有免費方案! 要部屬網站,第一個想到的可能是 GitHub Pages,不過它只能放靜態的檔案。像是純靜態的 HTML、CSS、JavaScript,或是已經打包好的 React、Vue 框架等等。那如果今天我們寫的服務會用到 Node...... [閱讀更多]

用 create-react-app 快速打造 Progressive Web App

2019-08-24 13:27:06 by Noob Tsai @ Noob's Space [引用來源]

PWA 很棒,但 PWA 好像不好做?這篇帶你用很夯的前端框架 React 打造 Progressive Web App! 前端修練精神時光屋不知不覺又混了好幾題,這次第六題的旅館服務有 API 可以練習,正好想試試看搭配 API 的 PWA 怎麼做,就拿這篇來當範例吧。 不知道什麼是前端修練精神時光屋活動,可以參考 前端時光屋(一):用 Google Home 打造聲...... [閱讀更多]

Chart.xkcd:畫出手寫漫畫風的圖表

2019-08-20 19:52:23 by Noob Tsai @ Noob's Space [引用來源]

平常要畫圖表的時候,應該會使用開源的 Chart.js 來畫互動式圖表。但是在跟大家長的一樣的圖表、或是自己加 CSS 之間做取捨,或許可以考慮用 Chart.xkcd 來畫齣卡通樣式、手寫風的圖表。 xkcd 是個「關於浪漫、諷刺、數學和語言的網路漫畫」。大多都是簡單的火柴人,裡面有很多諷刺工程師的梗。下圖是名為 Automation 的 xkcd 漫畫。 Ch...... [閱讀更多]

任何能被 JavaScript 改寫的軟體,都終將被 JavaScript 改寫

2019-07-22 13:13:04 by Noob Tsai @ Noob's Space [引用來源]

Atwood's Law: "Any application that can be written in JavaScript will eventually be written in JavaScript." Atwood 定律:任何能被 JavaScript 改寫的軟體,都終將被 JavaScript 改寫。 有什麼東西是早期沒有,後來被 J...... [閱讀更多]

前端時光屋(一):用 Google Home 打造聲控番茄鐘

2019-07-09 19:42:45 by Noob Tsai @ Noob's Space [引用來源]

番茄鐘,是個不想工作或趕死線是很好用的工作方法:強迫自己工作二十五分鐘、休息五分鐘,提升專注力,降低自己亂逛社群網站看影片的可能性。但是通常找好的番茄鐘軟體就花了不少時間,再花點時間研究一下介面,不知不覺時間就過去了,不如弄個聲控的番茄鐘吧? 在想這件事情的同時,恰好喵到桌上有一顆 Google Home Mini,心想要是可以做出一顆聲控的番茄鐘應該很有意思。運氣很好,隔天的 前...... [閱讀更多]