#BuildShip + #FlutterFlow - Create a secure #Supabase Workflow!

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
flood oflow provides fantastic support for create read update and delete operations within our superbase database that is great but one thing that flut oflow will struggle at unless you write lots of logic and code of inside flood oflow is to make business level decisions based on that data really really easy so what we do is we call out to a service such as build chip that provides us this fantastic tool set for us to be able to make these business level decisions and we can then return that back to flood oflow in order for it to carry on with all of its present magic that it would normally do and the other good thing about this as well is we want to maintain security as well so if you're using things like Rowl security with inside your superbase database we want to make sure we pass that through into build chip for it to then cool out to superbase and obviously then return that back in a more secure way and finally by using something like build chip we can keep our API Keys secure with inside the platform so without further Ado let's get into the video let's start having some fun with build chip and let's get [Music] cracking [Music] okay so let's put a scenario on the table then now this is something that would not be uncommon to other types of applications where you need to break out from flood oflow to make some business level decision on your data and then return back the result back to your flood oflow application so let me present you then a hairdressers booking application where the user has authenticated they're logged in and they want to choose the next available appointment they want to find out when their Stylus is available next they hit the next available appointment button it will then make an API request out into your build chip workflow it will pass in the staff ID the bill chip workflow will then go through a series of decisions and then return back a positive result back to your flood oflow application now of course the positive result might be a negative result it may be that there is no appointments available we need to handle that too with inside the bill chip workflow so this particular video we're going to carry through that particular set of steps of inside the build workflow just to kind of of show you how you can quite simply make business decisions hopefully without writing much code at all and then of course hopefully you can then take these Concepts into your own flood oflow applications as using build chip to do something very very similar so without further Ado let's get into the video and let's start getting our hands dirt of inside build chip okay so here we are then in build chip and you can see here that I've got pretty well much an empty workspace to work in I've got no workflows on the left hand side the first thing that we're going to want to do is because this application is going to be using super base we're going to need to set up some keys and some URLs with inside the application so we can then use those with inside our workflow so what I'm going to do is um with the basic project all created I'm going to move over to the Cog here just select that and of course here I've got this option called secret Keys now we need to create two keys here one for the URL of the uh the API that it's going to call out to with inside super base and we're going to need to keep hold of that key with inside here as well because we need to pass that along with our our actual requests so we can identify the database that we're actually connecting to on the superbase side so let's now first add a key so let's add the secret key now I'm going to call this one superbase uh superbase URL like that I'm going to move over to superbase this is the database I've actually got here I've selected the settings down here I've gone to API and this is the bit that we need up here so I'm just going to copy this URL just go that go back to build chip let's just paste that into the secret value here hit save okay so then next up once that's been persisted is hit add secret let's call this one superbase API key just like that move back over to the API settings here go down to this one here the project API Keys hit the copy go back to build chip and let's just paste that in there and hit save so those are now created for us we can now then use these now with inside the node that will be then used for superbase callouts to the database so we'll come back and do and configure these in just a moment so here I am then in flut oflow and you can see this is the scenario that I've actually got running here so a user would be logged in at this particular point they click on book appointment and then here I can choose different members of Staff here I'm going to choose KT here and I'm going to choose an appointment time now this is not really used with inside this particular flow but I'm just going to choose a basic cut and this is the bit that's quite important is this little search option here now this option here will allow me to choose a date for the appointment but here this is what's going to allow me to call out to actual the build chip workflow so I've just hit the little search option here away it goes and it's now found an available appointment for me which is 930 so let me show you what that actually looks like from a database perspective and I'll just going to bring up some slides to show you what this looks like Okay so let's have a look then at the table then that we're going to be checking against inside our workflow you can see here this is just a simple representation of the table it's called booking with inside my superbase database you can see I've got a staff ID I've got a Boolean column called booked and I've got a date uh column as well which represents all of the future dates that my stylists are available to be booked now in my database table I have you know a number of rows that contains all of the future dates and times that each staff member is available so for example staff id1 has the next schedule for the next sort of few days or the next week or anything like that they're already there in separate rows which are all represented by nine uh by half hour increments okay so 9:00 9:30 10:00 etc for every single staff member and in this particular application that allows an administrator to be able to kind of pre-ad the database with all of the future appointment times that that particular staff member actually has available so you can see here that um uh KT which is staff id1 is booked currently for 9:00 in the morning so that's not an appointment that we would be interested in if we're trying to find the next available appointment of course you can see in this particular example that ktie is next available at 9:30 so that's the one that we are looking for with inside our application so it's a very very simple scenario but let's now move back over to build ship and let's now work through the workflow to get hold of that particular availability so we can then return it back to our application okay so back in build ship let's create our first workflow let's hit the little plus here and then we can give it a name up here we can just double click and S find next appointment so something like that press enter now what we need to do within our actual workflow here here is this is going to be invoked by an API call so the first node that we want to actually hit is the arrest API call it's automatically selected by default because it's probably the most common with inside build chip hit add trigger and there it is it's all ready to take receipt of our requests from flut flow so I'm going to give this a name so I'm going to call this one find appointment like that just press enter there and then what I'm going to do is I'm going to now change the method here because what we're going to do is we're going to be performing a post request from flood oflow into this API call so let's just choose post now when we do a post request we're going to pass in the values we've inside the request actually into this API call so what we now need to do we need to configure that up with inside here so let's hit the little three dots we just got up here let's hit edit and then here we are into this particular section now we need to head over to the request tab that's just here so just choose that and you can see here these are the type of sections we now need to configure so we're going to now add the staff ID into body that's the first thing that we're going to do so let's just select body hit the little plus here click the rename output and let's give this a key so this is going to be just staff uh ID just like that and then the neb the label can be anything we like but I'm going to give be more descriptive and say this is a staff ID here so this value is what is going to be with inside the actual post request from flood flow you want to make sure that you actually get the name of this absolutely correct okay and then this is going to be um an ID we're not going to be bringing a string in here so this is going to be of number so that's quite important to choose the right type and then we also need to pass in a header in here as well so if your application is using row level security that you've locked down your database then you need to make sure that you pass the actual token that's going to be uh the authenticated user actually into this particular rest call so we need to add that in here in this particular case I'm going to add that it can add in here so just with it selected just hit plus here choose the rename output and I'm just going to give this a name of auor authorization like that and I'm just going to copy that here and I give the label the same thing but just with a uppercase a just like that now of course that's going to be a string because we going to be passing in a beer token actually into this request okay so now we just need to hit the save option just up there and that will now be presented back to the canvas and we can now start creating the next node okay so this is where we can use the power of build chip AI to generate a node for us now the node that we need it to generate for us is to actually get today's date we want that date to be formatted just how we want it to be and we want it to be from Midnight on today's date so how do we do that well quite simply we just hit the little plus here we can then go over and select the generate a with AI node just choose that now this is brings up this particular dialogue and this allows allows us to be now quite descriptive over the AI generated node that we need it to be so my experience so far of build chip is to be as descriptive as you possibly can if what generates is not quite right then you can use AI again to make some changes to the node that it's actually generated so I'm going to put in here a uh kind of a a statement here that we actually want it to consider so we need this node to kind of generate today's date we want it to be this specific format and we want the time to be from midnight so it's pretty clearcut what I needed to generate let's hit the generate option it's going to maybe take s 10 maybe 20 seconds for it to generate this particular node for us and then hopefully we can then test that to see the output so there it is it's all set it was that quick which is great hit the little option that we just got up here and then this allows us to uh now test this particular node now this is the code that it's actually generated now of course if you are not a coder then don't worry about it but generally we want to quickly test this so we can hit the little test node option just up here that node is going to be tested and the result will be presented on the right hand side and hopefully we're looking for today's date which is the 26th of November and we want the timestamp to be from midnight so let's see what it generates there is looks like it's formatted today just how we want it now we can now use this result now in future nodes with inside our build ship workflow so we can just hit the little save up here and then our node is all ready to rock and roll so um that's great that's all set for us now we can now then move on to the next node to then pick up that particular value just one little bit of a tip here you want to try to actually name your nodes um something quite descriptive and meaningful to exactly what it's actually doing so you can just just double click up here and you can then sort of delete this out here and I'm just going to say get today's date just something like that now what the reason why that's important is is because when your noes or your workflow becomes quite complex you're going to want to reference these by their name so you're going to want it kind of this list is going to be built and you're going to be able to then select the node that you're interested in and by keeping it meaningful and descriptive then you're easily going to be able to reference those when you're referencing other nodes with inside nodes hopefully that makes sense Okay so this is where it gets all a bit more interesting now because we are now going to use a node that we can actually apply to our workflow um and we can then configure it then make a call out to our superbase database so this is really straightforward again but it requires a little bit more configuration but I'll show you how all of that works let's just move over here and hit plus now we're going to want to Now look for a superbase node so choose a super base here as an integration option we can scroll down here we can look to see what we need now we're going to want to make a call out now to superbase we're going to pass in our staff ID we're going to pass in the date that we're interested in with some further filtered parameters on the request to then hopefully return back that booking that is available to us so here we got this one called get super base row let's hit add okay so you can see now that we've kind of got all of the kind of required Fields all kind of like highlighted for us that we actually need to pass in so the API key is what we configured earlier on and as well as the API URL as well so it's going to be quite straightforward hit little pen here choose the secrets option we need to choose the superbase API key and then just click away and that's then applied the URL we just want to choose secrets and choose the URL option and then we've both got those two configured they're going to be passed in through the request now the table name in my particular case in this particular example the table in my superbase database is called booking and then the token that I want to pass in if you remember back when we configured this rest API call we created a header value that we could then pass in here as by our token so let's just choose the little pen again let's go to the variables option this time you can see here this allows us now to drill down into our particular nodes that we've got now this is the request it's the very very first one choose the little Ford Arrow here select that and we're going to want to choose the request header and we're going want to pass in the authorization so just choose authorization click away and then that's now applied here now with this particular not there's one slight change that we need to make with what we actually have as out of the boox functionality with inside build chip we need to press the little code option here select that now we're passing in from flood oflow the the actual token as well as the term Bearer okay now that's what gets passed in we don't actually want to pass that in here otherwise we're going to end up with kind of Bearer Bearer which is what we don't want so we just want to delete out Bearer here because our token that we're actually passing in here is now going to be the full Bearer and then the actual token token itself um so we just need to make sure that we set that hit save so that's all set for us and then next up we now need to configure this actual filter because this is now going to reference the table and the token that we're going to pass in but now we're going to be left now with uh with without the ability to actually now filter down to the actual rows that we're interested in now this opens up then a whole level of other options which we now need to sort of briefly talk about okay so what we now need to do with inside build chip itself is make that filtered request out into superbase via the API now what we're seeing on the screen at the moment is the documentation that going to allow you and support you with the additional information you need in order to apply these filters so what's going to happen is is you're going to make this request out of superbase you're going to pass these filters in and then of course superbase is then going to return back with the result based on those actual filters so what you can see on screen at the moment is kind of like the documentation we need need to have a look at now really this is kind of all that flood oflow is actually doing under the covers for you when you're actually applying all of those filters when you're making superbase requests so what we now to do is we need to do something very very similar with inside uh build chip in order to get back the data that we need so what we're going to do is in the next little segment we're just going to build up this filter request which is going to look something like this here we're going to put this together to how we want in order to get to the data that we need with inside our superbase database and of course then that data is going to return back we can then do what we want to do with that particular data so please do go and check the link in the descript because it references this there's lots of examples in this particular page here that you can then use depending on your own use cases with inside your own flood oflow projects okay so back within build chip then with inside our get superbase row node let's choose the filter option just here let's just make this a little bit bigger by choosing the expand option here okay so let's now work this out so what we're going to do is let's now type in what the actual uh filter needs to be so again refer back to that document M mentation I just showed you so what we're going to do is we are looking for a date okay and the date needs to be greater um to or equal and then we need to put a little dot here and this is where we now need to represent the actual variable that we've actually got on our previous node so what we would do is we just go to variables here we go to get today's dat so again this is what I said earlier on about making sure your names are descriptive because of course as you get really lots of nodes here you're going to find you're going to get a quite a big list so we're going to choose the get today's date and you can see here now we're going to get a little bit of a here it's going to convert to JavaScript we've got some back ticks in here now but this is still going to mean the same so we're referencing this particular variable so we we now know that the text will be date equals greater to or equal to Dot and then then the date will actually be added in there as well so again just like the reference material that you saw on that previous SE segment we now need to put an Amper sand in here because we're now going to pass in another value into this we now need to say stuff okay now underscore ID so this is the column name with inside the superbase database I'm going to say equals and this is where we now need to say is equals so EQ Dot and again we now need to reference again another variable here so just choose the variable here but this time of course we've passed in the staff ID actually into this workflow so just choose the little arrow forward here we're going to go into the body and we're going to pick out the staff ID so just select that and that's going to be applied here now we do also need you can see that it's it's kind of not the same as here so we do need to actually apply a dollar symbol and curly open Embrace and we're just going to go to the end there and just drop that in there so we just need to make sure that we include those in we did have a little warning that was just here I'll just delete that one out you can see here if I just probably click away in fact let me just delete this one out let me just delete those out again you can kind of see that there it is that little warnings come up there so it's just reminding you there to wrap the variable with the uh dollar symbol and then the uh braces as well so just going to put that back in there it is okay so we now want to extend out the query a little bit further so put an Amper sand in here just say booked okay then is an equal sign and we want to say EQ dot false like that so we want to make sure that um we have a column called booked that we want to make sure that we that anything that we got to come back to is equal to false and then finally there's one more that we need to put in here and again look at the documentation for this one as well but we want to limit this to one single row coming back there so I put an ampersand limit in there is equal to one that's great and then that would mean we'll only get one record back if one exists and then one final thing that we need to do we need to actually order this list okay so you can put another Amper sand in here and we can say order equals date so this will just ensure that um by default here when we make these queries everything will be in ascending order first and then that is enough there in our filter to then pass in via the API as part of the get request in order to return that data back so uh hopefully that's going to work for us but we can now hit the in fact just click away here like that and that filter will be all set for us just there okay so there's a number of different ways that we can test with inside build chip and you can either Test the full workflow or you can actually test an individual node well in this case we're just going to test an individual node so let's click on the little code option that is just here and what we can do is we can actually now fill out these parameters here on the left hand side in order for us to actually test this particular node so it's quite a good thing that actually when you're trying to work out your filters and make sure they're working okay um instead of actually creating like we did earlier as one complete set you can actually build them up with inside this particular section here so we're going to quickly test this let's now put the token in we need to pass in a valid token because I have row level security on my particular database I'm going to pass the token in so quite simply I'm going to move over to my application here and this is the application running inside flood flow I press just press F5 with inside Google I've just logged in I'm just going to hook on to a request that's being made here and I'm just going to scroll down here um make sure youve got Network tab selected by the way and then we just want to pull out the actual aera token here I'm just going to select all of this just copy that to the clipboard move back over to build chip I'm just going to pass that into the actual token so I now got my token now if I was just now to fire this up if I hit test node we should see a result come back from the database it'll probably be more than one record it likely will be because we've not sort of sort of narrowed down on the filter so it's going to take a moment to execute okay so there we go you can see I've got a number of rows that's coming back from my table now this is where our filter now needs to come into play here now to narrow down on these particular results so with that in mind let's just hit the little save option let's go back to the actual filter that we actually created here so just select the little filter I'm just going to do a control or apple a here and just copy that and I'm just going to go back into the actual test here again okay just go up to the filter here let's just click the little pen let's just paste that actually in here like that now it's going to come up with some errors here we want to clear those off so let's just right let's just sort of delete those out we're not interested in those and we'll come back and we'll just uh fill those in in fact this one here is going to be our staff ID which is going to be equal to one is which we had before and then we can just now go to where it says greater to or equal to and we can now put in the actual date um to represent the formatted date that we did earlier on so that's 2023 I'm going to do a dash and it's going to be the 11th month and it's going to be the 26th today and I'm just going to do the midnight Tim stamp so there we go that is midnight and that should be all that we need to do to test our node so if I just click away now if I hit the little test node option I'm I'm hopeful now that we're just going to get that single result come back which uh pretty well much means our filter is working as we want it and there it is it's come up on the right hand side that is what we're now interested in in making a decision on further in more noes so let's now go and do that now let's extend out this workflow and by the way that's the most complex bit of this workflow so we can now move on to the more simple stuff let's go so the next node that we are going to create is really just a very very simple node in terms of working out whether we actually have any rows coming back from super base or we do not if we have something in there we need to return a true but if we don't we need to return back a false and the reason why we need to do that is because we need to return back to flood oflow either the future appointment or we want to return back a 400 sort of status message to say that there's no appointments available so we can do that really really simple you can do this either programmatically of course or you can use the power of AI with inside build chip to do the Cent node creation for us but we're going to use the power of AI because we're trying to minimize the amount of coding that we're doing here to show you how AI can really support you in building your workflows so just hit the little plus we're going to generate with the AI and we're going to now paste it in a statement here which is what we're looking for I need a node that returns true if my input list contains an item otherwise return false if it is empty so hit the generate so there we go so the node is being created you can see now that it's looking for a list so we can quickly test this out so let's click on the Node option here the node editor let's let's quickly test this out so here is my test the data here on the left hand side choose that let's just create an array now of course again if if you program is you're kind of know here what we're actually doing but I'm just going to put like um a test in here and then just put the value of one now that's just representing an entry uh with inside our array so of course if I can just hit the little test node option here so we should get a true comeback as a result there we go we've got the true that's come back of course I can go back in here now I can remove the entry from the list here here so this just represents an empty list hit the test node and we should get back a false there we go we got the false back so that's all working for us just hit the save okay so back on the canvas let's give this name get appointment something like that here let's now pass in the result of this actually into this particular list now to get that true or false decision so just choose a little pencil here now we want to click on the variables here and actually choose the get appointment okay so just select that that's nicely then loaded and of course when that now plays out that will have a value so that will then return back a True Result and we can now in fact let's probably do this here let's check for this um is um appointment is appointment available something like that and we can now use this now into the next node where we're going to actually make that decision on whether we return back a positive or less more negative result back into flood of flow so we'll move on to next node now okay so we now need to create a node here that's going to now send us into two different directions depending on the result of our is appointment available so hit the little plus here select that and then we want to choose a branch node here so just select that and say add node and then now of course what we need to do we need to select true here and then what we're going to do is we're then going to just press the little pen and we now want to just select this here we want to delete that out because we now need to apply the result of is appointment available now we know there's going to return back a true or a false so just choose little variables here and we're going to choose the one here where it says is appointment available we select that and just click away so we now know if this is true we're going to head into this particular direction of course if it's false we're going to end up in this particular direction here so that all sets us up quite nicely now to Simply Now build out the next set of nodes to return back either that positive or that negative result back to flood oflow so here I am back in flut oflow just to give you a quick update to kind of how we would be dealing with the responses coming back from Flood oflow now typically this is the scenario that you probably find with inside most flood oflow applications where you would make a kind of an API call you would then have this kind of result that you would then be checking for now of course if you get a 200 back a status 200 you will typically move in this particular direction now this normally typically always represents a more positive result of course if it's anything outside of a 200 result that comes back You' head in this particular direction and as you can see here I've got like a an information dialogue to be displayed and of course here in the positive result I'll then go on and do what else I need to do with inside my FL flow application so we need to almost replicate this but with inside build ship itself and um and the way we do that is we actually create some return nodes we need to create a return node here for the uh for the 200 and we're going to we're going to create another return node here for the status 400 on this particular side so let's hit the little plus here let's click on the return let's add the node in there and let's now choose this as a 400 it's a bad request just going to scroll that down a little bit and I'm going to hit the little pen and this is where we now need to be quite standard about the way that we return back an API result back to our flood oflow application so I always like to keep my API results quite standard so I'm just going to choose the JavaScript option here now the reason why I need to choose JavaScript is is because we want to make sure that the header for the response that comes back to flood oflow is actually of a content type Json by saying text you're just going to get a plain text response now that won't be interpreted by flood oflow in the right way so you need to make sure you choose JavaScript now I'm just going to choose the opening curly braces there you can see that I've got these kind of um these brackets that's been added um I'm pretty sure this is a bit of a quirk with inside a build chip um but don't worry about those they probably be removed at the time that you might be doing this yourself or watching the recording but it doesn't have any issue to the output that we're actually having with inside this particular node so what I'm going to do is I'm just going to type in double quotes and Status do a colon and I'm just going to say this is error like that do a comma I'm going to do a message that's going to come back and of course this message is going to be um appointments not found something like that that means I can hook on to this now with inside flood flow and show that particular message as I mentioned before on the alert dialogue box I could do that so that's all that I need to do there now in the actual uh the more positive scenario now we need to do another return node itself just hit the return here and hit add node and of course this is going to be of status type 200 all pretty good I'm going have to keep scrolling this down to keep flicking down and then we're just going to hit the little pen here let's now do the same thing as we did before so just choose the JavaScript here and then we're just going to do the uh the actual open in Brackets there and then sort of the curly the curly braces and then let's just do the same thing again this time I'm going to put a status of uh of okay something like that not that I'm going to use that with inside me FL tolow application I'm just going to put an empty message in here we inside the double quotes but this is the important bit we're going to return back to the result so let's just do a colon there and I'm going to go to my variables and I'm going to go to get appointment this is the super based response that comes back choose get appointment so of course this is now going to put that in here I only want to return back the single uh sort of item because if you remember the uh the actual uh super base get appointment returns back a list we only want to return back the very first one in that particular list now there's only going to be one anyway but it's going to be an array but we just want to pull the first one out and that's all that we need to do so that is all pretty well much all set up quite nicely for us now what we now need to do obviously is now test this we can now test the whole whole workflow within build chip just to make sure that we've got what we need I'm going to need to go back to flood flow and get an updated token cuz the token that I might have had previously has probably expired so I'm going to go and grab that now and then we'll be ready to give this a test okay so let's move into test mode then so we're going to test the whole workflow here now up the top here we got this option called test which is fantastic just choose test and this will now allow us to kind of almost simulate exactly what flood oflow is doing for us when it actually makes in makes these actual so if you remember back to the beginning of the video this is the body that we got coming in this is the post request from flooder flow I'm just going to actually create this now so I'm going to put me curly brackets in there and I'm just going to say a staff ID okay like that with a lowercase there and just do this as a one so that's all that we're passing in from flood oflow and of course I need to move over to the actual headers as well because I need to pass in the authorization so I'm just going to paste the an updated beer token if you're a remember this is kind of what you need to pull pull from uh in my instance I pulled this from Google Chrome I've just logged into my application and I just pulled this I'm just going to hit the test workflow now what I'm hoping to see now is this result coming back hopefully first time if not we'll see if we can correct some problems if they come up okay so that's looking really positive almost first time there you can see here that we've kind of got the Json response come back you can see this is our single result as part of our result of 200 so that is looking really really good so we now need to also test this now to see if there is actually any non-available appointments now we can do that quite simply actually because what we can do is we can actually change the body and we can change this maybe to a staff member that doesn't have any now I do know in my database that staff ID3 doesn't actually have any future appointments okay if I test that workflow hopefully we'll get that back there we go got that error and appointments not found so things are looking really good now so I can actually now hook onto this with inside flood oflow and I'm good to go so you can also see here that we've got some kind of like little green symbols here that's representing in kind of like the the the kind of the test mode if I actually hit that you can see here that I've got kind of got like a date there I can get the appointment I can see that I've got no results back if I to go back into the test mode again and I was to go back to the body and I was to change that to let's say one there let's test that workflow again okay you can see I've got a positive result back there I can go back over to this of course and I can see that actually in here so what's really nice about that is you can really debug kind of like your workflows as they kind of play out um so you can spot so you're going to get to some quite complex workflows you can really sort of hopefully narrow down into where the actual problem was so so yeah so that's it so that's the result this all being done there the the uh the workflow is being executed here so I'm now ready to actually hook onto this with inside my flood flow application I'm not going to do that in this particular video because here I'm trying to explain exactly how you can break out into something like build chip to actually make these business decisions and then move it back into a flood of flow so of course finally once all your workflow is all up and running all all you need to do is hit that Buton up the top there and hit ship there that will deploy it and then return you back then a URL which you can then use of inside your flutter flow project okay so there it is it's all nice and I can now copy this here of course and put it to the clipboard incidentally if you need to access it another Point instead of there you can then press on this little option here and it will show you what you need there so you can just copy that now you can move back over to a flut flow let me show you what that looks like so here I've got this group that's been created here you can paste the uh the API URL and then without the for slind appointment you need to make sure that you got your header in here this is the AA token the one that I I created earlier on so I've just made sure I've typed that out just like that and then what I've done is I've then created a group variable called token which I can pass in the actual token uh from with inside flood of flat actually into every single request that gets made so that's what I've got set up here now of course then I've got the find appointment which is which is the specific kind of call out to uh build chip and you can see here I got for slind appointment with my variables I've got one here called staff ID if you remember that's what we've been using which is just an integer that's passed in and then here's my body that's just been set up you can see here this is very similar to what we've been doing with inside the test so I've got that passed in that's all done and I can then invoke that then from with inside my application which will then call out to build chip and then I'll get that response back and then I can do something with that specific response with inside my application so just very quickly I'm know I'm going to get asked this question with inside the comments of this video so let me quickly cover it now so here is the AP call that I'm actually making I need to pass in the token this is the authenticated user within application the token so how do I get that it's really really simple in flood oflow here is the value here is the action that's selected you can see here this is the variable that I'm looking to populate I'll just click on the little selector I'm going to move over to authenticated user and I just need to select this one down here this ID token JWT token once that's in there then we're going to get that beer token that's going to be passed down into build chips I just thought I quickly cover that just in case you weren't sure about where that was so there you go hopefully you enjoyed this particular video it's super fun building a workflow with inside a build chip as well just to be able to then make those business level decisions which I can then do on the server and then I can pass those responses back to the front end for really that front end to just to do what it needs to do from a presentation perspective please do drop a like on this video really do appreciate it gets it out to the flutter flow and build chip community so they can enjoy this content as well and of course please do subscribe to the channel CU there's going to be so much more coming in the future with using flf flow and build chip together so there we go thank you for watching and I'll see you in the next [Music] video
Info
Channel: The Digital Pro's NoCode Academy
Views: 4,036
Rating: undefined out of 5
Keywords: android app development, flutterflow, flutterflow crashcourse, flutterflow training, flutterflow tutorial, flutterflow tutorial for beginners, flutterflow tutorial playlist, ios app development, learn flutterflow, no code tutorial, nocode tutorial, nocode tutorial for beginners, BuildShip, buildship flutterflow, BuildShip Tutorial, buildship rowy, Supabase, Building Supabase
Id: uhc8732Dpq4
Channel Id: undefined
Length: 34min 44sec (2084 seconds)
Published: Sun Nov 26 2023
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.