Gemini API and Flutter: Practical, AI-driven apps with Google AI tools

AI is changing fast, and knowing how to get started with AI can be overwhelming. We'll show you how to easily build AI-powered features into your apps across platforms from a single code base with the Gemini API and Flutter.
Demo app source code → goo.gle/3Js13Vv
Google AI Studio → goo.gle/3vYWxuI
pub.dev package → goo.gle/3W5pGyQ
Gemini API Quickstart for Dart and Flutter → goo.gle/3W1S0lP
Speakers: Eric Windmill, Ander Dobo
Watch more:
Check out all the AI videos at Google I/O 2024 → goo.gle/io24-ai-yt
Check out all the Mobile videos at Google I/O 2024 → goo.gle/io24-mobile-yt
Check out all the Flutter sessions from Google I/O → goo.gle/io24-flutter-yt
Subscribe to Flutter! → goo.gle/FlutterYT
#GoogleIO
Products Mentioned: Flutter, Gemini API
Event: Google I/O 2024

[@KhanhFlutter]

Hi folks! Khanh here from the Flutter DevRel team @ Google. There's been some questions about storing the API key. As a general rule of thumb, don't store your API key client-side.The Google AI Dart SDK aka pkg:google_generative_ai is at this time to be used for prototyping with AI in your Flutter apps. If you're looking towards shipping your app to production, checkout the Vertex AI for Firebase Dart SDK (pkg:firebase_vertexai). It doesn't require an embedded API key and is currently in public preview, targeting stable in the Fall! The code is nearly identical, migration requires about 3 small code updates --> pub.dev/packages/firebase_vertexai You also get the Firebase perks like the ability to enable App Check too :)

[@phineas3016]

Google is making flutter great again 🎉

[@flutterdev]

Check out all the Flutter sessions from Google I/O → goo.gle/io24-flutter-yt

[@JustenCastle]

Yikes, dont get too excited guys!

[@Flutterdevfintech]

How do I convert the response.text which is made of json like this ‘’’ json { “latitude”: “Lagos” } ‘’’ to normal json in Flutter though I have been able to convert it but i still can access the value lagos

[@shafqatkhan8766]

How to do that user can upload pdf file and gemini gives reponse on the basis of text in pdf with user prompt about pdf?

[@tonykempson4331]

Is the Gemini Pro version still free and the QPM still 60?

[@JohnnyFantaOrange]

Thanks for the upload, Getting real intense vibes from these guys!

[@AnderDoboGoogle]

🤣

[@benmukanirwa]

Incredible. Thanks for sharing!

[@lookdadnomilk]

built this a few years back but abondened it cause it had to scrap sites for the recipes. time to revisit it

[@user-il1qn5kc1x]

That's cool and all, but don't you think that the pricing is a bit too expensive? Probably compared to OpenAI's API pricing? Edit: I don't know how, but the prices are much cheaper and the rate limits are much higher today! They make much more sense now.

[@dexterfury538]

Love this awesome stuff, Thank you Flutter team.

[@alexeygladyshev4718]

Can someone please explain how storing API keys client-side can actually be secure?

[@daviddprtma]

don't expose your API to the client-side because it can be injected by hackers. I suggest you to store it into a serverside likeas node.js, php, or any backend so it can be secure

[@alexeygladyshev4718]

@@daviddprtma thanks, I agree, I always store keys on the backend. But I'm confused why this video promotes devs to do it client-side

[@KhanhFlutter]

Hey y'all! Great question! You shouldn't store the API key client side. If you're shipping your AI-powered app, check out the Vertex AI for Firebase Dart SDK (pkg:firebase_vertexai) which doesn't have an require and embedded API key. It's currently in public preview, targeting stable in the Fall. The code is nearly identical, migration requires about 3 small code updates --> pub.dev/packages/firebase_vertexai

[@brujala1775]

@@KhanhFlutter "Thank you so much for this answer. I really appreciate it and I truly needed it right now. Your help means a lot to me!"

[@hyungtaecf]

Still not available in the EU :(

[@davidmigloz]

It's already available in the EU, but without free tier

[@ehsannazari1456]

thank you so much. tnx to google as well. welldone.

[@erickiarie12]

Вообще классный обменник, мне удобно переводить usdt, спасибо Министр:)

[@GabrielMadichie]

This is good.

[@ТимурНаимов]

А как прокрутить её с телефона? Вы показали с компьютера

[@GrupoDirigente64ECCIMC]

Вот это добрейшее утро;)

[@AlloMission]

This approach is not secure, as even a beginner hacker can find your API key. It is essential to discuss security measures and demonstrate how to handle this on the server side using Node.js or another backend technology.

[@KhanhFlutter]

We just announced the Vertex AI for Firebase Dart SDK (pkg:firebase_vertexai) which doesn't require an embedded API key! It's currently in public preview, targeting stable in the Fall. Migration requires about 3 small code updates --> pub.dev/packages/firebase_vertexai

[@AlloMission]

@@KhanhFlutter First, this demo is incorrect due to security concerns. Second, given the uncertainty about Flutter's future, do you really expect us to invest more time and effort in this preview approach? Finally, Google please wake up

[@jurassa9588]

@@AlloMission Uncertainty in what sense?

[@rhmagalhaes]

This video was made by AI 🤣

[@rabarhusen9170]

I didn't notice that until I see your comment 😂

[@panyamred]

I felt the same 😂

[@reynoldclare7981]

Damnn literally felt it after seeing your comment 😂

[@AnderDoboGoogle]

As an "AI-created presenter", I approve this comment🤣🤣🤣

[@rabarhusen9170]

@@AnderDoboGoogle 😂😂

[@user-gp6hq3td3o]

I've been wanting to learn how to trade cryptocurrency for a long time and your video is the perfect guide for beginners. Thank you for such useful content.

[@superjfbm]

..it doesnt feel.... real.