BluemixデータベースのデータをSquareSpaceのWebページにプル

Question

初めての投稿 - 間違っているかどうか教えてください！

IBMのBluemix上で実行されているラズベリー・パイからMQTT経由のセンサー・データをnodeREDに送信しています。これは問題なく動作し、NodeREDで使用可能なデータベースにデータを送信できます。 SquareSpaceを使用してウェブサイトを作成し、JavaScriptコードを挿入できるコードブロックを作成できます。

私は自分のnodeREDフローにあるデータを自分のウェブサイトに表示する方法を探しています。理想的には、d3.jsを使用してライブグラフを作成したいと考えています。

私はCloudantを調べましたが、このチュートリアルで説明されているjavascript httpリクエストを使用して動作するようにデータを照会するURLメソッドを取得できませんでした：https://www.kirupa.com/html5/making_http_requests_js.htm。 私はむしろ興味深いクエリのためのより多くの範囲を提供するので、dashDBを使用しますが、再び、JavaScriptコードにデータを取得する方法を見つけることができないようです。

これは似たようなことをしようとしている人の唯一の言葉です： https://answers.squarespace.com/questions/4648/how-do-i-connect-a-developer-site-to-a-database.html。残念ながら、NodeREDには「解析」データベースノードはありません。データベースがBluemix NodeREDのものであれば、このプロジェクトで取り組んでいるものは100倍簡単でしょう。これは私にとってはうまくいかないと思います。

私はWebsocketsとMQTTについて調べました。 NodeREDのデータベースからデータを抽出し、MQTTを介してIBMのIoTFプラットフォームに送信し、SquareSpaceコード・ブロックのJavaScriptコードから何らかの形で再度リクエストすることができたと思いますが、それはちょっと狂っているようです。

私はSquareSpaceを使用することに縛られています。前述のように、dashDB/Cloudantを使用する必要があります。

アドバイスをいただき、ありがとうございます。

Answer 1

CloudantにはHTTP APIとJSONデータがあるので、これが最善の策だと思います。

SquareSpaceサイトから独自のJavaScriptを実行できるので、CloudantアカウントでCross-Origin Resource Sharingを使用することをお勧めします。 （Cloudant CORSのマニュアルはこちら）

基本的に、サイト訪問者は、CORS経由で許可した権限でCloudantに直接問い合わせることができます。 Cloudantは、dashDBと同じように柔軟なレポートを作成することはできませんが、Cloudant Queryを使用してビューをマップすることも考えられます。必要なレポートやインデックスを作成できるはずです。

その他のご質問がある場合は、お気軽にフォローアップをリクエストしてください。がんばろう！

Answer 2

FirebaseとSquarespaceを使って大成功を収めました。これは動作が簡単でなく、リアルタイムの面で静的サイトやSquarespaceのコンテキストでは非常に驚くべきものです。

上記のようにCloudant APIをヒットしたように聞こえるかもしれませんが、パフォーマンスが問題となり、センサーからのリアルタイムデータを提供することが理想的でない可能性があります。 （私はあなたが何を達成しようとしているのか分かりません）。

FirebaseのWeb APIとd3.jsをSquarespaceで使用して、Firebaseのデータをバックエンドで使用することを検討します。このように、あなたのSquarespaceサイトのチャートはライブであり、Firebaseに直接接続されています。 Squarespaceでの最小限の作業で、Firebaseにセンサーデータを追加すると、あなたのチャートはあなたのデータや他のデータベースからリアルタイムで更新されます。私はこの文脈でFirebaseについて十分に批判することはできません。