Introducing LeoInfra V1: MetaMask Onboarding for Hive Blockchain Accounts

in LeoFinancelast month

Introducing LeoInfra V1 MetaMask Onboarding for Hive Blockchain Accounts.png

Over the past few weeks, we’ve been designing, implementing and testing the LeoInfra V1 integration on LeoFinance.io. In its first iteration - the one you see here - we’ve enabled cross-blockchain account signups for MetaMask users along with a few other cross-blockchain features and a completely revamped onboarding process.

The V2 release of our UI is being rolled out in two phases. Phase 1 (this update) focuses on onboarding, account signups and the development/integration of LeoInfra V1 which connects LeoFinance.io to the Ethereum blockchain. Phase 2 will focus on core UI features which will roll out over the next few weeks.

In today's update, we revamped the onboarding process on https://LeoFinance.io. Adding a new dialogue for users to "Get Started" and an improved dialog for existing users to "Sign In".

In This Post:

  • Sign Up With Metamask
  • Sign In With Metamask
  • What Can MetaMask Users Do On Hive & LeoFinance?
  • Wallet UI (MetaMask Users)
  • Wallet UI (Hive Users)
  • What's Happening on the Backend?
  • What’s the Future of LeoInfra?
  • Onboarding Plans

Sign Up With Metamask

image.png

Create an account with Metamask? Yes, we've done it.

You can now sign up to LeoFinance.io directly with Metamask. This feature follows a simple process on the frontend, but a much more complex process on the backend.

If we want to onboard the masses to LeoFinance (and therefore, Hive), don't we need a super simple onboarding process that is as easy as joining something like Facebook, Twitter or Gmail?

With this latest release, users of Metamask can now experience what it's like to join a Web 3.0 social platform just as easily as the most popular Web 2.0 Apps:

  1. Click Get Started
  2. Enter a Username
  3. Enjoy Web 3.0

image.png

After the user clicks confirm in Metamask, LeoInfra creates a Hive account under their chosen username utilizing one of our account creation tokens. It also delegates a small amount of HP for resource credits so that the account can be used to interact on the Hive blockchain.

image.png

Sign In With Metamask

Once a user has created an account through LeoFinance.io using an ETH address, they can now login anytime they return to the site with MetaMask. Their address is linked to the Hive account that we created for them on the backend.

Logging in to the LeoFinance interface for these users is as easy as it is for Hive users who utilize Hive Keychain:

image.png

image.png

image.png

What Can MetaMask Users Do On Hive & LeoFinance?

image.png

MetaMask users can do nearly everything that a standard Hive user can do:

  1. Post
  2. Comment
  3. Upvote
  4. Stake LEO / HIVE
  5. Update Their Profile
  6. Earn Rewards
  7. Send LEO / HIVE / Hive Tokens
  8. Delegate
  9. ....

Wallet UI (MetaMask Users)

The wallet UI looks a bit different for MetaMask users compared to Hive users. When the WLEO operations are reintegrated to the site (after WLEO relaunches), the wallet will look even more different than it does in the current form.

image.png

The first thing that you'll probably notice is the "Claim LEO Token Rewards" button. This allows users to claim their liquid LEO balance (on their Hive account) as ETH in their ETH address:

image.png

The general idea here is that users who come from Ethereum/MetaMask will typically want their rewards paid out on the ETH blockchain. In the original release of this update, this button converted LEO into WLEO on ETH. As an interim solution (until WLEO returns), we've integrated with the Swap.App application on Hive which allows LEO to be automatically converted into ETH.

This button automatically fills out the send transaction with the current total liquid LEO balance, the to field and the proper memo (containing the connected ETH address to receive the ETH payout). All the user has to do is hit "Continue" to convert their LEO balance (rewards) into ETH.

The green text below the amount field shows the approximate ETH that will be received after fees.

The other sections of the wallet UI are pretty self-explanatory. We've got the standard LEO operations that allow the user to send, trade, stake, unstake, delegate, etc.

