iT邦幫忙

2021 iThome 鐵人賽

DAY 17
0
自我挑戰組

30天小老闆系列(1)--線上排班小工具系列 第 17

DAY17 服務室--JSON Server 部屬

  • 分享至 

  • xImage
  •  

前言

因為 JSON Server 沒有驗證的功能,所以只適合讓我們拿來做作品集使用,可以簡單的讓我們架構出自己的資料庫。
有了資料庫之後,我們還是需要部屬,才能夠呈現給面試官一個可互動的網頁,所以今天就讓我們來試試怎麼樣部屬吧!

環境

  • 安裝 Node.js
  • 安裝 Git
  • 註冊 heroku(heroku提供讓人放置網站的服務)
  • heroku --version 版本查詢,確認是否安裝成功

配置package.json

{
  "scripts": {
    "start":"node server.js"
  },
  "angines":{
    "none":"14.16.1"
  },
  "dependencies": {
    "json-server": "^0.16.3"
  }
}

簡單說明上面的配置

  1. script 配置 start 來啟用 node server,已開啟伺服器
  2. angines 配置 node 的版本,以便 neroku 安裝
  3. dependencies 配置 json-server 的版本,以便 neroku 安裝

上面這三個都是部屬需要的設定。

登入heroku

heroku login

輸入後會跳提示,案任意鍵就會跳到官網讓我們登入囉!

heroku: Press any key to open up the browser to login or q to exit:

git commit

接著我們要把資料都先commit

git init
git add .
git commit -m 'update'

heroku 創造空間

heroku create

使用這個指令之後,heroku 遠端資料庫就也會被綁到我們的 git
所以接著可以直接 push

git push

git push heroku master

然後就會看到一大串資料開始跑,最後就會拿到部屬成功的網址了,可喜可賀

結語

我自己寫的試做資料,雖然部屬成功,但是實際嘗試 get 不到,所以其實目前還在除錯中。
如果明天搞得定,這篇就會在更新一下,哈哈哈。


上一篇
DAY16 服務室--JSON Server RESTful API簡單用
下一篇
DAY18 搞樣式--CSS Gird 是什麼?
系列文
30天小老闆系列(1)--線上排班小工具30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言