How to Use Open AI's GPT-4o in FlutterFlow - Part 2

Подписаться 78 тыс.

Просмотров 8 тыс.

50% 1

In this second video in the series Integrating Open AI's newest model, GPT-4.0 Omni, in FlutterFlow, we'll cover three steps:
1. Structuring Backend
2. Designing UI
3. Implementing Logic
Setting up Firebase
• Firebase Setup | Flutt...
If you have any questions, feel free to ask in the comments below. Let's jump into FlutterFlow and get started!
Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com
Follow us on Twitter 👉 / flutterflow
--------------
FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.

Наука

Опубликовано:

16 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 51

@adeterminedpolarbear 29 дней назад

This is good; however, as I mentioned previously, you shouldn't hardcode your API key in the front end. I also feel you should show people how to limit message lengths to prevent token overflow and create new chats. It is cool you can do this from within FF but its a major security risk. I know FF launched Cloud Functions not too long ago but theres really no videos on it which I think would be cool to see if they can make some. Nonetheless the structure is the same whether you use an API call or a cloud function youd be passing in the old messages to chatgpt.

@dogstank 28 дней назад

Can you show the correct way to do it? Thank you.

@adeterminedpolarbear 27 дней назад

@@dogstank I'm making a free course on youtube I will make sure it'll be in there

@PrimeURL.VIP_ 7 дней назад

It’s a great video, do continue with web app UI like chat GPT & titles and showing multiple chats + animations

@broadwall5456 29 дней назад

Thanks for this video I’ve been waiting for the 2nd part.🎉🎉

@janmolski 29 дней назад

Great tutorial! Thanks! I would appreciate an addition of image input and chat history.

@HACKTIONREPLAY 8 дней назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-BoaxDTUwWxw.html

@HACKTIONREPLAY 8 дней назад

This is actually better

@user-hs2ih7pk3b 29 дней назад

Finally, after a month❤❤❤

@francomuoio 22 дня назад

Merci pour cette vidéo ! Je suis justement entrain de créer un Chat OpenAI spécialisé pour les développeurs flutter dans ma Formation. Hâte d'avoir le mode stream directement intégré dans FlutterFlow !

@koen.mortier_fitchen 29 дней назад

Project link? Thanks in advance

@MagicMaax 18 дней назад

please more tutorial about the topic! Thanks!!!

@Salaheddinecherif 16 дней назад

yessssssssssssss please more features

@hasymiller 29 дней назад

FINALLY!!!! THANKS!!!!!!

@bedirhano.2269 29 дней назад

Nice tutorial. How do you have the chat history? Aren't you passing the text field message in the prompt?

@mcolemanxc16 26 дней назад

I'm using a component to store my gpt chat messages and cannot access Page State variables from the component level, even though the component is nested under the chat_ai_page where I defined the Page State variables that you created around 7:00 I love FF but it's been an absolute disaster trying to create a functional gpt bot. The premade flows are different that these tutorial videos, the API setup is confusing, the bot can't handle UTC encoding even those I pass UTC-8 encoding in the content header of the API call, and due to the problem above, I can't get the bot to remember the chat history. Ya'll should look at Poe AI to see how they handle bot creation. The FF UI should look a lot more like Poe's to enable rapid development of chat bots. Honestly, I'd rather just build this bot in python - it seems easier that way.

@amazingvideos4824 Месяц назад

Please add the image option to upload the image and ask question from gpt4o

@WoWHimanshu 16 дней назад

Hey team flutter flow can you make a complete video on eCommerce application with Admin panel this is very useful for everyone who use flutter flow specially for beginners 😉

@sdschroeder13 4 дня назад

It would be great to get the code snippet for the custom function (or the prompt) so we don't have to watch the video and re-type it.

@sejalkathed4870 29 дней назад

Is there any app which is in use now(means on playstore it will be) which is created by flutterflow

@kodekhronicles 12 дней назад

where the prompt variable come from and why is it a list?

@Jonnypenthouse 20 дней назад

