AsyncAPI Let's talk about contributing, 17 Nov 2022

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Let's talk about contributing - AsyncAPI & MQTT Part 1

Description

AsyncAPI & MQTT

A

um Testing testing.

B

C

B

A

A

Okay, um we live uh so I have um a little bit of challenge. um Setting up this live stream. uh For some reason, restream didn't pick up my mic, so I had to, like you, know, restart the string so I'm.

C

Glad everything.

A

Is working fine now and we can easily just jump right into it and yeah so before we sorry.

A

Yeah, so basically we have this live stream that we used to hold, which is called like. Let's talk, contributing and if you've already seen some of it, let's contribute. Let's talk about contributing videos, you can see we used to have a guest right where we invite people over to talk about. You know um the journey into open cells, how their contributions, which is singapi, um something like that right, which is always fun, but today, as you.

B

Can see we don't.

A

Have any guests which is like crazy like uh so we thought about, because we already scheduled this talk: it's live stream, then I, don't just want it to yourself. You know, probably like we should skip it or something so I thought about. Okay, why not just less! Let me improvise right so I'm gonna be talking about Sync, API and mqtt, and how, with these two powerful weapons, how I was able to power? My virtual building right, so this this uh I'm, not gonna, call it a demo but yeah I, just call it the demo.

A

So this demo is gonna, be something related today: basic API streets, like example right, but this time we are gonna be like doing some real kind of real life implementation. Actually, so I really hope we have fun with this one and yeah, so without no further Ado, we will get into it. So I'm gonna start um starts this stuff.

A

A

How you doing man got to see you here? This live stream was meant now you should have studied for one hour, but sometimes I use I have to just know how technology sucks.

A

So we are starting so I'm gonna show you guys the buildings we have no Shameless screen.

A

So now we have this 3D environments, which is, as you can say, you know it's just basically some buildings without power right, so the the main idea of these uh I hope I hope we can. You can see my screen right, so we can confirm if you can see my screen.

A

C

A

Know something on the charts.

A

B

A

Cool, so we can see my screen, which is awesome. You can see the buildings right. You can see three buildings, ah yeah, okay, I'm sit there I'm see yeah man, so I have some technical issues, so I'm just getting started actually.

A

uh So we're waiting for something to confirm.

A

Okay cool, so we have these three buildings in which doesn't it looks really dark right, so it allowed to make sense. We need to like power this buildings right likes and I hope there will be light right, so tribute actually tap units, so I'm I, don't know okay. So now, in order to power these buildings, we need to you like I, said earlier. um This example is going to be related to the existing example. We have in the Sync API studio right. uh uh Yes, so.

C

A

Know why I'm nervous right, I think I'm nervous, because maybe it wouldn't work, but I really hope it works. uh So in order to power this building uh I said earlier, we are going to like be using of mqtt with Sync API, uh so we're using the ctpx like documents and I. Think basically he's just gonna say how cool a sec API is in his live stream right. So first and first we have I'm gonna change my screen to vs code yeah. That was always failed. I I, pretty hope this one doesn't fail.

A

I'm roping this another film. Okay, uh let's see we're gonna share our beers called yo vs. Go ah can't share why a mission.

A

Come on I, don't need permission from you.

A

Oh, this is weird yeah.

A

Okay, let's see if we can update information.

A

A

Three, oh okay: we are having some permission issues. So, let's see how we can fix that.

A

I hope there's some I really wish. There's some music like playing in background. You know why.

C

You guys watch me.

A

Struggling so you guys are missing some music right, I.

B

A

What this big deal with permission is that permission to share.

A

I really hate what is happening right now, because I have no idea where West stream not allow me to share a window.

A

A

Okay: let's try that again.

A

Share my window ah of this system permission as well, according to browser, okay,.

A

What's what's happening for Price sake,.

A

I've been through so much pain just to make this in the world and now I'm stuck interesting, saying I don't have permission to share my screen, I just shared if a browser tab right now.

A

Okay, now I need some help. Let me return cash. This live stream is already going by oh God,.

B

A

Oh, you didn't okay, you watching me so far. Jesus! That's crazy! I really want this like him to go well.

C

A

If you're currently watching this live stream, please hang in there. Please just hang in there.

A

I'm battling restaurant.

A

A

We get some help, we are purchase some help, I hope you have back up soon.

A

This isn't going as expected. I never thought my problem would be eventually sharing my screen to restaurant now, I wasn't expecting once.

A

It's just some random shits, going on.

A