Below the estimated account value, we allow the user to download the keys to the Hive account which LeoInfra created for them:

image.png

image.png

This operation will download the key file containing all the keys to the Hive account that's been set up and linked to their MetaMask ETH address. Over time, we'll add encouragements for the user to take control of their account so that they can change the keys and follow the principle of "not your keys, not your crypto".

An important step, however, is that the user can do everything a normal Hive user can do without taking control of their keys right away. Keys can be a scary thing and Hive can be rather complex in this regard (because of the multi-level key situation). Now, users can get familiar with LeoFinance/Hive before taking the plunge into proper key management and security.

Again, the Hive UI is also pretty self-explanatory for us. This allows the user to interact with their HIVE balances in the same way that any normal Hive user interacts with their wallet:

image.png

Wallet UI (Hive Users)

image.png

As a Hive user, you may notice a few updates to your wallet page as well. With this update, you can now link your Hive account to an ETH address using LeoInfra via custom JSON on the Hive blockchain.

As the dialog suggests, connecting with Metamask unlocks a number of ETH features. Since WLEO is temporarily offline as we rework the design and security of it for a re-release in the near future, the level of access that users will gain to ETH are limited at the moment. Additional access will be "unhidden" once WLEO is back online.

We call this operation a "Bind" where you bind your ETH address to your Hive account using a Hive-based custom JSON. This JSON doesn't really do anything on the blockchain itself (similar to Splinterlands or Hive Engine). Instead, LeoInfra serves as a sort of watchtower of the Hive blockchain. When one of these custom JSONs are transmitted, LeoInfra picks up on it and binds that ETH address to the Hive account that made the broadcast.

image.png

LeoInfra Custom JSON Binding Operation on HiveBlockExplorer

As LeoInfra is developed over the coming months, more ETH-based features will be rolled out both for Hive users and for ETH-based logins. These bind operations will also become increasingly important as other blockchains and even web 2.0 integrations are added to LeoInfra.

Seeing this JSON should give you some insight into what's possible with LeoInfra. We're scratching the surface of a massive iceberg here with our fingernails. There's so much more that we can and will dig into over the coming months and years.

Splinterlands was really the first application to show us what was possible with custom JSONs on the Hive blockchain. The plans for LeoInfra will blow your mind as we put the incredible features of the Hive blockchain to work with custom JSONs that link us out to other applications and blockchains. LeoInfra gets its name from being the infrastructure that enables a true web 3.0 experience on LeoFinance.

What's Happening on the Backend?

As the name suggests, LeoInfra is a very backend-heavy update. On the front end, we've made it easier than ever to interact with LeoFinance and Hive. On the backend, we've run through a lengthy process of:

  1. Creating a Hive account for the user
  2. Linking it to their ETH address via custom JSON (on Hive)
  3. Delegating ~10 HP to their account (for Resource Credits)
  4. Allowing continuous Hive-based posting/active operations by requiring signatures from their MetaMask

Each time the user does something on https://LeoFinance.io, their actions are posted to the Hive blockchain. Just like any other user. When they make a post, comment, upvote, stake, etc. it's all happening on Hive. You can even check the records of their TXs on the Hive Block Explorer.

What’s the Future of LeoInfra?

The future of LeoInfra is where you get into some even more exciting territory. MetaMask signups/logins are just the tip of the iceberg for this project. Over time, we’re going to build out the database of LeoInfra so that it can handle other blockchains: allowing for even more cross-blockchain onboarding and interactions.

Along with this, we’re going to bring in the Web 2.0 app suite and onboard and integrate sign-ins with major applications like Twitter, Google and Facebook.

As you can see with the current iteration of LeoInfra that went live today - the goal is to quickly and seamlessly allow a new user to sign up and continually sign in. Over time, as they dig deeper into the wallet and begin to learn more about the platform - staking, curating, earning rewards, managing their wallet, etc. - we’ll subtly encourage them to download the keys to their Hive blockchain account so that they can take the reins and fully own their data.

