M5Stackでビットコインの価格(日本円)を取得して表示する!

前の記事でESP32でビットコインの価格(日本円)を取得して表示する!というのをやりました!そうすると、M5Stackももちろんできますよね!

M5Stackの中はESP32ですから!しかもボタンも液晶ディスプレイもあります!

前の記事を参照した方は、下のリンクでどうぞ!

ESP32でビットコインの値段(日本円)を取得して表示する!

 

M5Stack

結果は上の写真のような感じになります。Wifiに接続したら、5秒間隔でビットコインの価格を取ってきて表示します。

 

目次

環境の用意

前のESP32でビットコインの価格を取得、表示する記事ではArduino IDEを使っていましたが、今回はPlatformioを使います。

初めてPlatformioを聞いた人は、下記の記事を参照してください。

platformioでESP32がwifiに接続まで試してみた!

Platformioで開発する場合は、ArduinoJsonのインストールが必要です。

インストールしないと、ArduinoJsonが見つかりませんとエラーになります(そりゃそうだよね)。

Plaftomioのホーム画面から、ライブラリのタブをクリックして、検索欄に「ArduinoJson」を検索して、検索結果にArduinoJsonの候補が表示されたら、クリックします。

ArduinoJsonの画面で、「install」ボタンをクリックして、インストールします。これで、プログラムからArduinoJsonが使えるようになります。

私の方では、以前の実験でM5Stackのライブラリもインストール済みでしたので、このままM5Stackのライブラリも使えますが

みなさん初めての場合は、今の手順と同様にM5Stackなど必要なライブラリも入れておいてください。

 

プログラム

早速、プログラムを見てみましょう!

#include <M5Stack.h>
#include <WiFi.h>
#include "ArduinoJson.h"
#include <HTTPClient.h>

//WIFIのID
const char *ssid = "";
//WIFIのパースワード、パスワードのないWIFIはこここのままでも良い
const char *password = "";
//今回ビットコインの値段を取得するためのAPIのURL
const char *apiServer = "https://api.coindesk.com/v1/bpi/currentprice/JPY.json";

// セットアップ
void setup()
{

  // M5Stack objectの初期化
  M5.begin();

  // text の設定
  M5.Lcd.fillScreen(BLACK);
  M5.Lcd.setCursor(0, 0);
  M5.Lcd.setTextColor(GREEN);
  M5.Lcd.setTextSize(3);
  M5.Lcd.printf("Connecting to WIFI");

  //
  WiFi.begin(ssid, password);
  //接続済 ではない場合
  while (WiFi.status() != WL_CONNECTED)
  {
    delay(500);
    M5.Lcd.fillScreen(BLACK);
    //点を表示する
    M5.Lcd.printf(".");
  }
  //接続できた場合
  M5.Lcd.clear(GREEN);
  M5.Lcd.setTextColor(BLACK);
  M5.Lcd.printf("connected!");
  M5.Lcd.setTextColor(GREEN);
  M5.Lcd.setTextSize(4);
}

// メインループ
void loop()
{
  //WIFIの接続状態を確認する
  //WIFI接続している場合
  if ((WiFi.status() == WL_CONNECTED))
  {
    HTTPClient http;

    //APIサーバに接続開始
    http.begin(apiServer);

    //HTTP Requestを作成する
    int httpCode = http.GET();

    //返り値を確認する
    if (httpCode > 0)
    {
      //レスポンスを文字列として取得する
      String payload = http.getString();
      //正常の場合は200
      //Serial.println(httpCode);
      M5.Lcd.clear(BLACK);
      M5.Lcd.setCursor(0, 0);
      //jsonに変換するためにメモリを確保
      DynamicJsonDocument doc(1024);
      //payloadをjson objectに変換する
      deserializeJson(doc, payload);
      JsonObject obj = doc.as<JsonObject>();
      //その中のbpi.JPYを取り出す
      JsonObject result = obj[String("bpi")][String("JPY")];
      //ビットコインの価格を取り出す、同時に文字列に変換しておく
      String rate = result[String("rate")];
      //表示する、一回char* から 文字列への変換が必要です。
      M5.Lcd.printf(String(rate).c_str());
    }

    else
    {
      M5.Lcd.printf("HTTP request error!");
      return;
    }
    M5.update();
    //リソースを解放する
    http.end();
    delay(5000);
  }
}

 

 

プログラムを改造した箇所

前回と違うのは

  • M5Stack.hをインクルードする部分と
  • setupブロックの M5Stackの関連設定
  • loop内の serialに出力する部分を全部 M5Stack.Lcdに出力することにしました。せっかくなので、液晶LCDを活用したいですね

動作確認

証拠ビデオをとりましたので、こちらをご覧ください!

 

この投稿をInstagramで見る

 

#M5Stack できました! 昨日のプログラムを改造して M5Stackで #ビットコイン の値段を表示させる動作ビデオ ご覧ください。

賢 川島さん(@kawashimaken)がシェアした投稿 –

 

まとめ

いかがですか?私はとても楽しかったです。

内部がEPS32なので、WiFiに接続するなど、完全に無修正で、動きます。あと、M5Stackの液晶を利用する部分は、シリアルモニターと比べて、ずっと直感的ですし、パソコンもいらないですし、USBケーブルを抜けばそのまま、動作します(設定されたWifi環境内)

課題としては、せっかくボタンがあるので、5秒間隔ではなく、値段がきになるときに、ボタンをクリックして、取ってくるのがもっと環境に優しいですよね。笑

また、画面更新時、アニメーションとか、ビットコインのアイコンなど色々追加すると、もっと「可愛く」なるかなと思います!

では、また改造していきたいので、アップデートがあったらまた共有します!

[amazonjs asin=”B07CLZYQPY” locale=”JP” title=”M5Stack拡張可能なマイクロ制御モジュールWiFi Bluetooth ESP32開発キットArduino LCD用2インチLCD ESP-32内蔵ESP8266″]

[amazonjs asin=”B07BW4KVWM” locale=”JP” title=”M5Stack Gray(9軸IMU搭載)”]

[amazonjs asin=”B07J9QBN4T” locale=”JP” title=”M5Stack NEW PSRAM 2.0! FIRE IoT Kit Dual Core ESP32 16M-FLash+4M-PSRAM Development Board MIC/BLE MPU6050+MAG3110 of Micropython (FIRE)”]

Add a Comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close