Maybe I should restart my browser to see. Maybe I can you know, get lucky.

A

If you're watching this live stream, I really hope you're enjoying my struggles, because I'm really struggling here.

A

So I think help is coming.

A

I want to try to share my VA school with another sudden. This telephone make me share what a day.

A

What a day to host a live stream.

A

A

uh I'm waiting for bukash to join the call to see I'm hoping if I will start my browser, it would work, but now I'm not sure, because I was if I restart my browser. I don't want to call to end because I'm pretty sure everybody start a browser on the extreme. It's gonna end.

A

Oh really, Jesus, freeze and now he's the only help I'm getting so far. Yes for the day, I guess the devil's lucky today.

A

uh This is bad she's, really bad.

A

I hope I, hope I don't get to like postpone this, or maybe we should stream later because, firstly, I suffered you know with audio and now I'm soft going to sharing my screen. This.

C

A

B

A

Okay, let me try something I believe this works. I, don't know why restroom socks makes um stupid issues.

B

A

Okay, let me restart the browser.

A

A

Let's really hope it works this time.

A

Oh, no, it didn't work.

A

Well, no, this just leave my.

C

A

A

B

A

A

I think I think you're mute.

B

A

Dude I'm struggling for Christ's sake, I can't even show us great I'm.

D

Not sure, though, if I can help you like so you so when you click on the share screen um instead of the entire screen, you want to share just one application: yeah, but I also, don't so I have. But you don't see it on the list like vs code or you just can't.

A

Yeah I can save vs code on the list. I can see all the windows now excellent. Ds code like I, want to share right and I. Just did this error. I can have permission to share and in my settings right, I have full permission like I enabled Windows browser Chrome to have access to screen. Recording everything needed is there and for some reason, restroom saying I need to make updates some settings or something or please update system permission to allow recording for the browser which is already allowed.

D

We did I mean not necessarily uh I, guess it's different when you share Tab and different when you share some application. So you know in Mac you have this. um The crop.

D

um Let me check.

D

Well, did you try to just as a worker front share entire screen, not just guess code.

A

um No I'm not sure that can work entire screen, dude you'd be lost.

A

It's not even working.

D

What browser are you using.

A

D

Chrome, okay I'm on Brave, so it should be the same.

B

A

Yeah so we I checked, it is like a labeled right. I get vs for permission like full permission, I even give group information right, but for some reason Russia couldn't just make that work.

A

What a shitty day.

D

And it's not a Monday.

A

D

I mean I can share entire screen. Look.

A

Wait I can't, can you share a window.

D

D

Just which one is it yeah this one I think.

D

A

It crazy I can't I can see.

D

um And you can see that when I uh I just wanted to click on share, but it's shared already, how do you I mean I can share entire screen but I'm gonna share. You I sent you a screenshot of what I see when I click on share, because I want to make sure that you're seeing actually the same thing.

D

Maybe it's actually different in.

D

Yeah I sent you a screenshot.

D

On this look use, so when I click on share button, that's what I see is this the same that you see like? Do you have these three.

A

D

Entire screen yeah window, so why don't you use entire screen.

A

The same thing, I don't have access, it keeps saying: I don't have answers.

D

Okay, so I thought it's only with vs code but you're like okay, so.

C

D

So it's for sure the privacy issues with the with the Mac I, just don't remember when to where to change them.

A

You sure, because now, okay now because I have in the privacy settings in the mark, right did.

D

A

D

A

D

What option do you have.

A

I can I can share Chrome top right, see.

D

A

Absolutely, but now what I can't do is share.

A

um I can't share Windows tab, an entire screen, and what I have here right in my preference is I, have access to shares right because now I have that bottom teeth like ability to share, but for some reason it's like restroom, isn't picking these settings or something like that should restart my laptop.

D

Did you did you ever successfully share it on restroom.

A

I think this is my first time sharing screen on restroom right, I.

D

C

A

On on zoom and um mates.

D

Yeah, but it's a different application. It's it's zoomed in right.

A

Isn't it working on the same browser.

D

I mean you give as far as I know, you give permission per application.

B

D

Jesus, where is it I? Don't uh sovik, uh you know what it is. I, don't remember.

A

A

A

Only about you.

D

Yeah yeah you so you go to security and privacy, then you go to privacy and then there's screen, recording I, guess yeah. And what do you have in screen? Recording what apps do you have Chrome browser.

A

D

Okay, so Chrome is there on the list of screen, recording allowed apps and it sticked like damaged. Then it's weird.