This onboarding process will continually be refined over time, but it’s clear that we’ve made a great stride here in the ability to bring in new users and quickly get them up and running with LeoFinance. If you go back to when our project was started (about 16 months ago), I (@khaleelkazi) did a few interviews on various Steem-based shows talking about “Steemleo” and our goal to onboard the masses to this blockchain.

It’s amazing to see how far we’ve come from that point but the overarching goal remains the same and over the weeks and months that follow, we’re going to see some tangible results when it comes to new account signups and user retention for LeoFinance x Hive.

Onboarding Plans

Now that ETH users can seamlessly connect and onboard themselves into LeoFinance, we're going to run extensive marketing campaigns aimed at bringing ETH users to the site and encouraging them to create an account and start using the platform. This brings more active users to LeoFinance which also brings more active users to Hive.

We believe that this is one of the first steps in a long line of actions that will onboard a massive # of users to the Hive ecosystem via LeoFinance. Over the next few days/weeks, you'll start to see our campaigns going live which include a mix of paid marketing, organic reach and Hive-based initiatives to get the community involved in the outreach program.

Some have asked what the goal of this program is. Our ambition is to deliver on thousands of Hive account signups via LeoInfra over the coming months. As the campaigns rollout and tangible results are gathered, the reality of this vision will set in and we'll show just how viable this massive initiative is to grow the entire Hive ecosystem using LeoFinance.io as the onramp 🚀

 

 

LeoFinance is a blockchain-based social media community for Crypto & Finance content creators. Our tokenized blogging platform (https://leofinance.io) allows users and creators to engage and share content on the blockchain while earning LEO token rewards.

Track Hive DataNew Interface!About Us
HivestatsLeoFinance BetaLearn More
Trade Hive TokensTwitterHive Witness
LeoDex@financeleoVote

Follow @leofinance for official updates

Posted Using LeoFinance Beta

Sort:  

Does a member that use metamask sign up only clsim leo token? Or he can claim all reward from hive, hbd and other tokens on hive side chain?

Posted Using LeoFinance Beta

It's such a shame about that damn hack this would have been moon territory NOW!

Guess we'll just have to wait another month!

Great work, very impressive!

Posted Using LeoFinance Beta

One question that I have is related to get a little bit more details about LEO to ETH conversion. Is this done through an intermediary cryptocurrency, is it enough supply or how does this happen considering that there isn't any LET to ETH market...?

Posted Using LeoFinance Beta

We're using the swap.app service in the interim until WLEO relaunches. Swap.app receives LEO, sells it on LeoDex for HIVE, sends HIVE to Binance, buys ETH and then sends it to your ETH address.

This all happens in less than 5 minutes (usually). It's a quick and simple solution for ETH conversions until WLEO is back online 🦁

Posted Using LeoFinance Beta

Solid! Hopefully, with ETH's huge community, this will make the onboarding a bit easier for them. Nice job team!

Posted Using LeoFinance Beta

I'm excited to see a lot of new users flood into Hive via LeoFinance. Over the coming weeks/months, we're going to roll out initiatives to onboard ETH users and target them specifically to come here and signup to create, engage and earn

Posted Using LeoFinance Beta

Onboarding isn't "a bit" easier, it's just the easiest option we can have on the blockchain sphere. Just three clicks and everything is done. It's terrific.

Posted Using LeoFinance Beta

Awesome! Great job taking the lead in a most important key to success, onboarding more users!

Posted Using LeoFinance Beta

I can't wait to show off the real onboarding numbers. We ain't seen nothin yet 🦁

Posted Using LeoFinance Beta

sweettttttttttt

Posted Using LeoFinance Beta

This is a welcome and great innovation to welcome every metamask users and spread the creativity and content delivery with reward to metamask users. I just joined through metamask to test this out. Great one

Posted Using LeoFinance Beta

Really excited about that!
LeoInfra is HUGE!!

Posted Using LeoFinance Beta

The development is terribly out of Hive. This depth of creativity is simply amazing and I think @khaleelkazi deserves a Best Blockchain Developer Award. Now I have questions:

  • If a Metamask user downloads his Hive keys and changes them via Hive wallet, does this affect his transactions via MetaMask?
  • At the present, it seems that a HIVE -MetaMask bound account cannot see the "claim LEO" feature?
  • Is it possible to know how much gas price could be (on LeoFinance) at the point of converting LEO to ETH?
  • Can a Hive user bind more than One ETH account to LeoFinance?

Posted Using LeoFinance Beta

Good questions @uyobong.venture, I'd like to add one that relates to this,

At the present, it seems that a HIVE -MetaMask bound account cannot see the "claim LEO" feature?

If we have linked our Metamask account can we claim rewards in LEO?

Posted Using LeoFinance Beta

Yep, if you linked with your metamask, then you can claim LEO as ETH which automatically does a market order to sell your LEO on HE, use HIVE to buy ETH and then send ETH to your bound metamask address

Posted Using LeoFinance Beta

Thanks :)

  • This should not impact the binding. If the bind were to unlink by the changing of keys, then the user can simply re-bind their ETH address after changing their keys
  • If a user has bound their Hive address (connected with Metamask), then they should see the claim LEO as ETH button. If this isn't working for you, please drop a screenshot here and I'll take a look :)
  • Yes, the claim button will show you the approximate calculation of how much ETH you'll receive. Keep in mind that this can fluctuate from this calculation based on the HE market order depth
  • 1 Hive account can only be bound to 1 ETH address at a time. We're going to add an "unbinding" process later on for users who may want to change their bound address

