One of the most popular Bitcoin websites, Blockchain.info, has a suite of Bitcoin APIs and in this tutorial, we’ll look at how two of those can be used to build a Bitcoin currency conversion application.
Getting started
To start, you will need a hosting account that supports PHP 5.0 or greater and has the PHP curl module installed. In the root web directory of your hosting account, create two empty PHP files, index.php and converter.php.The index page
Our index page, index.php, should contain a form that we can use to prompt the user for information about the currency conversion desired. In the empty index.php file, paste the following code:<html>
<head>
<title>Bitcoin Currency Converter</title>
</head>
<body>
<form action="converter.php" method="post">
<h1>Bitcoin Currency Converter</h1>
<p>
<label for="amount">Bitcoin Amount</label>
<input type="text" name="amount" id="amount">
</p>
<p>
<label for="currency">Currency</label>
<select name="currency" id="currency">
<option value="USD">USD</option>
<option value="EUR">EUR</option>
<option value="CNY">CNY</option>
<option value="JPY">JPY</option>
<option value="SGD">SGD</option>
<option value="HKD">HKD</option>
<option value="CAD">CAD</option>
<option value="AUD">AUD</option>
<option value="NZD">NZD</option>
<option value="GBP">GBP</option>
<option value="DKK">DKK</option>
<option value="SEK">SEK</option>
<option value="BRL">BRL</option>
<option value="CHF">CHF</option>
<option value="RUB">RUB</option>
<option value="SLL">SLL</option>
</select>
</p>
<p>
<input type="submit" name="submit" value="Submit">
</p>
</form>
</body>
</html>
Now our index page is in place:
The converter script
To perform the currency conversion, our index page will post data submitted through its form to converter.php. In the empty converter.php file, paste the following code:<html>
<head>
<title>Bitcoin Currency Converter</title>
</head>
<body>
<?php
// Make sure the user submitted all of the data required
if(isset($_POST['amount']) && is_numeric($_POST['amount']) && isset($_POST['currency'])) {
// Use curl to perform the currency conversion using Blockchain.info's currency conversion API
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "https://blockchain.info/tobtc?currency=" . $_POST['currency'] . "&value=" . $_POST['amount']);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$conversion = curl_exec($ch);
// Use curl to get current prices and 15 minute averages for all currencies from Blockchain.info's exchange rates API
curl_setopt($ch, CURLOPT_URL, "https://blockchain.info/ticker");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$prices = json_decode(curl_exec($ch), true);
curl_close($ch);
?>
<h1>Conversion Results</h1>
<p><?php echo $_POST['amount']; ?> <?php echo $_POST['currency']; ?> is <?php echo $conversion; ?> BTC.</p>
<h2>Historical Prices</h2>
<p><strong>Last price:</strong> <?php echo $prices[$_POST['currency']]['last']; ?><?php echo $prices[$_POST['currency']]['symbol']; ?></p>
<p><strong>Buy price:</strong> <?php echo $prices[$_POST['currency']]['buy']; ?><?php echo $prices[$_POST['currency']]['symbol']; ?></p>
<p><strong>Sell price:</strong> <?php echo $prices[$_POST['currency']]['sell']; ?><?php echo $prices[$_POST['currency']]['symbol']; ?></p>
<p><strong>15 minute average price:</strong> <?php echo $prices[$_POST['currency']]['15m']; ?><?php echo $prices[$_POST['currency']]['symbol']; ?></p>
<?php } else { ?>
<p>Please fill out the form completely. <a href="index.php">Go back.</a></p>
<?php } ?>
</body>
</html>
The code above calls two endpoints associated with
Blockchain.info's Market Prices and Exchanges Rates API. The first
endpoint allows us perform the actual currency conversion for the
currency and amount supplied by the user. The second endpoint provides
real-time currency conversion information, such as the current buy and
sell prices and 15-minute average price. We can use this to display more
information to the user about the state of the market in their chosen
currency:
Adding a price chart
Blockchain.info offers a Statistics API that provides data that can be used to create charts. One of the endpoints provides historical data for the price of Bitcoin in U.S. dollars. To make Bitcoin-to-USD conversions more useful, we can add on to our converter.php script so it displays a chart of the BTC price over the past 60 days. To create the chart, we can use the Google Charts JavaScript API.Replace the existing converter.php code with the following:
<html>
<head>
<title>Bitcoin Currency Converter</title>
<script type="text/javascript" src="//www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart']});
</script>
</head>
<body>
<?php
// Make sure the user submitted all of the data required
if(isset($_POST['amount']) && is_numeric($_POST['amount']) && isset($_POST['currency'])) {
// Use curl to perform the currency conversion using Blockchain.info's currency conversion API
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "https://blockchain.info/tobtc?currency=" . $_POST['currency'] . "&value=" . $_POST['amount']);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$conversion = curl_exec($ch);
// Use curl to get current prices and 15 minute averages for all currencies from Blockchain.info's exchange rates API
curl_setopt($ch, CURLOPT_URL, "https://blockchain.info/ticker");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$prices = json_decode(curl_exec($ch), true);
curl_close($ch);
?>
<h1>Conversion Results</h1>
<p><?php echo $_POST['amount']; ?> <?php echo $_POST['currency']; ?> is <?php echo $conversion; ?> BTC.</p>
<h2>Historical Prices</h2>
<p><strong>Last price:</strong> <?php echo $prices[$_POST['currency']]['last']; ?><?php echo $prices[$_POST['currency']]['symbol']; ?></p>
<p><strong>Buy price:</strong> <?php echo $prices[$_POST['currency']]['buy']; ?><?php echo $prices[$_POST['currency']]['symbol']; ?></p>
<p><strong>Sell price:</strong> <?php echo $prices[$_POST['currency']]['sell']; ?><?php echo $prices[$_POST['currency']]['symbol']; ?></p>
<p><strong>15 minute average price:</strong> <?php echo $prices[$_POST['currency']]['15m']; ?><?php echo $prices[$_POST['currency']]['symbol']; ?></p>
<?php
// Display the pricing chart if we're doing a US Dollar conversion
if($_POST['currency'] == "USD") {
// Use curl to get pricing chart data for the past 60 days
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "https://blockchain.info/charts/market-price?showDataPoints=true×pan=60days&show_header=true&daysAverageString=7&scale=0&format=json");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$chartdata = json_decode(curl_exec($ch), true);
?>
<div id="chart" style="width: 1000px; height: 500px;"></div>
<script type="text/javascript">
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Day', 'Price'],
<?php
// Loop through the x-y coordinates Blockchain.info's API provides and add them to a JavaScript array
foreach($chartdata["values"] as $xy) {
echo "['" . date("Y/m/d", $xy["x"]) . "'," . $xy["y"] . "],";
}
?>
]);
new google.visualization.LineChart(document.getElementById("chart")).draw(data, {curveType: "function",
width: 1000, height: 500,
vAxis: {maxValue: 800}}
);
}
drawChart();
</script>
<?php } ?>
<?php } else { ?>
<p>Please fill out the form completely. <a href="index.php">Go back.</a></p>
<?php } ?>
</body>
</html>
With our charting code in place, users performing
currency conversions in U.S. dollars can now visualize how the price has
changed over the past two months:
0 Comments