A

A

Basically, today is weird right.

D

I mean if you want I, can stay here. Entertain people before you restart your Mac. That's the the last thing you can try. Okay,.

A

Let's, let's foreign.

D

Like one hour, so you have one hour to restaurant, your.

C

A

D

D

Vik, how are you doing man.

B

D

Is there anyone watching anyway? Like do you have some questions? I can answer any question like: what's the purpose of life, um Will trump won election um and other easier questions.

B

D

Github actions are thing, I think they're, a GitHub actually.

D

D

They don't work, they have fishes with GitHub folks. No, it's all green.

D

So why you didn't trigger my workflow.

D

Something in and ain't right with GitHub, oh, we have Mr Aziz joining we're up. Does it work is looking.

C

At your face, I'm so disappointed.

A

D

The old rule like reboot, always solves the problem: yeah, okay,.

B

D

um Am I dismissed can I go sir.

A

D

Good luck, mate by the way, you know that if now you know that, if you had technical issues with sharing screen that it means you're, gonna have even more issues, probably with the demo right.

A

Yeah, of course, good.

D

A

C

A

Yes, so I'm back, you see yeah so I'm, sorry for the absolutely crazy moment. um You know I'm, as you can see, I really hope the demo doesn't go wrong right. So I think.

C

I'll see I.

A

Think we've spent closer doesn't mean it's yeah, solving technical issue really weird, so without no further Ado uh we're gonna just get started. So yes, uh let's pray again, I think this is windows.

A

Yeah so I have my screen, which is fun. I, really hope you can see my screen and um you can see. Then I have my clients, which is basically where they have it's no running. No, the code right so I'm not gonna work you guys through now. They they source code will be clients, I, don't think we should worry about that like. What's we actually going to do so, I'm going to start a device.

A

B

A

So now I'm bringing my clients the beauty, universe.

C

A

Yeah we have the building.

A

So, just in case I'm gonna show you what a video looks like. Okay,.

A

As you can see, this is what the Builder looks like. We have this 3D environment of three houses which which eventually, like you can see, has no power and they go of these live stream is eventually to power. This buildings right uh using a second bi um event with mqtt.

A

uh So let's get right into it, because we've wasted enough time, so we're gonna just start going straight to business or funny jokes now, first and first that we have to do is eventually start writing um our secretary file, because uh then I can start explaining what we are trying to like achieve right. So first thing we need to create our API file right instead of a virtual householder.

A

Oh sorry, I'm not showing you the escort going back and forth share this great.

A

Yeah, so we have to create our Sync API file, which is like the first thing. The first step.

A

Because you can see I file come over here.

B

A

A

File, I would definitely recommend you you'll visit the API website to learn more to learn more about this kpi. So sharing the link on the charts.

A

So yeah so, first and first we need to Define our Singapore account, because eventually our server side code would eventually be generated using this executive file, of course. So the first thing I want to do is basic API, which is actually indicating API, really much on the reason so for this tutorial, Amazon 8.5.

A

Yeah then, the lesson about the next thing we are going to Define is the information. So we have easy info objects is basically just the question about our application right. So it takes the title.

A

If you guys can see my screen, so we create confirm, you can see my vs code very well. Oh that's so big I'm, gonna call.

A

Okay, I'm gonna confirm that myself. ah No! No! No! We need to find a better way to like zoom on vs code.

A

How can I make this bigger.

A

Yeah I think it's bigger like this or like this.

A

ah It is very small. Okay, let me see you know free state size.

A

Is it better I think it's better this way.

A

Okay, after I remove the charts ah now.

C

A

Better, okay, so awesome thanks for the head job now we need to continue. You know describing our ticket pack file. Then we, after you define the title of our application, uh so we're just going to call it. Let's say: building.

A

B

A

Think no, let's see.

A

I was like I just laid out flights.

A

Really we needed lights in our house. uh Then we have to describe a version. Okay,.

A

Our application, so, let's just say, version one, basically version one. So you can.

A

C

The next thing we.

A

Want to do is description. Let's inspired our application like the description um description, let's call it outside.

B

A

Let's, let's give it a much more meaningful name or in our house.

A

Our houses, which is.

A

Let's call it this way.

A

Awesome now I'm a big fan of Jason, so.

A

C

A

Overlay so anyways. Now we need to go to the next thing, which is eventually our license. So we of like specify we have a license. It was I.

C

Don't think it is actually like.

A

Required but yeah it makes sense.

A

