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