connecting...
Google translation for articles :
4 NEMBER donated to you!!

プログラム初心者がNEMアプリを作ってみた。(10)

nem6.50xem (4) 160 0 0
NEMREGI 2019-04-08 21:10:43

最近、記事を書く時間が取れなく更新が遅れました。さて、今回はNEMの最新価格を取得するにはどうすればよいかを紹介します。自作ソフトNEMREGIでは以下に示す画面を用意し、両替機能を作成しました。

 

 

赤丸の部分でNEMの取引所における最新価格を表示しています(1XEM7.9円を示しています)。この価格は取引所が公開しているJSONファイルにアクセスすることで取得できます。NEMの代表的な取引所としてzaifがありますのでアクセスしてみましょう。

nemの最新価格はhttps://api.zaif.jp/api/1/ticker/xem_jpy をクリックしてみてください。無事に下記の画面が表示されるはずです。

 

 

それではプログラムからアクセスしてみましょう。jsonを取得するプログラムはjqueryという言語(javascriptの拡張)を使用すると簡単です。下記のコードを記述し、ブラウザで開きます。

 

<test.html>

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8"/>
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

  <script language="JavaScript">
    window.onload = function() {

	/////////////////////XEM価格の算出/////////////////
	var JPY_XEM;//XEM価格(円)

	// JPY/BTC価格取得(サイト:zaifより)
	$.getJSON('https://api.zaif.jp/api/1/ticker/xem_jpy') // json読み込み開始
	  .done(function(json){ // jsonの読み込みに成功した時
	    	console.log('成功');
	    	JPY_XEM = json["last"]; 
	  })
	  .fail(function(){ // jsonの読み込みに失敗した時
	    	console.log('失敗');
	  })
	  .always(function(){ // 成功/失敗に関わらず実行
	    	console.log('必ず実行される');
	  });
	/////////////////////////////////////////////////

    }

</script>


</head>
	<body>
		<p id = "rate"></p>
	</body>
</html>

 

では開いてみましょう。

 

あれ??、何も表示されません。エラーを見てみましょう。

 

赤枠の部分がエラーです。zaifのjsonはクロスドメインというアクセス制限が設けられており外部プログラムからはアクセスできませんでした。(どなたかアクセス方法をご存知の場合、ご享受下さい。。)ここでつまづき何度やってもダメでした。見つけたのがxembook様のページ(https://qiita.com/nem_takanobu/items/b02d921b7cb6a13f708f)です。nemのbtc価格はphoronix,btcの円価格はblockchanin.infoから取得可能とのことです。参考にさせていただき下記の様にコーディングさせて頂きました。ありがとうございました。

 

<test.html>

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8"/>
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

  <script language="JavaScript">
    window.onload = function() {

	/////////////////////XEM価格の算出/////////////////
	var JPY_BTC;//ビットコイン価格(円)
	var BTC_XEM;//XEM価格(BTC)
	var JPY_XEM;//XEM価格(円)

	// JPY/BTC価格取得(サイト:lockchain Luxemborgより)
	$.getJSON('https://blockchain.info/ticker') // json読み込み開始
	  .done(function(json){ // jsonの読み込みに成功した時
	    	console.log('成功');
	    	JPY_BTC = json["JPY"]["last"]; 

		// BTC/XEM価格取得(サイト:phoronixより)
		$.getJSON('https://poloniex.com/public?command=returnTicker') // json読み込み開始
	  		.done(function(json){ // jsonの読み込みに成功した時
	    			console.log('成功');
	    			BTC_XEM = json["BTC_XEM"]["last"];
				JPY_XEM = Number(BTC_XEM) * Number(JPY_BTC);
				document.getElementById("rate").innerHTML = JPY_XEM;//inputのrateに入力
				//alert("XEM価格:"+JPY_XEM+"円/XEM");

	  		})
	  		.fail(function(){ // jsonの読み込みに失敗した時
	    			console.log('失敗');
	  		})
	  		.always(function(){ // 成功/失敗に関わらず実行
	   		 console.log('必ず実行される');
	  	});
	  })
	  .fail(function(){ // jsonの読み込みに失敗した時
	    	console.log('失敗');
	  })
	  .always(function(){ // 成功/失敗に関わらず実行
	    	console.log('必ず実行される');
	  });
	/////////////////////////////////////////////////

    }

</script>


</head>
	<body>
		<p id = "rate"></p>
	</body>
</html>

 

実行結果は下記の通り無事表示されます。

 

NEMの価格が必要なアプリを開発する場合に参考にして下さい。今日の記事はここまでに。次回の記事の内容は今のところ決めていません。

 

///////////////////////////////////////////////////////

本記事はプログラム初心者がNEMアプリ「NEMREGI」を製作するまでの過程を記載しています。

自作プログラムNEMREGIは  https://www.nemregi.shop/ で公開しています。

(趣味程度に製作したソフトです。使用上のトラブルは一切保証いたしません。)

(使用した方がいましたらコメントいただけると嬉しいです。要望・使用感などありましたらご指摘をお願いします)

 

//////////////////////////////////////////////////////

これまでの記事:

プログラム初心者がNEMアプリを作ってみた。(9)

プログラム初心者がNEMアプリを作ってみた。(8)

プログラム初心者がNEMアプリを作ってみた。(7)

プログラム初心者がNEMアプリを作ってみた。(6

プログラム初心者がNEMアプリを作ってみた。(4)(5)番外編

プログラム初心者がNEMアプリを作ってみた。(5)

プログラム初心者がNEMアプリを作ってみた。(4)

プログラム初心者がNEMアプリを作ってみた。(3)(番外編)

プログラム初心者がNEMアプリを作ってみた。(3)

プログラム初心者がNEMアプリを作ってみた。(2)

プログラム初心者がNEMアプリを作ってみた。(1)

Why don't you get crypt currency 'nem' by posting your blog article?

nemlog is blog posting service which has donation feature by crypt currency nem.
nemlog was launched to create environment which can be donated nem among NEMbers via blog articles.
Let's get nem by posting good blogs.

Nem prize event is being held frequently, Please join us on this opportunity!

nemlog registration from here
Register

NEMber who posted this article

2017年から仮想通貨を購入しましたが、その後の暴落で損額をくらいました。その後は2018年10月から本格的に仮想通貨NEMのプログラム作成を開始。2019年3月にNEMREGI(NEMレジ)(β版)を作りました。サラリーマンなので空き時間に趣味程度のプログラムを作成しております。
19972
0

Why don't you read following articles?

0.05 XEM
90 0 0

0.85 XEM
217 1 0

0.9 XEM
307 2 0

4.365 XEM
602 2 1


2.3574 XEM
128 1 0

0.65 XEM
203 1 0