Many mobile Legends, that's the reason they Apache chicken jelly and.

C

A

A

Yeah, so we have our information about our application. As you can see, um we also have the executive version we're using, which is awesome. Then the next we want to do is our server. We have to Define our server. We have to provide information about our server right. So, let's start the next step now is to create our servers right now. What happens? You can eventually? uh So, let's just put this in development server, because you're not.

C

Doing any production stuff.

A

A

uh No problem missing no any chance: okay, development server. Now the next thing we have to do is be.

C

Worry about how.

A

About where is it so now we actually using the test I'm going to copy the code they tested mosquito.org, which is publicly available, so you can eventually like check it out, and now we have to specify our protocol right. So, as you can see from the title, it's called of this live stream. It's we're saying it's a kpi and mqtt so uh eventually using mosquito.

A

We specify we use an mqtt and yeah description of our broker right.

A

Friction I I'm, not missing things out, so we just say mosquito broker.

A

So, for now it's simple, so let's say we want to go is well if, let's just do it just like make it now better or more advanced, no, let me say enhance right, so we have Discord. There is where we have like past the pot right and I just cry about the description. Also so.

C

You have to learn more.

A

About how to like write series API file, um you should go through the second bi website, slash docs, so we have tons of amazing dogs right, which you can eventually learn from. So just go there and learn more about like right shoes in a very far so we have a prescription. So it's not only a secure connection.

A

A

And the next thing we have to do just passing the default for defaults and.

C

A

Reason why I'm I feel I'm doing this is especially because, um if.

C

A

If you don't use a test mosquito URL right, maybe you want to like set up your mosquito locally, which is something I could have done right, but um I'm.

C

A

The desk Market till um URL simply because I'm having trouble you know because mosquito doesn't work like directly with the browser right, then MP3 doesn't organize with the browser. So you have to like. Do some magic, like you know, serving mqtt over websockets right, um I couldn't I was having trouble setting that up locally. For some reason, it.

C

Wasn't working.

A

So I started to like go with the test basket to URL right.

A

Now the next thing we want to do right now is channels right, and the challenge is gonna be four, because now this is where we start thinking how we want our street flight to work, but as a functionality is we we're gonna need right for what you try to like eventually function. Oh I keep saying street light so because this this project idea was actually from a shoot slight example right. So let's put the next step, which is.

C

A

Now we have channels or.

C

A

Waterproof might know it has spot topic right, so it's kind of those by different names right, you know, I, think channels is what I will be using. So we have channels now. The first channel we are going to like have is going.

C

To we don't have three channels actually.

A

um The first channel will be you need to balance requester and what this actually does is a channel where we're gonna use request um the amount of units each building has left right, so I'm basically connected and we're gonna have another Channel called Unit product responder. So I'm gonna go in depth on why I writing these names and also just because it's gonna be easy for you to like understand uh so we're gonna have really the balancers request. We're gonna have balanced responder.

C

And we're gonna have another.

A

Channel name called Unit balance of data, so, for the sake of this um demo or live stream, we're gonna be we're going to use just three channels and yeah you're gonna see how we eventually like Implement distance with our building right. So we are we're going to have two channels and the first channel is you need to balance balance question right.

A

So it's without even if I pass a description right description describe what this channel is all about. um So this is gonna, be this description.

A

What can we call it? Let's say this channel.

A

I know basically handles.

A

The amounts let's go. No, let's see, let's put a request for the amounts of units selects uh yeah.

C

A

That's in the building.

A

um Now we have the description that we're going to do now is basically.

A

C

Don't think we.

A

Have like us, the parameter.

C

A

Think that is necessary right.

A

Yeah, so what we're going to do now is I, don't think it's like the parameter. It.

C

Doesn't want to do is what does this.

A

Channel actually does like what action does it trigger? Is it probably? Is it subscribe right, but, as you can see, you see that this sounds like a publish request to me right.

A

Okay, now this is this is where it's kind of confusing, even to me personally, when I write a basically I file, I'm, always confused when she is published. She want to subscribe now. I'm gonna explain that here now so we have, you can say when I say we have a published.

A

Initially, if you had to like, maybe um on a study, because it also confuses me sometimes when I say when should I use, publish when should I subscribe right and as you can see now, I'm saying you know the balance requester, which basically says I'm requesting something which means my application should subscribe to somewhere right, because I'm trying to say hey, tell me how much I have left right, which basically sounds like a subscribe function like a subscribe action for me right so which say: um I want something I want you to give me the remaining balance of a building right, I'm, not sending a message like it's basically saying I'm listening to a message.

