Week 8 MongoDB Atlas & NodeJS

Mongodb.png

筆者這邊是 macOS (妹渴不渴破)

某些步驟可能不太一樣,大致上大同小異 (單純紀錄過程,不深入探討程式)

下載 Week08 範例專案

下載之後解壓縮

刪除 Week08 下檔案及資料夾

開啟終端機進入當前目錄,並用 Vscode 開啟此資料夾(備用)

接著切到終端機執行以下命令

npm init

指令這裡就不講解了,自己去理解吧

過程中若不想對相關設定 ( 維持 Default )

就持續按Enter

由於一開始我們刪除了套件也重新初始化

所以須重新安裝專案用到的套件

在終端機輸入

npm install express morgan mongoose ejs

接著到瀏覽器端打開 MongoDB ( 註冊就不用我教了吧 )

按下New Project 按鈕

取個你爽的專案名子

若沒有要調整相關授權就直接按下 Create Project 按鈕

之後就在這個介面 在Atlas頁面

按下 Build a Cluster按鈕

選 Free 那個

Free 選台灣 GCP 就免費的

沒什麼能調整的接著就 Create Cluster

等待它建立

A few moments later ~~~

一段時間過後就完成了

按下 Add Your Current IP Address 按鈕

Add IP Address 按鈕

設定帳密

然後按下 Create Database User

選擇 Connect your application

設定語言和版本, 你可以得到連入字串

修改 app.js 的內容

<password> 用上面設定的密碼替換掉

const dbURI = "字串貼在這";

切到終端機,執行專案

開啟本地網頁

http://127.0.0.1:3000

app.js 有路由寫入資料至 MongoDB

http://127.0.0.1:3000/add-blog

至MongoDB可以看到資料庫被添加資料

重新進入

http://127.0.0.1:3000

網站,可以看到網站能讀取到資料庫的內容

min
Latest posts by min (see all)

發佈留言