Name: MongoDBチュートリアル - Node.jsを使ってゼロからCRUDアプリを作る (MongoDB Tutorial - CRUD app from scratch using Node.js)
Uploaded: 2021-01-14T10:21:58.000Z
Duration: 1 h 12 min 41 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

to 不定詞

And in this video, we're gonna give an overview of the crowd application that we're gonna be building as well as going over what things you should be familiar with in order to follow along with this tutorial Siris.

So the technologies that you should be somewhat familiar with are no Js and express Js, which we're gonna be using for our server side.

We're gonna be using a database cone, mongo, D B, And for our client side, we're gonna be using Jake Riri, the Fetch A P I and Bootstrapped, and you should know a little bit about HTML.

And last but not least for our server side and client side.

We're gonna be using a programming language called Java script.

So now let's actually take a look at the application that we're gonna be building within this tutorial.

So this is gonna be our to do application that we're gonna be building.

It's a very simple interface, so we just have a user input box where we're gonna type are to do so let's say I wanna tight clean garage.

I can do so it create, and you could see that this gets stored.

Now, if I hit Refresh, you can see that the data persist.

So that means that we are saving it with in our database.

If I want to edit this for something, let's say clean room.

Instead, I could click at it and you could see that we get updated with clean room it fresh data persists.

And if I hit the league, it deletes the two D'oh!

And if I want to create multiple two DUIs, I could say clean room, clean house and etcetera.

And all of this data will persist within Armando de be database.

Welcome to part one of building our crowd application from scratch.

So essentially, what we're gonna do in distant Oriole isn't stall our packages, set up our express application and connect to our mongo D B database.

So to get started, I'm just gonna go to file, Gonna go open folder.

I'm just gonna call it mongo D b underscore cried Let's select it.

And afterwards, when I want to do now is let's open up the terminal and from here.

I'm just gonna type Seal s to clear to terminal.

And that's because there's a visual bug with visual studio code at the moment.

And what I want to do now is install our packages that our application is gonna be dependent on.

So I'm gonna type MPM and it and we're gonna pass in the flag wife to get the default values.

And now I want to install the body Parson module and the body parts in module is gonna be used.

The parts Jason between the client side and the service side.

Um, we're just gonna use express for routing.

And this is just gonna be the Mongol D B drivers, and this is gonna help us connect to our database.

And last but not least, we're gonna install the path module, and we're gonna be using the path mantra with just the serve a static HT on mount file to the user.

So now that we have our packages installed, I'm just gonna go up here.

I'm gonna hit control, be to bring up the Explorer.

I'm gonna go to package that Jason I'm just gonna change the main to AP IGs.

And this is just a personal preference I prefer at Dodge as as opposed to index dot Js.

And our second file that we're gonna create is gonna be called d v dot Js.

And this is where we're gonna actually connect to Mongo D B Now from here, I want a code are apt dot Js file first.

So I'm just gonna click here, Control be get rid of that explorer and we could get rid of the terminal for now.

And what I want to do is start importing our modules that we just installed.

It's equal to require express and let's give a space here and next.

What we're gonna do is bring in our body parts and module afterwards.

Let's create an instance of our express application.

So I'm just gonna say constant app is equal to express and let's call it now we're gonna tell our express application to use the body parts in module, and we're gonna be parsing Jason Data sent from the clients I to the service side using the body ports module.

After that, let's bring in our database stuff.

So I'm just gonna say cons the D is equal to require baby.

And last but not least, we're gonna have one more variable here, and we're gonna call it collection, and we're gonna call it a collection to do so we're gonna have a database, and that database is gonna have a collection within it called to do, and that's gonna hold our two DUIs.

So now let's head over to our DVD dot Js file.

And now we're just gonna import arm mongo D B drivers.

I'm just gonna say cons mongo client is gonna be equal to require mongo D.

And we're gonna require the mongo client from it.

We're also gonna require the object i d from the mongo D B module.

So I'm just gonna say cons object I d gonna be equal to require mongo d b dot object.

Next, let's give our database of names, so I'm just gonna say cons bebe name is gonna be equal to, and I'm just gonna call it cried mongo D B.

After that, we're gonna code are you are well, And this is basically the default location of where your mongo D B would be located on your local machine.

So I'm just gonna tight mongo d b local host 27 0 17 And the last configuration that we're gonna give our database is the options that we could pass in.

So I'm just gonna say mongo options and we're gonna be using the new U R L Par, sir.

I Js file to actually create the connection between know Js and Armando D B Server.

So now I'm just gonna say Kant state and the default state of this is gonna be able to know.

So this is going to signify that Hey, we don't have a database yet.

Next, let's actually write our connect method, so I'm just gonna say concert connect is gonna be equal and we're gonna pass on a call back, and we're just going to say the following if state that d B So if there is a database connection, we're just gonna call to call back if there isn't a database connection, we're gonna use the mongo client to connect to the database.

And here we're gonna check if there's any errors.

If there's an error, we're gonna pass it back to our callback.

If there's nowhere, we're gonna set the state, and then we're gonna call our callback.

All right, So this is our connect method.

Let's not forget to add the semi colon here, and we got two more functions, the code.

So the next function that we're gonna code is to get the primary key.

So I'm just going to say cons get primary key and they're gonna pass in the i d.

Of the document, and all we're gonna do is return object.

Object, which will be used to actually Cleary the database by the Primary T Next.

So we're just gonna say, get TB, and I'm just gonna say Return state that baby.

So now let's actually expose all these functions that we create it.

So I'm just gonna say module that exports and I'm just gonna say, get the b connect and get primary key method.

All right, so now I'm just gonna say this and now let's head back to our app dot Js file.

So now that we have all this set up, let's actually connect to our database.

So now I'm just going to say D B Dock Connect.