A

Right so basically sounds like you subscribe, but the way um Singapore works is not like. You have to like at least like I I'm, trying to like break it down right. You have to like take it the other way around right, that's what we have published now whenever you are, whenever you are in a position where you feel you are supposed to be receiving something right, so you're working for you, you like like we have it set out.

A

You need to balance requester your question for something which eventually sounds like you should be subscribing to that channel so that the channel can give you um a data back and feedback right. So now what happens? Is you have to like specify your CPI file, that that should be a published message right, a published child um action simply because your app or from whatever, uh because you you're saying now right, you request it for something, but something this is the challenge.

A

It sounds so complicated right now, even me when I'm trying to like explain it, I'm always like confused, but now what I'm trying to say now is. Whenever you see a publish in the HTTP file, it basically means right. Your application is gonna subscribe to this channel right, so we have opportunity to balance requester, which simply means my application or my building or whatever application I'm using is gonna have to like subscribe to this channel, which means yeah I'm a person for your data, so I'm subscribing to it.

A

Whenever data is available with that channel I'm receiving it and that's why we have this publisher, because I would eventually like publish a message thing so that my application can receive it. So we have a published action. The unit.

C

A

Requester um we have like um extend these published objects by passing the summary so which basically explains what's these Tunnels for right Okay. So this triggers to this triggers so because it is the amount of okay. Let's.

A

Amount of units left in the building.

A

So I'm repressing for a balance or for units right uh next thing we're gonna have here is the oh sorry for personal ID,.

A

There's no produce balance.

A

Well, everybody code is operation ID, whatever it is like, but we're gonna stick to coordinates, but that's a question right. um The next thing or would eventually like. Are we done yeah message? Oh, how can I missed us? They must say.

A

That's what she's gonna be saying? What kind of message of this channel like has so because we have to reach others right, and sometimes this channel is gonna have like this channel might share similar messages right, so I don't want to like duplicate like.

A

Shut it something so what I'm gonna do is this now I have a message? um Yes, it doesn't mean. Let's say, let's call this slides.

C

A

Now this is like the message like message: uh uh no, no, not five minutes; that's it. It takes a name message. Name, sorry, message. Name, let's say: lights, balance requester,.

A

Name then, the description of the name, the title.

A

A

Explain why correctly.

A

Like balanced question, then the summary about message.

A

Somewhere to you and I think.

A

The right summary summary: okay, the summary of the message right, let's just say, requests.

A

But it's balance.

A

C

Then the next thing we.

A

Have to do ah question then. The next thing we have to do is to find the payload right. What type of message I will send it or receiving one of our kids, and we say the type of message we are using for now is as a string. We are not setting anything complicated.

A

A

Yeah, so we have our first channel right, which is a publish which is called Unit balance.

C

Requester, which.

A

Is just which is published, which has a publish action or publish payload right up now? What we want to do next is rates of all to.

C

Find our second channel.

A

So we can just copy this.

A

Holistic, slides.

A

A

Oh, we have to call these, um so we said the first channel is called unique balance. Requester then the second channel would be called genius balance responder, which is.

A

B

A

Okay, so let's say this channel basically.

A

A

Excuse me yeah so now, as you can see like, if we have a third Channel now this is the price you know just gonna get long and it's not gonna be readable as much as I think, but now we have this at this additional payload called components right now. What this component does is. Basically, it basically makes your SQ5 file more readable, because now you can just have all your message payload in the components, then you can use the ref uh and type to have to just link.

A

Just eventually link to the message from the component right, so what I'm gonna do now is to make this easier right. I'm gonna create a component.

A

We just got components and I'm gonna, say messages. Now. This is the message components and what I can do here from this messages is just because I'm just saying hold on whatever message is related to unit balance, requester I'm, just gonna, create it so I'm gonna, say units balance, question I think, like balance requester. So this is our first message. Then I'm gonna pass the payload of that message here.

A

um The main title parallel photos all this stuff, I'm gonna, cut it and just paste it here.

A

A

So what I'm going to do now is to make.

C

A

To that component from message right so.

C

For the message about.

A

Part what I have to do is just say, dollar sign, then ref.

A

And link to where the component the best component, the message payload is in the components right so I just have to say: do this then specify components then slash messages.

A

And now this this um link, this URL here, can actually link to. Maybe you have your component of hosted somewhere else on the internet right. You can eventually just link to each right. You can just link there, so what I'm gonna do is.

