create account

Hive Authentication Services - HTML code example by arcange

View this thread on: hive.blogpeakd.comecency.com
· @arcange ·
$35.61
Hive Authentication Services - HTML code example
![](https://i.imgur.com/MIuOAhx.png)

Since its launch a few months ago, more and more applications integrate HiveAuth as an authentication method.

For developers, the major advantage of supporting HiveAuth is that it makes their application easy to use for anyone with a Hive account, both on desktop and mobile. In addition, HiveAuth support avoids users having to provide their private keys, which reinforces the security and the feeling of trust in the application they use.

### HiveAuth integration is so easy!

Although integrating HiveAuth is really child's play, sometimes developers feel intimidated reading the extensive technical [documentation](https://docs.hiveauth.com).

That's why I decided to provide them with an example of HiveAuth integration in a simple HTML file. **No library, no framework, just a few lines of HTML and javascript code**.
It will let you see how easy it is to integrate HiveAuth into your application.

It is available in open-source on [Github](https://github.com/hiveauth/hive-auth-html).

The example consists of a small HTML file (and a logo image file) that you can open in your browser:

![](https://i.imgur.com/EsfVoE2.png)

After entering your username and clicking on the button, it will display a QR code that you can scan with Keychain Mobile

![](https://i.imgur.com/tyWUCDC.png)

You just have to open Keychain, scan the code and approve the authentication request.

![](https://i.imgur.com/tS9AjfN.png)

You will then be able to broadcast a sample custom_json operation to the Hive blockchain using either your Posting key or Active Key.

![](https://i.imgur.com/5uiNBj4.png)

Approve (or decline) the transaction request with Keychain on your mobile

![](https://i.imgur.com/wpcNsTq.png)

As soon as you approve the operation via Keychain, the HTML code will display a notification.

![](https://i.imgur.com/3bh6Qe9.png)

Thanks to this concise example, it will only be easier for any developer to integrate HiveAuth as an authentication method in their applications.


### Source code, documentation and support

As mentioned at the beginning of the article, the source code for this sample, as well as other sample code and libraries you can use to make your job easier, is available on [Github](https://github.com/hiveauth).

The [HAS documentation](https://docs.hiveauth.com) has been updated with references to this new example.

Finally, if you need help integrating HiveAuth into your (d)Apps, support is provided on [Discord](https://discord.gg/Tk5dkAgQPh)

---

|<center><div class="phishy"><h5>**Support the **HiveAuth** project**</h5></div></center>|
|-|
|<center>[Vote for the proposal on PeakD](https://peakd.com/me/proposals/194)<br>[Vote for the proposal on Ecency](https://ecency.com/proposals/194)<br>[vote for the proposal on Hive.blog](https://wallet.hive.blog/proposals)<br>[Vote for the proposal using HiveSigner](https://hivesigner.com/sign/update_proposal_votes?proposal_ids=%5B%22194%22%5D&approve=true)</center>|

---
<center>

### Check out my apps and services
<a href="/hive/@hive.engage/stay-connected-with-your-hive-audience-and-catch-attention"><img src="https://i.imgur.com/GiNJqlm.png"></a><a href="/@hivebuzz"><img src="https://i.imgur.com/B4UTun2.png"></a><a href="/@hivesql"><img src="https://i.imgur.com/EPN8RW6.png"></a><a href="/hive/@arcange/introducing-hive-account-recovery"><img src="https://i.imgur.com/6TWeW7V.png"></a><a href="/@hive.autoclaim"><img src="https://i.imgur.com/ih2pEOw.png"></a></center>
<center>

### [Vote for me as a witness ![](https://i.imgur.com/2bi4SnT.png)](https://hivesigner.com/sign/account-witness-vote?witness=arcange&approve=1)
πŸ‘  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 345 others
properties (23)
authorarcange
permlinkhiveauth-html-example
categoryhive-139531
json_metadata"{"app":"peakd/2022.05.9","format":"markdown","description":"See how easy integrating HiveAuth into your application is with this simple HTML code example","tags":["hive-139531","hiveauth","has","blockchain","decentralized","authentication","services","leofinance","palnet","pob"],"users":["hive.engage","hivebuzz","hivesql","arcange","hive.autoclaim"],"image":["https://i.imgur.com/MIuOAhx.png","https://i.imgur.com/EsfVoE2.png","https://i.imgur.com/tyWUCDC.png","https://i.imgur.com/tS9AjfN.png","https://i.imgur.com/5uiNBj4.png","https://i.imgur.com/wpcNsTq.png","https://i.imgur.com/3bh6Qe9.png","https://i.imgur.com/GiNJqlm.png","https://i.imgur.com/B4UTun2.png","https://i.imgur.com/EPN8RW6.png","https://i.imgur.com/6TWeW7V.png","https://i.imgur.com/ih2pEOw.png","https://i.imgur.com/2bi4SnT.png"]}"
created2022-06-16 07:09:27
last_update2022-06-16 07:09:27
depth0
children14
last_payout2022-06-23 07:09:27
cashout_time1969-12-31 23:59:59
total_payout_value17.845 HBD
curator_payout_value17.768 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length3,658
author_reputation1,146,623,489,324,993
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,094,870
net_rshares70,601,329,733,285
author_curate_reward""
vote details (409)
@behiver ·
$0.26
Cool info, such tutorials open the Hive world to new developers or even less technical people. I am thinking also about developing some Hive tools so it is great to see something that I can even use within.

Posted Using [LeoFinance <sup>Beta</sup>](https://leofinance.io/@behiver/re-arcange-3qd9ze)
πŸ‘  ,
properties (23)
authorbehiver
permlinkre-arcange-3qd9ze
categoryhive-139531
json_metadata{"app":"leofinance/0.2","format":"markdown","tags":["hive-139531","leofinance","hive-167922"],"canonical_url":"https://leofinance.io/@behiver/re-arcange-3qd9ze"}
created2022-06-16 08:02:24
last_update2022-06-16 08:02:24
depth1
children2
last_payout2022-06-23 08:02:24
cashout_time1969-12-31 23:59:59
total_payout_value0.128 HBD
curator_payout_value0.128 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length299
author_reputation568,795,433,706,397
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,095,576
net_rshares506,730,681,393
author_curate_reward""
vote details (2)
@arcange ·
I can't wait to discover your new Hive tools and log in using HiveAuth πŸ‘<div class="pull-right"><a href="/@hive.engage">![](https://i.imgur.com/XsrNmcl.png)</a></div>
properties (22)
authorarcange
permlinkre-1655372373421
categoryhive-139531
json_metadata{"app":"engage"}
created2022-06-16 09:39:33
last_update2022-06-16 09:39:33
depth2
children0
last_payout2022-06-23 09:39:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length166
author_reputation1,146,623,489,324,993
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,096,826
net_rshares0
@boscohage ·
This sounds very interesting, hive gives way for different ideas to be developed. Would love to see when it's ready.

Posted Using [LeoFinance <sup>Beta</sup>](https://leofinance.io/@boscohage/re-behiver-4gckww)
properties (22)
authorboscohage
permlinkre-behiver-4gckww
categoryhive-139531
json_metadata{"app":"leofinance/0.2","format":"markdown","tags":["hive-139531","leofinance","hive-167922"],"canonical_url":"https://leofinance.io/@boscohage/re-behiver-4gckww"}
created2022-06-16 22:52:00
last_update2022-06-16 22:52:00
depth2
children0
last_payout2022-06-23 22:52:00
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length211
author_reputation55,308,764,535,728
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,111,677
net_rshares0
@boscohage ·
This is superb but I couldn't see a website or something to go through the process although when I'm about logging into my hive account, I have two options keep me logged in which requires my posting keep or use hiveAuth.

I just tried it now and it was straight forward never did go through with signing up with hiveAuth when I registered it. Didn't really get the idea behind it.

Posted Using [LeoFinance <sup>Beta</sup>](https://leofinance.io/@boscohage/re-arcange-4fe6sm)
properties (22)
authorboscohage
permlinkre-arcange-4fe6sm
categoryhive-139531
json_metadata{"app":"leofinance/0.2","format":"markdown","tags":["hive-139531","leofinance","hive-167922"],"canonical_url":"https://leofinance.io/@boscohage/re-arcange-4fe6sm"}
created2022-06-16 22:50:21
last_update2022-06-16 22:50:21
depth1
children2
last_payout2022-06-23 22:50:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length476
author_reputation55,308,764,535,728
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,111,655
net_rshares0
@arcange ·
[peaks.com](https://peaks.com) and [hive.blog](https://hive.blog) fully support HiveAuth.

Signups with HiveAuth are not possible because you need an existing account to use it.<div class="pull-right"><a href="/@hive.engage">![](https://i.imgur.com/XsrNmcl.png)</a></div>
πŸ‘  
properties (23)
authorarcange
permlinkre-1655443423415
categoryhive-139531
json_metadata{"app":"engage"}
created2022-06-17 05:23:45
last_update2022-06-17 05:23:45
depth2
children1
last_payout2022-06-24 05:23:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length271
author_reputation1,146,623,489,324,993
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,117,351
net_rshares11,833,018,387
author_curate_reward""
vote details (1)
@boscohage ·
Then I think I have an account already but can't even remember when.

Posted Using [LeoFinance <sup>Beta</sup>](https://leofinance.io/@boscohage/re-arcange-3b14zr)
properties (22)
authorboscohage
permlinkre-arcange-3b14zr
categoryhive-139531
json_metadata{"app":"leofinance/0.2","format":"markdown","tags":["hive-139531","leofinance","hive-167922"],"canonical_url":"https://leofinance.io/@boscohage/re-arcange-3b14zr"}
created2022-06-17 11:27:21
last_update2022-06-17 11:27:21
depth3
children0
last_payout2022-06-24 11:27:21
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length163
author_reputation55,308,764,535,728
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,122,090
net_rshares0
@emeka4 ·
This is really nice and thanks for sharing
properties (22)
authoremeka4
permlinkrdkd35
categoryhive-139531
json_metadata{"app":"hiveblog/0.1"}
created2022-06-16 09:30:45
last_update2022-06-16 09:30:45
depth1
children1
last_payout2022-06-23 09:30:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length42
author_reputation234,166,618,016,346
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,096,660
net_rshares0
@arcange ·
Thank you @emeka4<div class="pull-right"><a href="/@hive.engage">![](https://i.imgur.com/XsrNmcl.png)</a></div>
properties (22)
authorarcange
permlinkre-1655398568160
categoryhive-139531
json_metadata{"app":"engage"}
created2022-06-16 16:56:09
last_update2022-06-16 16:56:09
depth2
children0
last_payout2022-06-23 16:56:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length111
author_reputation1,146,623,489,324,993
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,105,320
net_rshares0
@jhon333 · (edited)
Integrating authentication solutions like HiveAuth into a frontend project is a smart move, especially for secure, decentralized applications. It’s impressive to see examples like this, as they really show the potential for enhancing security in user experiences. For anyone prepping for a frontend interview, practicing with [trivia practice questions](https://frontendlead.com/trivia-questions) around authentication, security protocols, and session management would be incredibly helpful. Understanding these concepts can really set you apart, as it shows readiness to tackle real-world challenges with a strong technical foundation. This kind of example is a great reminder of how essential security knowledge is for frontend roles today!
properties (22)
authorjhon333
permlinkre-arcange-20241111t16357239z
categoryhive-139531
json_metadata{"tags":["hive-139531","hiveauth","has","blockchain","decentralized","authentication","services","leofinance","palnet","pob"],"app":"ecency/4.0.1-vision","format":"markdown+html"}
created2024-11-11 14:03:57
last_update2024-11-18 10:52:30
depth1
children0
last_payout2024-11-18 14:03:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length742
author_reputation3,337,751,826
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id138,395,176
net_rshares0
@megaela ·
One more option to access safely and easily for developers, great!
properties (22)
authormegaela
permlinkre-arcange-2022616t12014878z
categoryhive-139531
json_metadata{"tags":["hive-139531","hiveauth","has","blockchain","decentralized","authentication","services","leofinance","palnet","pob"],"app":"ecency/3.0.30-mobile","format":"markdown+html"}
created2022-06-16 16:00:15
last_update2022-06-16 16:00:15
depth1
children1
last_payout2022-06-23 16:00:15
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length66
author_reputation14,558,969,535,145
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,104,075
net_rshares0
@arcange ·
Thank you @megaela<div class="pull-right"><a href="/@hive.engage">![](https://i.imgur.com/XsrNmcl.png)</a></div>
properties (22)
authorarcange
permlinkre-1655398599253
categoryhive-139531
json_metadata{"app":"engage"}
created2022-06-16 16:56:39
last_update2022-06-16 16:56:39
depth2
children0
last_payout2022-06-23 16:56:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length112
author_reputation1,146,623,489,324,993
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,105,331
net_rshares0
@pixresteemer ·
<center>![pixresteemer_incognito_angel_mini.png](https://files.peakd.com/file/peakd-hive/pixresteemer/8h7BBw1w-pixresteemer_incognito_angel_mini.png)</center><center>Bang, I did it again... I just rehived your post!</center><center>Week 110 of my [contest](/hive-179017/@pixresteemer/the-re-hive-contest-results-week-109-and-start-week-110) just started...you can now check the winners of the previous week!</center><center>!BEER</center><center><sub>3</sub></center>
properties (22)
authorpixresteemer
permlink20220616t072104227z
categoryhive-139531
json_metadata{"tags":["archon","pixresteemer"],"app":"pixresteemer"}
created2022-06-16 07:21:03
last_update2022-06-16 07:21:03
depth1
children1
last_payout2022-06-23 07:21:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length467
author_reputation121,305,659,748,123
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,095,009
net_rshares0
@beerlover ·
Sorry, out of BEER, please retry later...
properties (22)
authorbeerlover
permlinkre-pixresteemer-20220616t072104227z-20220616t201627890z
categoryhive-139531
json_metadata{"app":"beerlover/2.0"}
created2022-06-16 20:16:30
last_update2022-06-16 20:16:30
depth2
children0
last_payout2022-06-23 20:16:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length41
author_reputation25,787,219,315,076
root_title"Hive Authentication Services - HTML code example"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id114,108,799
net_rshares0
@poshtoken ·
https://twitter.com/freeublue/status/1537397534506852354
<sub> The rewards earned on this comment will go directly to the people sharing the post on Twitter as long as they are registered with @poshtoken. Sign up at https://hiveposh.com.</sub>
properties (22)
authorposhtoken
permlinkre-arcange-hiveauth-html-example18101
categoryhive-139531
json_metadata"{"app":"Poshtoken 0.0.1","payoutToUser":[]}"
created2022-06-16 11:33:39
last_update2022-06-16 11:33:39
depth1
children0
last_payout2022-06-23 11:33:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length244
author_reputation5,412,673,476,323,067
root_title"Hive Authentication Services - HTML code example"
beneficiaries
0.
accountreward.app
weight10,000
max_accepted_payout1,000,000.000 HBD
percent_hbd0
post_id114,098,746
net_rshares0