OneLoveDTube IPFS Uploader v0.8.4: Keychain auth support, updated homepage and more!

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@techcoderx·
0.000 HBD
OneLoveDTube IPFS Uploader v0.8.4: Keychain auth support, updated homepage and more!
<center>![](https://video.oneloveipfs.com/ipfs/QmU1Giji8XLMv3PhAYZbVFhMpzt7ayFaQuCdth11waAJJ8)</center>

# Repository

https://github.com/techcoderx/ipfsVideoUploader

# What's new
### Keychain Authentication Support Added!

<center>![](https://i.imgur.com/4rPWDFs.png)</center>

##### Commits:
* [Login form pop up](https://github.com/techcoderx/ipfsVideoUploader/commit/b20bb2283109c5031785ed045fd4180da2f1d995)
* [Keychain login API server](https://github.com/techcoderx/ipfsVideoUploader/commit/ef7a972d602e094d9104b3eccd21f92e518a1ccc)
* [Upload page implementation](https://github.com/techcoderx/ipfsVideoUploader/commit/2bcf4cdbba8437cc65ff95f742adf5c65e184ba1)

Previously, the only way to authenticate to the uploader is through SteemConnect, which is a centralized Steem authentication system. Despite that it is easy to implement (and checking if logged in user is listed in [whitelist.txt](https://github.com/techcoderx/ipfsVideoUploader/blob/master/whitelist.txt) file), it has some potential problems that users are facing, including the mysterious `sc2-sdk-error` that also persisted in other Steem DApps that use SteemConnect for authentication. Additional beneficiary fees of up to 2.5% have been introduced for SteemConnect users in their [latest update](https://steemit.com/steemconnect/@fabien/major-incoming-changes-on-steemconnect), which most users would not want to incur.

<div class="pull-right">https://video.oneloveipfs.com/ipfs/QmVntzKJnv83bJ6WPwyouah3VJGku9yhVJx2EZNxVGXh2b</div>

Now, you may login with Steem Keychain, which is a browser extension for secure client side signing, without the need of putting keys onto websites. The user will have to input their Steem account username in a pop up box, then it will be sent to the server to check if the user is in the whitelist.

I have used [this tutorial](https://steemit.com/steem/@void/tutorial-logging-into-a-web-application-with-steem-keychain) written by @void to create the login API and generate the access token. If the login is successful, the access token will be added in the URL parameter, the same way of how SteemConnect construct the callback URL, with exception of an additional `keychain` parameter which will be `true` for keychain logins in order for the upload page to identify keychain authentication when detecting logins.

### Homepage just received a refresh!

<center>![](https://video.oneloveipfs.com/ipfs/QmRKP7uDj1jrDmXxL5jv5P6jNXXc4bhvxtNCbSscUvPBS7)</center>

##### Commits:
* [Update homepage HTML structure](https://github.com/techcoderx/ipfsVideoUploader/commit/b1acc430f5190e29d65dddd0a6a50ee430d64b5a)
* [Load update logs data onto homepage](https://github.com/techcoderx/ipfsVideoUploader/commit/9a830c98efe1b0a9fe2d14b7f475b70175a7ff27)

An additional 2 sections have been added to the homepage, which are customer reviews (more on that below), and update logs, which is a record of all update releases for the uploader.

To optimise for website load times, instead of loading everything from the blockchain, the update details will be stored as values in a [JSON file](https://github.com/techcoderx/ipfsVideoUploader/blob/master/updatelogs.json), which is cached as a variable on the server. Every time the page loads, an API call will be made to obtain update logs data and they will be displayed in a reverse chronological order.

### Customer reviews page

<center>![](https://video.oneloveipfs.com/ipfs/QmRXXPXYHb67du3XRX97gpCh2cXmkeySta9U9bgV37H9yb)</center>

##### Commits:
* [Add new webpage](https://github.com/techcoderx/ipfsVideoUploader/commit/207ea8201026667fa4b8b36eb3b0757bc1deb81c)
* [Scaling fixes on mobile](https://github.com/techcoderx/ipfsVideoUploader/commit/d71fe18e21de8d6e65464d28bf4e0bd711fb00c0)

This is the place where some good video reviews of @oneloveipfs hosting services are featured to show newcomers about what we offer as part of the service. It is made up of quotes which are pulled straight from either the video narration or in the description, and the embed player next to it, which plays videos from video.oneloveipfs.com gateway announced in the [previous update](https://steemit.com/onelovedtube/@techcoderx/onelovedtube-ipfs-uploader-0-8-3-mobile-optimizations-multi-resolution-upload-support-and-more).

Customer reviews page is LIVE on https://uploader.oneloved.tube/reviews

Congratulations to @mvd, @vladivostok, @tanbay and @kenmelendez for making into this page!

### More SEO optimizations in HTML

##### Commits:
* [Adding meta tags](https://github.com/techcoderx/ipfsVideoUploader/commit/76022ba33f2191c0b8b70e10fdf86520c0bf0eac)
* [Correcting Twitter cards image size](https://github.com/techcoderx/ipfsVideoUploader/commit/38966f215cbb7ba484299166c85e8ba04f9df005)

As per various marketing campaigns to promote Steem blockchain (and its DApps) outside of the blockchain, I have taken steps to modify the HTML code of the homepage for SEO optimizations by adding relevant meta tags and alt text for images.

Here are the examples of how social media sites and chat apps are rendering https://uploader.oneloved.tube:

| <center>![](https://video.oneloveipfs.com/ipfs/QmSdf4pufNMo9PSngucQuFgGryN3nbKp7PoyGgCbVPiKYJ)</center> | <center>![](https://video.oneloveipfs.com/ipfs/QmSxGyyhx4uCqzCvD4rkH992t9JAiJ6339erBe9ppca2xS)</center>  |
|----|---|
|  <center>**Twitter**</center>  | <center>**Discord**</center>  |

<center>![](https://steemitimages.com/0x0/https://cdn.discordapp.com/attachments/429110955914428426/520078555204288524/dtubeanimated2.gif)</center>

# Github account

https://github.com/techcoderx
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,