A

A

Great, so what I'm gonna do is because, because, since I have my components in the same file as my exactly file, um that's why I'm, basically using this ash stuff here and.

C

Messages then I'm.

A

Gonna say I'm going to like use this message here. This message objects then I got select. My message objects. Now we have access to this, but this um code yeah right. We have access to this message.

C

A

Okay, now we are clicking an arrow markets are allowed muffins what I mean.

B

A

We have components, we have messages.

C

A

First thing: okay, somebody's going on we filling something.

C

A

So I'm gonna copy this see what is happening Studio this.

C

Is gonna be a long live stream.

A

Hey says title.

A

What is going on ah sorry found it, so the structure of my business is wrong right, so I have to ship it back, okay, yeah box, so we have our first message: components right, which is the balance requester, which is related to digital request. Of course, now we need to also create a message payload for unit balance, responder right, but things to me like everything like it, looks similar right. It's just the description that I feel the difference and I think for the sake of this live stream right I feel. Maybe we should.

A

Okay um check it if we should just reuse the same thing right.

A

Okay, so no we I'm not gonna, use the same thing, because I don't think it's similar right.

B

A

So, let's just create another recipe right for responder message, so.

C

A

Just copy this I'm creating your message.

A

Unique balance.

A

Hello responder.

A

And it kind of paste this year and we're gonna modify it so any Lane to gain balance. Responder.

A

And I said right, so we have a title: responder.

A

uh Shooting balance exponent balance message: okay, on balance message, so we have to respond balance message just trying to ensure it is working as expected.

C

A

Okay, content type, so it's just.

B

C

A

To break anything content, type, yeah application.

A

Then we can just copy this. uh This is here, I'll, be on the uniform, responder I feel the message: pillow shouldn't be a string right and I. Think that's the main reason why I didn't want to reuse. This message right because this message right is the pillow is just a straight based on the implementation right. What we're going to be implementing, because I'm saying oh I'm, requesting a.

D

A

Right and from whatever building I'm requesting a balance for right, I think the other thing I should be using as a message is just a building ID, which would eventually return as a string right. But you need balance. Responder Now isn't going to be a string like the massive type can't be a string, so it should be an object right because now, when you're expecting two teams, the building ID and the units right now between just two data, so it can be a strange.

A

It has to be the Json objects, that's their object because we're expecting two teams. So we have to like modify this type to say, objects.

A

This is an object, so what we have now we are going to expand we're going to extend this in Balance responder if it's further right. So, instead of just stopping here, we're gonna extend it. But since we are having we are receiving an object, then we need to like pass in some properties just to ensure the rights very similar rights um message: payload right, so we're gonna, have a new property or properties yeah, so properties and um that's it. We're gonna have building ID as the first property.

A

Because yeah, like I, said earlier, we are going to be expecting two messages right, which is dividend ID and the unit remainder. So green idea has to have a type of integer which is connect here.

A

Then we have the next property. So if you can pass a description for that, it's just just for fun. Let's have a description.

A

A

Then the next property we're gonna have is called so we have the student ID. So the next thing we are going to have is gonna be called units right. So you know we can call it units.

A

You're gonna have the units.

A

Units, the type.

A

So I think the unit should be an integer also because the video will eventually be sending remaining Watts. So this is gonna be an integer and description.

A

Oh, we have the biggest cigarette file. Oh shooting.

A

Putting lyrics now we have our unit, we need balance responder right, so I think we are done. Oh, we still have one more channel to like create, which is the oh. We have one table, um make a reference for the message payload, so I have to do that to just copy paste and paste it, but now we have to change this type of message right. So the message is, you need to balance respond. Oh now we have the unit balance of spellings responder.

A

Yeah yeah, so we have the unit balance.

C

A

And now we have one more channels describe which is the unit units, so the word that publishes the one, the one, the one that actually updates the buildings which in new units right so basically when the whenever service actually received the remaining balance from the buildings right. We want to update the units that will not upgrade to remaining balance to the new figure right. Maybe um they didn't eventually sense.

A

Let's say the building says: oh I have just 90 Watts remaining right, then I have to like update the Watts to 89 right so say: oh now you have 89 Watts, then I receive a new one say: oh I have 89 Watts left. So what I'm doing is every second I want to update I want to reduce from each building the correct amount of units left right. So.

C

In order to do that, once.

A

