Watch on 3Speak
---
Intro
Hello Hive Community members,
- With this video, I would like to give you a demo on Hive Authentication system integration on mobile apps
- At the moment, I am using Flutter SDK to build apps
- In case, you are working on native app, you can refer to native code only.
Let’s get started.
- Okay. So, Let’s get started.
- On the right, you are looking at the mirroring of my Actual iPhone.
- On the left, you can see that I have opened Android Studio & You are looking at code which is written in Dart language.
- With Dart language & Flutter SDK you can build apps for multiple platforms.
Explore source code
- Let’s go to browser.
- https://github.com/sag333ar/hive_auth_demo
- Anyone can go ahead & fork the code which I’ve written.
- It is open source & available for all community members.
- We’ll take a look at the main.dart.
- Here you can see that, on tap of login button, I am invoking a native method with a parameter username.
- At the moment, username is static.
- But if you’re building an app, you can take the value from input field & pass that into this parameter.
Flutter to Native?
- How does flutter to native communication works?
- let’s find the answer from their website.
- https://docs.flutter.dev/development/platform-integration/platform-channels
What next?
- So, What happens after it?
- Native app invokes HAS with those params.
- HAS provides A QR Code String & with that QR code String, we do redirection to KeyChain app.
- As a user, you must have hive-keychain installed
- And also, it would be great if you’re logged in already
- If everything is set correctly, flutter app will launch HiveKeychain app.
- Once you provide authorisation from hive-kechain, navigate back to your flutter app.
Refresh
- Click on refresh.
- As a developer, you can also integrate auto-refresh, upon app resume. I leave that to you to integrate.
- Now, you can see the HAS-ID on the screen. Of course I have to keep it blurred for security reasons.
- It also shows expiry value.
Did it help?
- I hope this short video session was helpful for you guys.
- I want more devs to join Hive community.
- Hoping that with this tutorial, we’ll have more flutter & native devs showing interest.
Who am I?
- I am @sagarkothari88.
- I am currently working on a mobile application for 3Speak community members
Support Me Back 🙏
- Vote me as your hive witness - https://hivesigner.com/sign/account-witness-vote?witness=sagarkothari88&approve=1
- Upvote my content
- Follow my channel
Support 3Speak
 |  |  |
 |  |  |
| - | - |  |
Cheers
Have a good one
---
3Speak
Posted from 3Speak iOS App for 3Speak
Developed and maintained by @sagarkothari88
This post has been manually curated by @theindiankid from Indiaunited community. Join us on our Discord Server.
Do you know that you can earn a passive income by delegating to @indiaunited. We share 100 % of the curation rewards with the delegators.
Here are some handy links for delegations: 100HP, 250HP, 500HP, 1000HP.
Read our latest announcement post to get more information.
Please contribute to the community by upvoting this comment and posts made by @indiaunited.
Yay! 🤗
Your content has been boosted with Ecency Points, by @sagarkothari88.
Use Ecency daily to boost your growth on platform!
Support Ecency
Vote for new Proposal
Delegate HP and earn more
Thanks for your great work. That looks really cool. I can image that will be very helpful when live.
10 Points for India
yo