Posted Using LeoFinance Beta

All good stuff and an important step forward.

The important thing to note is this is just the first step. There is a lot more coming down the road after this. Many like to look at things in isolation instead of the totality of the situation.

Leofinance is a project that is leading the way but is not the only one. There are a number of projects making strides behind the scene that, in isolation, look like they are having little impact. However, it we look at the collective, it tells a much different story.

Leofinance is its own collective since there are so many pieces being worked on at the same time. Infra just adds another layer that ties into the interface, the dex, and some of the other aspects of the platform.

wLEO being hacked was just a setback, it was not the end.

Posted Using LeoFinance Beta

wLEO being hacked was just a setback, it was not the end.

Sounds like a setback, but it wasn't. It was just a call to more carefulness which is making Leofinance and wLEO more secure than ever.

Posted Using LeoFinance Beta

As we close the case on the WLEO attack next week and also get every LP made whole from the situation, we're going to prepare for a more robust and secure relaunch.

A few people were saying it on that day and it has been echoing in my head. It's a tough time to get through but with all of these other developments + a more secure relaunch (after ensuring that we've closed the case on WLEO 1.0 properly and made all the LPs whole), we will look back on the WLEO attack as a blessing in disguise. Something that made our project that much more secure and ready for a better future 🚀

Posted Using LeoFinance Beta

A lot of this is experimentation and we learn by trial and error.

The release of an upgraded form of wLEO will be a major step forward. Yes we had a setback but with the project willing to do what it takes to make people whole, I think that even instills more confidence.

Turning a negative into a positive.

Posted Using LeoFinance Beta

The #1 priority is to make everyone impacted by it whole. I can't stress that enough :)

We were less than 2 weeks away from a major exchange listing for WLEO. A part of me is upset that this happened, but also relieved that it happened when WLEO was still small. If this happened after that listing, things could have been much much much worse.

Now we have an opportunity to turn that negative into a positive by turning WLEO into a truly robust system to bridge our token to Ethereum for the long haul. The insights we've gained from this attack are incredible. While I wish we didn't have to learn them the hard way, learning them at all is a gift in-and-of itself.