In order to do that right, once I have the the remaining units from each building, what I want to do now is we move? One just say: oh you've used one unit out of the many units I received from you now. This is your. This is your new units that we published in the units, and that is what this channel will be doing, which is going to be and I. Don't think this should.

A

Okay, let's say we have two units to publish.

A

A

I think I think we released something nice, so I think immediately. It will be very mistake because this should be subscribed.

A

Why I'm not a published, because I eventually say this channel? Basically requests for the amount of units left simply because they are is actually listening like subscribe to a particular the apps. The clients subscribe to this unique balance requester to request for the remaining units right, so it should be a subscribed for the published. Now this publishes then the next. Let's just copy this um paste, it's um we're gonna modify it.

C

A

It's just using space.

A

C

A

A

uh I think I'm gonna create a separate video. You know actually explaining the whole concept of publish And subscribe. um Yes, because I think that would be really helpful, but sometimes it confuses so I know I'm not alone, so this channel left in the description this channel basically updates.

A

A

Amounts of unitlets.

A

Yeah, so this sorry.

A

So this is gonna, be a subscribe um action. That's important! Oh sorry, for this, it's gonna be a subscribe action. It's got subscribing because basically our app is but I'm listening. If there is a new units right, which means uh app, is not subscribed to this particular Channel.

A

No this this is, this, is gonna, publish.

B

Like I said earlier,.

A

Because I said something like that: I also applying this confusion right, because this good balance of data is gonna, be sending it's gonna, be sending a message by putting new units with the New Balance remaining for a particular building, then our app is gonna, be subscribing to it like I said earlier, so it depends on where how you are viewing the application from that determines what we are gonna have in this.

A

C

A

To determine if this would be a publish or a subscribe right now, I'm viewing my application from the client side right now, as I can see from the client side, I'm saying you don't balance of data, my client listens. If there's a new balance, the new unit is left or maybe, if it's in the summer after, like publishes, say: oh, you have a new units.

A

Your your new unit is there tonight, which means my client is actually subscribed to this particular Channel also see if there's a new unit so from the server it's going to publish a message from the client I'm subscribing to a message right, so we haven't subscribed. Yet it's a five action. This triggers the materials. Let's just triggers the nail, it is Triggers on updates of a new units.

A

But this could be fine.

A

Okay, um I think I missed the charts.

A

uh Yeah yeah, so since this um beautiful lots of data is, oh, so ah I didn't think they impression ID. Just for this respond, uh spelling balance responder, let's just say, balance of data, so we have the oppression, ID difference. So our operation ID, is balance of data.

A

Then the message now this is going to share the same message as the unit balance responder right simply because when you publish like when you, when you uh have a new unit right, you have to identify two things right: the building ID, that's the building in which you want to publish a new unit to and also the units right. So how many units left so and it seems they have. It shares the same messages. It's a message which they, the balance responder. So we're gonna use the same message payload.

A

So we don't have to rewrite um the message and I think that's one of the cool things about the components payload, because now you can even you can use the same. If you have um some similarities in the payload, you can just basically use it without having to repeat yourself and I think this is all really hard yeah. All three channels.

A

Data now we have these three channels, so what we're gonna do now is basically.

C

A

Generates some code right now: the node.js code based on our second API file so, and one of the coolest thing about this- is basically once I generate my code. I, don't know how to like worry about how mqtt Works, what I, uh setting up mqtt or some configurations or stuff right. What I just have to do. I'll have to just focus on is basically the business logic right. What I'm trying to like achieve puts this implementation now I need to generate a server.

A

um My second brand file I say that let's do it with the code based on my Skippack file and in order to do that, I'll be using the executive generator. So if you don't have this keypad generator, you have to like install it globally uh in order to use it and now I already have distant installed, so I would be doing it again and yeah. So I hope you can see this tab.

A

Okay now what I have to do now is just say now, as you can see, I'm in the root directly right, I'm a little directory and I have my ticket to add a demo file. uh My client, folder yeah, so I have like I want my server code to like also leave the root directory. Now.

C

What I'm gonna.

A

Do is say: AJ is the command for me to generate my node.js code, which is generator which is hit by generator and I also have a video coming up about generator and think that should be fun now AJ after classified when my secret life file is okay, which is the root file and yeah I have like 35. The kind of templates I want to use like I said: I want to generate a node.js code and I have to like say um secret pi, slash, node.js, I,.

B

A

A

A

Templates, you know that you can generate which I think about as far as you can generate: node.js templates, websocket, HTML, markdown or sort of stuff like.

B

A

