Menampilkan post yang di vote oleh sebuah akun steemit menggunakan steemJS

59

Menampilkan post yang di vote oleh sebuah akun steemit menggunakan steemJS .

Menampilkan post yang di vote oleh sebuah akun steemit menggunakan steemJS | SteemJs merupakan sebuah library yang disediakan oleh pihak steemit kepada para developer JavaScript untuk melakukan pengembangan terhadap aplikasi steemit. Dengan menggunakan SteemJs, Pengembang dengan mudah mengambil  data dari Database steemit untuk digunakan dan dikembangkan pada aplikasi pihak ketiga lainnya.

Pada kesempatan kali ini saya akan membahas sedikit dari sekian banyak cara menggunakan steemJS. Saya akan membahas cara menampilkan postingan yang di vote oleh sebuah akun di steemit. Untuk menampilkan detail post yang di vote oleh sebuah akun di steemit, kita bisa menggunakan getAccoutVote dan getContent.

Baca Juga : Bagaimana Cara Membuat Aplikasi GUI Java untuk menampilkan Live harga Criptocurrency Menggunakan Netbeans

Sebagaimana kita ketahui, getAccountVote hanya menampilkan data authoperm,  percent, rshare,   time dan  weight.  Jadi untuk menampikan Detail dari post kita harus menggunakan getContent dengan author dan permlink bisa kita ambil dari authoperm. Untuk Lebih jelasnya, mari perhatikan tutorial berikut :

step 1: Buat sebuah file html dan tambahkan CDN dari SteemJs

<html>
<head> 
<title>testing</title> 
<script src="https://cdn.steemjs.com/lib/latest/steem.min.js" ></script> 
</head> 
<body> 
<script> </script> 
</body> 
</html>

step 2 : Tambahkan query getAccountVote kedalah tag <script>

 steem.api.getAccountVotes("team2dev", function(err, result) { 
console.log(result); 
});

step 3 : Simpan dan jalankan di browser anda

Menampilkan post yang di vote oleh sebuah akun steemit menggunakan steemJS

Step 4 : Dikarenakan query getAccountVote menampilkan data dari yang terlama ke yang terbaru. Jadi untuk menampilkan data terbaru paling atas kita harus membuat sebuah fungsi untuk mengurutkannya berdasarkan tanggal.

function compare(a,b) {
 if (a.time < b.time) 
return -1; 
if (a.time > b.time)
 return 1; return 0;
 }

Step 5 : Tambahkan fungsi tersebut ke dalam query getAccountVote

 steem.api.getAccountVotes("team2dev", function(err, result) {
 result.sort(compare);
result.reverse(); 
console.log(result); 
});

step 6 : Jalankan dan lihat perbedaannya sekarang

Menampilkan post yang di vote oleh sebuah akun steemit menggunakan steemJS

Baca Juga : Bagaimana Cara menampilkan Detail Profil Steemit ke dalam web menggunakan API steem.js

step 7 : Untuk menampilkan detail dari post tersebut kita harus menggunakan query getContent. Karena disini kita menggabungkan 2 query kita harus menggunakan promise.

let promises = result.map(r => { 
const autper = r.authorperm.split('/', 2); 
return steem.api.getContentAsync(autper[0], autper[1]) .then((result) => { 
return result }); 
})

step 8 : Panggil Promise dalam query getAccountVote

Promise.all(promises) .then(results => {
console.log(results); 
}) .catch(e => { 
console.error(e); 
})

step 9 : Simpan dan jalankan

Berhasil. Kita telah bisa mendapatkan dan menampilkan post yang di vote oleh sebuah akun steemit menggunakan steemJS. Perlu diperhatikan bahwa pada tutorial ini semua hasil ditampilkan dalam console log. Jika anda mau menampilkan pada aplikasi web anda, anda bisa menampilkannya dalam element html.

 

 

 

 

LEAVE A REPLY