Posted Using LeoFinance Beta

Get the major hiccups out of the way when we are flying under the radar. It would have been catastrophic if it happened after an exchange listing it and getting a ton of people to sign up for LEO using ETH.

Now we can show wLEO as a "future" development.

Posted Using LeoFinance Beta

A few community members have asked what the original update looked like with the WLEO wallet UI implemented. If you're curious, here's what the original update was going to be. All of these features are still available on a separate branch of the LeoFinance UI and will be added back to the interface in the near future when we launch WLEO again in a more secure and robust environment.

image.png

image.png

Posted Using LeoFinance Beta

Simply beautiful. I hope that there would be the option for a Hive user who binds his ETH account with MEtaMask to decide to claim his earning as ETH through the Swap.app option in case he does not want to have it as WLEO.

Posted Using LeoFinance Beta

I tried to do that and 6oo leo went puff.

Posted Using LeoFinance Beta

@oldtimer, the service is plugged-in to the swap.app service for selling LEO --> ETH as an interim solution until WLEO relaunches later on. I've sent your TX info to them and they should get back to you soon with a refund + fix for whatever error they experienced.

The recent HF caused a lot of issues with HE and their service missing blocks. Sorry for the inconvenience :)

Posted Using LeoFinance Beta

No worries. I'm just testing new stuff. Don't waste your time on me. You wouldn't believe if I tell you how many different coins I lost during my four-year learning process, hehe. My biggest hit was selling hive at $1 and invest part of it in Leo.
Keep grinding and we'll do our part. Thanks.

Posted Using LeoFinance Beta

No worries. I'm just testing new stuff. Don't waste your time on me. You wouldn't believe if I tell you how many different coins I lost during my four-year learning process, hehe.

Very interesting to read this...hmmm

Posted Using LeoFinance Beta

i need hlp my post is not showing in leofinance.io page

That's mass adoption, that's how you onboard new users and make them stay. Great to see that LEO.

Posted Using LeoFinance Beta

Superb is all I can say! I'm sure this development will go a long way in bringing growth to LEO and Hive at large

Posted Using LeoFinance Beta

Wow, that's a lot of new features. And, of course, bringing new people to LeoFinance and HIVE via Metamask is super cool decision! Hats off!

Posted Using LeoFinance Beta

that help a lot now i dont have to first turn leo to wleo and then eth now with 1 step and little fee I can tern my earning to eth

This is really nice expanding towards ETH Blockchain and other platoforms

Posted Using LeoFinance Beta

One of the greatest update which everyone was waiting for! Keep it up @leofinance.

Will there be any fees for new users taking rewards in ETH vs. LEO?

Lukashenko - go to jail
Putin - to jail
Tramp - to a mental house
Bibi - jail
Arduan - jail
Assad - hell

You guys are awesome!

Posted Using LeoFinance Beta

This is just beautiful 😍. It could be really take off once ETH 2.0 mainnet is launched.

Exciting future ahead 🎈

Posted using Dapplr

Here we go, we hope a Lot of People coming soon, Leo to the moon.

Posted Using LeoFinance Beta

testing 123

Posted Using LeoFinance Beta

Wooow thats awesome work

This is good news for Hive and LeoFinance alike.

It would be great to also see some kind of integration with the Monero blockchain as well, being able to seamlessly convert Monero to LEO and back would be a great feature.

Thanks for making it even easier to join Hive, efforts like this will allow us to easily overtake Steem again and leave Justin Sun in the dust with a worthless coin.

I like the commitment in this article to coming back with a wLEO again. Will connecting LEO wallets here to metamask increase the total ammount of wleo holders? That can be helpful getting listed on more exchanges.

Posted Using LeoFinance Beta

Congratulations @leofinance! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) :

Your post got the highest payout of the day

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

To support your work, I also upvoted your post!

Can't wait to see some of the onboarding results this delivers for LeoFinance and Hive.