Really cool tool, if you could give it a try, so I'm gonna specify the part I'm gonna say: uh yeah. We fully have a production server.

B

A

Yes, because I think yeah we have just production, so you're gonna have multiple servers right, which is cool so now, as you can see earlier, One servers, yeah defined so I'm gonna use its development server development, um oh and the output is gonna, be also the output is gonna, be you know, folder called server, so I need to commit my change enough of this like generates else. It's not gonna, um I think I, hope I'm right yeah. Nothing is okay.

A

You got an arrow, oh 2.5,.

A

Oh because that is the latest: oh, oh, an arrow. First big Arrow.

A

We have a very big Arrow, so it's 25.0 excuse me, but four I, don't know why it's saying is not supported.

A

um Okay, are we first big error? Jeez I think we have some problems with our secret file and I. Think that's one of the coolest things right in generation. You can't generate code if you're thinking back file is having some problems. So, let's see.

A

What's the arrows are something went wrong, oh should not should have required Express. What is server should have a switcher.

A

I'm not sure why.

A

Okay, I'm gonna test this file, I'm gonna copy it and see what I have in my Studio.

A

Longer than expected,.

A

A

Now, let's try that again, I think there's some misconfiguration.

A

ah Oh getting hairs 2.5. Why is 2.5 not supported.

A

Narrator I think that's the latest release.

A

Oh sorry, I have to commit my changes before.

A

C

A

Delete this folder and I could just make it work with cross boss with the false plug I.

C

A

A

My code is generating.

A

Let's spray I hope it works.

A

A

A

So I think the reason why it didn't work before was because I have some configurations.

A

So I was able to copy the ticket by file and take the studio to correct it. uh So if you don't know what studio is I'm gonna show you Studio, so studio is a studio now, just checking so studio is a playground where you can. You know, try out your certificate file and it also like generates uh document like a real-time document, the real-time documentation for your code right. So it's like to walk through to see what you're doing and I'm going to show you how what studio looks like in a few seconds yeah.

A

So this is the Instagram studio and you can see my SQ5 file here in studio and we have this documents. As you can see. Let me know we have really nice uiwi, which I believe is also using the Sync API generator to generate markdown. Oh sorry, HTML templates, as you can see here, yeah, which is fun ction.

A

Now we have always it's already generated the server who and as you can see here, because I'm not sharing my screen.

A

Yeah so we've generated our server code from our Escape by file, so we have the influence, requester Universal, responder, Universal data. We have a message: payload yeah. We basically have a receipt, API file working.

A

um Now, what we, what we want to do next is basically install. So, let's change directly directly into server right. Then we actually went.

C

A

Just reinstall all necessary packages.

A

ah Yeah so install, then, let's see npm wrong start to see if Captain is fine, ah as you can see up and running, so our node.js code is up and running, which is the right step into the moment of truth. So the next thing we have to do now is to start implementing communicating should I say communicating yeah whatever so we're gonna stop this.

A

um Now what I'm gonna do is this I'm gonna hide this for now now I'm gonna Open, my.

A

Clients, my app holder and yeah, so I'm taking this, this live stream is gets along right. Maybe I should Mike is like crazy in two parts where.

C

A

Is the first part then I do have a second part of this live stream where I implement um the second part right, where I start communicating from clients and server like where I start doing, implementation or I can just do it on live stream.

A

um Let's say um what do you think.

A

Should I should I make a second part or I should just keep going in this? Live stream? I, don't like it! It's getting too long.

A

The same fees, if sovik is there or whoever is watching.

A

A

Should create a second part for this live stream.

A

uh Yeah, as you can see, the element comes so far, even though we have some technical issues from the beginning of this live stream, which is which sounds kind of hard right. So I don't like to be really long like just having the whole live stream, and just one long.

A

um Video, so maybe I should just stop this live stream. um You know to the second part a different lecture.

A

Part two: let's see.

A

A

Okay so I think I'm gonna call I'm gonna, I'm gonna split. This live stream to two right, so I created first part now and I'm. Gonna put the second part, which is where I start implementing my.

C

A

A power in my buildings which this API node.js code I, generate that the code I generated based on a single value file in node.js right so and yeah, basically so I'll be implementing the business logic around these projects, so yeah I, think that makes more sense instead of having everything. Just one live stream, because yeah I'm really dehydrated us. Oh.

A

Yeah so yeah I'm.

C

A

Do that and I and I really hope it's not going to like break.

C

A

All right have fun guys so see you guys in the part two of this live stream.

C

A