То ж з чого почати?
Ваш шлях біткоін розробника починається ось тут. Не лякайтеся! Навіть якщо ви думаєте, що ви не можете програмувати, просто слідуйте інструкції в статті. Ми будемо використовувати Blockchain API для побудови вашої першої веб програми з нуля: простий віджет для пожертв (наприклад на блогадійність) чи чайових. Це API безкоштовне і не потребує спеціального ключа для використання.
Крок 1: Знайдіть ваш улюблену програму для редагування тексту
Для тих у кого Windows, достатньо буде Блокноту. Ви знаєте Windows програму, яку ви ніколи не відкриваєте? Так, це вона. Відкрийте її і ви побачите порожній безіменний текстовий документ (якщо у вас Mac, ви можете використовувати TextEdit чи Sublime Text).
Крок 2: Додайте текст
Додайте якийсь текст, наприклад, "Зіскануйте телефоном адресу з штрих коду чи використайте цю адресу: 3FpiAE5pRd8uvd3yQE75FVuAN3up6hkCNp". Де цей довгий код - це адреса вашого гаманця, на який хочете отримувати пожертвування чи чайові.
Крок 3: згенеруйте QR код
Зараз ми почнемо бути трохи більш технічними. Не хвилюйтеся, нічого такого з чим ви не справитеся. Google надає безкоштовний сервіс для перетворення посилань в QR коди і це якраз те, що ми збираємося використати щоб перетворити нашу адресу у легко зчитуваний(сканований) QR код. Скопіюйте наступне посилання http://chart.googleapis.com/chart?chs=125x125&cht=qr&chl= і вкінці додайте до нього адресу вашого гаманця http://chart.googleapis.com/chart?chs=125x125&cht=qr&chl=3FpiAE5pRd8uvd3yQE75FVuAN3up6hkCNp:
Крок 4: додайте трохи HTML
Все майже готово! Чи ви відчуваєте вже хакера у себе всередині? :) Я впевнений що так, тому що зараз ми переходимо у частину цієї статті з програмуванням.
- вгорі вашого документу напишіть <html>:
<liа внизу напишіть: </html>
Це скаже вашому браузеру що наш документ має HTML всередині.
А зараз, давайте зберемо все докупи і перетворимо те посилання з сервісу Google на QR код.
- На початку посилання допишіть: <img src="
- а в кінці напишіть: "/>
Крок 5: Збережіть вашу вашу працю
А зараз час зберегти те над чим ви працювали. Ми будемо зберігати текстовий документ як HTML файл.
Перейдіть в блокноті у меню "File" -> "Save As" та виберіть "All files" для типу файлу і оберіть "Desktop" як місце збереження. Зараз назвіть свій файл і додайте ".html" як розширення файлу. Наприклад мій називаєтсья МійВіджет.html
Якщо у вас в системі основна мова українська, то щоб зберети файл треба буде зробити аналогічні кроки: "Файл" -> "Зберегти як" та вибрати "Всі файли", ...
Крок 6: Запустіть ваш HTML файл
Знайдіть на робочому столі файл, який ви зберегли, і запустіть його, двічі клікнувши по ньому. Відкриється браузер і вньому буде видно результати нашої роботи - текст та QR код з біткоін адресою, які ми зберегли в текстовому файлі.
Крок 7: Підключимо Blockchain Websocket API
А тепер давайте зробимо речі трохи динамічнішими. Зробимо це використовуючи Blockchain Websocket API. Верніться у ваш Блокнот з текстом (уже кодом).
- Внизу вашого коду, але перед закриваючим HTML тегом, ми додамо відкриваючий і закриваючий теги для DIV елементу: <div id=""></div>
- Додайте ім'я для вашого DIV-у між лапками. Наприклад: <div id="notifications"></div>
Примітка: якщо ви назвете його інакше ніж notifications, то вам потібно буде змінити код, який ми збираємося скопіювати.
- Тепер додайте відкриваючий і закриваючий теги для елементу script
- Скопіюйте код наведений нижче і вставте між script тегами
- Впевніться що ви замінити занчення адреси в першому рядку на вашу бвткоін адресу.
var address = “your bitcoin address here“;
var btcs = new WebSocket(‘wss://ws.blockchain.info/inv’);
btcs.onopen = function(){
btcs.send(JSON.stringify({“op”:”addr_sub”, “addr”:address}));
};
btcs.onmessage = function(onmsg)
{
var response = JSON.parse(onmsg.data);
var getOuts = response.x.out;
var countOuts = getOuts.length;
for(i = 0; i < countOuts; i++)
{
//check every output to see if it matches specified address
var outAdd = response.x.out[i].addr;
var specAdd = address;
if (outAdd == specAdd)
{
var amount = response.x.out[i].value;
var calAmount = amount / 100000000;
document.getElementById(“notifications“).innerHTML = “Received: ” + calAmount + “BTC”;
};
};
}
- Пам'ятаєте ваш id вашого div елемента? Якщо ви не назвете його "notifications", як я зробив, то вам потрібно буде частково змінити частину рядка, той що ближче до кінця коду, так аби він співпадав з ім'ям вашого div. Наприклад, document.getElementById(“будьЯкеІншеІмяТут“).
Крок 8: Спостерігайте за своєю роботою в дії
- Збережіть ваш оновлений HTML файл. І запустіть його знову.
- Зіскануйте ваш QR код і відправте трохи біткоінів туди. Почекайте, почекайте трохи! (я чекав приблизно 1-2 хвилини)
Ви бачите це? Під QR кодом майже миттєво з'являється запис скільки саме було отримано коштів в гаманець.
Вітаю! Ви написали вашу першу біткоін web програму використовуючи BlockChain Websocket API. Якщо у вас щось не виходить, чи виникли якісь проблеми, то можете завантажити готовий код з мого GitHub.
Переклад з статті з blog.blockchain.com
Якщо вам сподобалась стаття - можете подякувати на мою біткоін-адресу: 374R3DMb9DU2cqVZzrA6ynArPevV7jRNiJ