Posted Using LeoFinance Beta

This is very cool! I just signed up with metamask!

Posted Using LeoFinance Beta

This is very cool! I just signed up with metamask!

Posted Using LeoFinance Beta

This is ver cool! I just signed up with metamask!

Posted Using LeoFinance Beta

This is cool! I just signed up with metamask!

Posted Using LeoFinance Beta

Very nice to see the pace of new feature implementation continuing on, in the face of the recent WLEO hack set-back @leofinance. The objectives stated are very clear and you should be supported across the Hive blockchain, for the remarkable innovation and progress that has been demonstrated. As you say, it demonstrates to the broader Hive blockchain what is possible, while only "scratching the surface" ... 🦁

That said, still "licking my wounds" from the WLEO hack, I have immediate questions about LeoInfra:

"As the name suggests, LeoInfra is a very backend-heavy update."

"Over time, we’re going to build out the database of LeoInfra ..."

Questions:

  1. Where is the server(s) for this database and how secure is it?
  2. For a new Hive blockchain / LeoFinance community member, via their new Metamask account, where are their all-important Hive keys being stored? And how secure are they, until they can figure out what those even are and ensure they have been adequately backed up, etc.?
  3. Does the Metamask sign-in “Signature Request” transaction result in an ETH fee each time? I am unaware of any possibility of getting around the obvious answer being “yes,” but maybe LeoFinance has discovered some method of doing so, which is opportunity for me to learn something.

I trust you will not mind me asking these questions, particularly the ones related to security. I would encourage you to give serious thought to covering this in depth. Both perhaps in a separate post and as a standard feature of future posts.

Looking forward to future posts, with this functionality now "live," to seeing what kind of traffic this generates from what will hopefully prove to be a whole new "generation" of Hive / LeoFinance community members. 👍


P.S. At the time this was written, LeoFinance.io was not allowing me to post this comment.

This is cool! I just signed up with metamask!

Posted Using LeoFinance Beta

Genius! It even works on mobile!!!! I just successfully linked with Metamask in the Metamask browser after using Hivesigner on my iPhone (1password was invaluable).

B72E8D6F7AD34FD3A6472973F645E05C.png

Posted Using LeoFinance Beta

Genius! It even works on mobile!!!! I just successfully linked with Metamask in the Metamask browser after using Hivesigner on my iPhone (1password was invaluable).

B72E8D6F7AD34FD3A6472973F645E05C.png

Posted Using LeoFinance Beta

Great improvement of the on-boarding!
Traffic converted into users by utilising metamask makes so much sense.
Well done LEO keep pushing.. you are exemplifying growth and innovation on Hive.

Awesome, this must be one of the best feature LEO brings to us, I'm always tend to seek for security, and when it comes with a known sector, I feel more comfort to use it, thanks to the team who did this great job.

Posted Using LeoFinance Beta

These are absolutely amazing updates. Have you considered advertising @leofinance more on Ethereum communities and subreddits? Even Brave ads could be a great place to onboard new users.

Posted Using LeoFinance Beta

These are absolutely amazing updates. Have you considered advertising @leofinance more on Ethereum communities and subreddits? Even Brave ads could be a great place to onboard new users.

Posted Using LeoFinance Beta

awesome work.

Congratulations @leofinance! You have completed the following achievement on the Hive blockchain and have been rewarded with new badge(s) :

You distributed more than 6000 upvotes. Your next target is to reach 7000 upvotes.

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last post from @hivebuzz:

October 2020 is the World Mental Heath Month


Congratulations @leofinance!
You raised your level and are now a Dolphin!

Do not miss the last post from @hivebuzz:

Hivebuzz support the Papillon Foundation Charity project
October 2020 is the World Mental Heath Month

I'm weaklings! But surely I can catch-up slowly. Just be patient with me if I have questions that I do not fully understand @leofinance. Thank you for understanding.

Posted Using LeoFinance Beta

 last month Reveal Comment