Create Supabase REST API and implement it in Flutterflow

hello everyone in this video I want to create some tutorial to uh generate uh R API from Super B database from table on super Bas so um as you can see uh flat is already integrate with super B that that's mean uh you can use the action action on every button on everywh you want to call the SP function but uh in some cases uh you may be want to create uh some res API to maybe to join the table uh create the function or want to show uh want to show the table and the relation and for this time I want to create some tutorial to show a one table and maybe in the next video I want to create the the function from Super B and then I will generate the rest API from that so let's start the tutorial uh uh before this uh I already clear uh the person table as you can see the structure is like this the fields is like this and then on the table I added some row or two rows before um like this and after you created the table and you put some data on that uh you have to go to the API do and on the table and Fs you select the table you want to generate as a API and choose the bus T and this is uh the feature or the option if you want to want to call the rest API for example if you want to show just the birth do that just the bird place or you want to show the entire row you can copy the URL and then for the testing needed I will open or or I will using the insomnia you can use tools like this like uh Postman and this is the URL I already put I will create from beginning put the URL and then uh this uh this R API is uh needed the API key and authorization in the heer of the r API so uh so for to get the value from the API key and authorization you can go to the setting and then to the API you just uh copy this value or the token or the or the credential to your bman or to your insomnia like go to the Head Tab and then add and then add API key copy the faue add another one is auto out toan and then you can get the token from the GWT so after that uh click the send button and you will got the data from the table uh but before before of that uh you have to make sure you already already create the RLS for that table you want to you want to generate some API or in this case I already uh turn off the RLS okay and or you you have to create the new poish to to be more secure and and after that uh we going to jump into the flat flow as you can see I already created some project that retrive the r API but I will create uh from the beginning first thing first you have to go to the API call and then uh add API call name is up to you and and copy the URL and then create an heer i and copy the token AO and and then uh click the respond and test Tab and test API call for one API press or URL okay maybe there is some mistake or API key and that's API call as you can see the data successfully tribe and for the on the bottom of this page uh you can add the Jon pad I will add the Jon pad name and then the address okay after that uh don't forget to save or at call for the first time and for the page on the page I already create list View and this style add this View and then at pleas uh inside of this view okay and after that on the list view on the backand query tab click add query and choose API call for or person two and okay confirm and then go to the generate tab name is up to you and for the value we can put from the Aon and for the aable option is Jon pad and uh choose the dollar symbol after that save confirm and for the tial value we going to put from the name this p and choose the person to response and Jon B J P and choose name GPM and for the appable option is uh um maybe item and index and then justo your specific index and for the index is choose from the API gen all right and choose index in list confirm confirm and we run the project as you can see the subtitle is already filled with the name but this is the mistake I want to name is for the ti copy the value copy the variable and go to TI PR and for the ti I want to show the address so chain with address JP address okay reload okay um the the specific the specific field is already type in the tile and subtitle okay everyone uh thanks for watching uh and if you have a question just feel free to asking me in the comment section below thank you everyone

Channel: yusuf firdaus

Views: 183

Keywords:

Id: n9CzeqS7A-g

Length: 12min 0sec (720 seconds)

Published: Fri Jan 26 2024