where are you getting this prompt variable????? mine shows up as messages i followed everything from the video

@jgilbertomty 8 дней назад

Same here...

@ihormolchanov-bb1yx 24 дня назад

Add a voice message function, please

@David_tommy Месяц назад

I wish I could do dis😭😭 But am having trouble paying for the API credits in my country 😭

@DavidZafra 29 дней назад

Please would love to let users upload images. How to do that?

@broadwall5456 29 дней назад

Okay I’m kinda stuck at 9:31 it mentions something about authenticated users, I don’t have this parameter set. How do I add it?

@FlutterFlow 29 дней назад

Here are the instructions for setting that up: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-uri_Mwp_eAY.html

@broadwall5456 29 дней назад

@@FlutterFlow thanks for getting back me I actually found that very same video, although I’m having issues when running the new chat response, I did it exactly the same as you but nothing. I’ll be honest and admit I know very little about how api calls are made so I’ll spend a day just understanding and conceptualizing what exactly is happening here. But thanks again for the video and the reply! 👍🏿👍🏿👍🏿

@Anon-eu6sg 22 дня назад

Can you please create a video on how to create a paywall (in-app purchases) wherein premium content or features are accessible only to paid users. Couldn’t find any good tutorial on it.

@uniquejewelry3174 24 дня назад

Hello. I want to show the marker as a price on the map like a airbnb. please add a new options or make a video showing how it's done

@ivonicolas18 29 дней назад

Hi im stuck at 20:58 please help 😢

@ivonicolas18 29 дней назад

The options are not in there in my project and it says current variable is not valid

@FlutterFlow 29 дней назад

If you don't see it it's probably because you need to provide a name for the action output variable

@andresgordillo4414 26 дней назад

@@FlutterFlow Can you explain better how to solve the problem, I am facing the same problem but I can't find a way to solve it and I don't understand where to provide a name for the action output variable since it is a custom function and does not allow passing values

@andresgordillo4414 26 дней назад

@@FlutterFlow I have watched the video multiple times to see what step I didn't do but I can't find it.

@Victor-st3bd 13 дней назад

@@FlutterFlow the problem is that the connection with the API that you show in the first video doesn't match with the second video, in the first video you define a variable called "messages", but in the second is called "prompts" and apparently has a different structure, but you didn't show that change, can you explain that please

@adeterminedpolarbear 15 дней назад

why don't you guys put the template? its very hard to follow along with the code.

@PA20243 28 дней назад

FF Team can you start working on bugs? Development starts to be really hard because of how everything works. Less cool new features, more focus on bugs fixes pls.

@FlutterFlow 26 дней назад

This is one of the things we're focusing on in the next couple months. Thanks for the feedback.

@davhad 29 дней назад

Steaming needs to be made no-code-level easy to implement with FF given that users expect that level of responsiveness from any app (otherwise they'll use chatgpt directly)

@FlutterFlow 29 дней назад

Coming very soon...

@davhad 27 дней назад

@@FlutterFlow that would be a beautiful surprise :)

@alexanderbjerkvik 15 дней назад

Hard to follow, since various premade components and templates are used, and only briefly explained. Whenever such videos are made, one should assume the viewer does not have such things.

@user-xv9ih4ob6k 28 дней назад

can you make a weather app? :D thanks

@Phantom_Drille 23 дня назад

You can but the feature is not built with flutterflow If I might are you trying to build something like that?

@user-xv9ih4ob6k 22 дня назад

@@Phantom_Drille yes, i want to make a weather app for my community.

@putinninovacuna8976 28 дней назад

Why don’t you show us how to properly upload images into Firebase Storage? There isn’t even an easy way to achieve this without hardcoding. Why can’t we choose the bucket path where we want to upload our generated images? We cant do this in the flow editor action...

@Viju489 22 дня назад

Please improve your support ticket system. Replies to queries take far too long, seeing the consultant is online and ignoring your query is not a good look. Once a consultant engages you, they shouldn’t take another 24 hours to get back to you again.