網頁開發 Web Development-分類文章彙整。 @地瓜大的飛翔旅程第117頁

[指南] 線上 QR Code 產生器

Posted on2019-11-232019-11-22

在寫Blog、做簡報和報告的時候，常常會有需要使用 QR Code 的情形。這個網站所提供的免費 QR Code 生成器算是佛心、好用的生成器，而且還可以客 Read More …

[筆記] 台灣縣市二聯式選單 tw-city-selector.js

Posted on2019-11-172019-11-11

最近的專案中，正巧需要給使用者填寫地址。那麼一個友善的表單，有個基本的縣市下拉式選單是很常見的(通常還會帶有郵遞區號3碼)。秉持著若已經有人造好輪子，那就不一定 Read More …

[筆記] Node.js 在 Windows 上的開發環境建置

Posted on2019-10-182019-10-01

這篇文章記載下於 Windows 上建置開發 NodeJS 相關應用的環境過程和步驟。操作步驟 [crayon-68c5502905de7806586358/ Read More …

[筆記] Heroku Sequelize 佈署細節

Posted on2019-10-022019-12-09

本篇記錄下如何將 SQL 關聯式資料庫佈署到 Heroku 上的步驟與心得。操作步驟

// 1. Heroku 指定的資料庫是用 PostgreSQL，故先用 npm 安裝相關套件
npm i pg
// 2. 調整 config/config.json 的設定
 "production": {
    "use_env_variable": "DATABASE_URL",
    "dialect": "postgres",
    "protocol": "postgres",
    "dialectOptions": {
        "ssl": true
  }
// 3. 建立 heroku 專案
heroku create
// 4. 佈署到 heroku，在這一步若你的 git 存放位置和 package.json 不同，會導致佈署失敗。
git push heroku master
// 5. 專案啟動
heroku ps:scale web=1
// 6. 在 heroku 上產生資料庫
heroku addons:create heroku-postgresql:hobby-dev
// 7. 在 heroku 的資料庫內生成假資料
heroku run npx sequelize db:seed:all