iT邦幫忙

2022 iThome 鐵人賽

DAY 28
0
Modern Web

React應用記錄誌系列 第 28

Day28 MERN Stack -4 - MongoDB Atlas & Mongoose

  • 分享至 

  • xImage
  •  

建立一個雲端數據庫mongodb atlas
https://www.mongodb.com/atlas/database

1.建立一個帳戶
https://ithelp.ithome.com.tw/upload/images/20221013/201398009ceNIy4pVc.png

  1. 建立一個組織Create Organization/Name Your Organization

https://ithelp.ithome.com.tw/upload/images/20221013/20139800GI3bifcsW8.png

3.建立New Projects

https://ithelp.ithome.com.tw/upload/images/20221013/20139800cveQtUysHS.png

4.Create a database(Free)

https://ithelp.ithome.com.tw/upload/images/20221013/20139800dS86whj886.png

5.設定雲提供商和地區Cloud Provider & Region,集群名稱Cluster Name

https://ithelp.ithome.com.tw/upload/images/20221013/20139800ZYd7UvfdAA.png

6.Username and Password / Add My Current IP Address

https://ithelp.ithome.com.tw/upload/images/20221013/20139800yKDK1rztIC.png

7.建立Database完成,進行連線,connect your application

https://ithelp.ithome.com.tw/upload/images/20221013/20139800cWU5LRlUPk.png

8 複製連接字符串添加到您的應用程序.env文件中

https://ithelp.ithome.com.tw/upload/images/20221013/20139800Bkx46oX16I.png

9.安裝好mongoDB後接下來在env文件添加MONG_URI=貼上上一步複製的連接字符串

.env

PORT=3000
MONG_URI = mongodb+srv://貼上連接Database的連接字符
           記得:連接字符串的<password>要改為你mongoose帳號的密碼,否則無法連線成功。

二、安裝mongoose這是用來寫入數據庫文檔,聲明模型models和模式schemas的方法。

2-1.

npm install mongoose

2-2.在server.js導入mongoose,連接至雲端Database

server.js

const mongoose = require(‘mongoose’)
Mongoose.connect(process.env.MONGO_URI)
 .then(()=>{
//listen for request
App.listen(process.env.PORT,()=>{
Console.log(’connected to db & listening on port’,process.env.PORT)
})
})
 .catch(error) =>{
console.log(error)
})

三、建立mongoose schemas models設置要保存到數據庫的數據

3-1創建一個模型文件夾models/UsersModel.js
3-2 const mongoose =require(‘mongoose’)
3-3 create Schema ,最後導出

UserModel.js

const mongoose = require('mongoose')

const Schema = mongoose.Schema

const userSchema = new Schema({
    title:{
        type:String,
        required:true
    },
    reps:{
        type:Number,
        required:true
    },
    load:{
        type:Number,
        required:true
    }
},{timestamps:true})

module.exports = mongoose.model('User',workoutSchema)


上一篇
Day27 MERN Stack – 3 設置Routes
下一篇
Day29 MERN Stack -5 RESTful API
系列文
React應用記錄誌31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言