DRONEKIT CLOUDを使ったWEBサービス開発

Copyright©2015DRONE.BARInc.AllRightsReserved.http://drone.bar
DRONEKIT CLOUD
を使ったWEBサービス開発
日本ANDROIDの会ドローンWG
2015/07/20 ABC2015 SUMMER
DRONE.BAR Yuta Shiga <shiga@drone.bar>

FacebookかTwitterでフォローをお願いします！
https://www.facebook.com/dronebarweb
Twitter: @dronebarweb
ドローンで空撮した動画を紹介するメディアをやってます

株式会社DRONE.BAR 代表取締役
株式会社shiganet 代表取締役
株式会社未来ボックス代表取締役
３つの会社の代表をやっています。

ニコ動プレーヤーの開発者で有名
な志賀雄太さんとは同性同名の別
人です。
志賀雄太 @shiganet

DRONEKIT CLOUD
とは？
DRONEKIT CLOUDの概要

国内では飛行中のドローンと直接通信することは電波法上難しいと思われるため、
国内で使用する場合は実質スマホアプリやブラウザから利用する形になる？
DRONEKIT CLOUD とは飛行中のドローン、地上のスマホ
アプリと連携するクラウドサービス

DRONEKIT CLOUD
で出来ること
DRONEKIT CLOUDの主な機能

飛行ログの保管・管理
tlog形式などの
飛行ログデータ

飛行ログの解析
CLOUDに受信した
飛行ログ(tlog)を解析し、
飛行データとして保管

飛行データを各種フォーマットで出力
json (飛行データ)
json (解析サマリー)
json (パラメータ)
json (geoデータ)
kmz,kml (Google Earth)
Kmz (Google Map)
tlog

たとえばGoogle MapにExport

たとえばGoogle EarthにExport

たとえばdoaramaにExport
http://www.doarama.com
※doaramaはGPX,IGC形式対応となっているが、APIにはGPX,IGC出力の項目は無し

飛行データのリアルタイム中継
WebSocket 中継で
飛行データを
リアルタイムネット配信

ユーザー認証・管理
ユーザーDB
ユーザー登録
登録情報編集
認証（ログイン・ログアウト）
ユーザー情報検索

機体情報管理
機体情報DB
機体登録
飛行情報登録
機体情報参照

写真や動画の保存と配信
ドローンが撮影した
写真や動画を
クラウド経由で配信
API未実装？？

DRONEKIT CLOUD
の始めかた
DRONEKIT CLOUDに登録してみる

http://dronekit.io/
まずは開発者登録をします

http://dronekit.io/libs
CLOUDを選びます

https://cloud.dronekit.io/
Signupに進みます

必要事項を記入して登録します

確認メールが届くので、メール内のリンクをク
リックして登録が完了です。

先ほど登録したID,PASSでサインインしましょう
https://cloud.dronekit.io/login

App IDとKeyの値は後ほど使いますのでメモ！
https://cloud.dronekit.io/

DRONEKIT CLOUD
を使ってみる
DRONEKIT CLOUDをWEBサービスで利用する

DRONEKIT CLOUDはすべてRESTアクセス
HTTP
DRONEKIT CLOUD
Webサーバー
OR HTTP

http://api.3drobotics.com/swagger-ui/
RESTの仕様はここにまとまっています

CLOUDを理解するために、Droneshareという
サンプルプロジェクトが提供されています
DRONEKIT CLOUD
http://www.droneshare.com/
※丁寧に遷移後のアドレスバー内URLまで
書き換えていたので当初騙されかけましたが、
このプロジェクトはindex.htmlだけが実体で
残りは全てJavaScriptが画面を書き換えています。
つまり、サーバー側にDBなどは一切存在せず、
DRONEKIT CLOUDが永続データを管理しています。

https://github.com/diydrones/droneshare
ソースコードはGitHubに公開されています

REST APIの概要
DRONESHAREでの利用例

vehicle <機体情報>

vehicle<機体情報>

mission <飛行情報>

mission<飛行情報>

DRONESHARE
をローカルで動かすまでの
いくつかのTips
DRONESHAREをローカルで動かすまでにつまずきやすい
ポイントを解説します

Node.jsはnvm等で
管理しつつ、
最新のものへ
git cloneからgrunt buildまで
$ nvm install v0.xx.xx

npmも忘れず、
最新のものへ
npmを最新へバージョンアップする
$ npm install –g npm

gruntを
インストール
gruntをグローバルにインストール
$ npm install –g grunt-cli

bowerを
インストール
bowerをグローバルにインストール
$ npm install –g bower

README.md通りに
インストール
$ npm install
$ bower install
$grunt bower:install

grunt buildで
静的ファイル群が生成
$ grunt build
プロジェクト内distフォルダがDocument Root用のファイル群になる

npm installで
karma関連のエラーは
最悪無視できる
$ npm install
karma関連のエラーが出る場合があるが、karmaはユニットテスト用
のモジュールなので、無視して生成を進めても問題はない

ローカルhostsを書き換え
www.droneshare.com
としてアクセスしてみる
ローカルで動かすまで
ローカルでプロジェクトを動かす場合、
apiKeyを書き換えないで動作させると怒られるので、
その場合はlocalhostではなく、www.droneshare.comでアクセスする

自分のapiKeyで動作させる場合は、
<App ID>.<Key>で
apiKeyを登録する
dist/scripts/services/dapiServices.js
の上部にあるapiKeyを自分のものに書き換える

自分のapiKeyで動作させた
場合は、ユーザー関連の処
理に制限がかかる
apiKeyを自前のものにした場合、ユーザーの追加などが行なえなくなる。
これは現状の制限事項と思われる

実際のapiサーバーは
api.3drobotics.com
に存在する
リモートで動かすまで
src/scripts/services/dapiServices.coffee
の48行目に独自ドメインでサービスする際にクッキーなどの運用のために
apiサーバーをCNAMEを利用してapi.3drobotics.comに向ける説明がある

https://cloud.dronekit.io/buyer/stats
取得したapiKeyで正常にアクセスできると
管理画面のSTATSに反映されます

https://cloud.dronekit.io/admin/account/invoices
管理画面にはINVOICEメニューがありますので、
将来的には有料化が予想されます

THANK YOU!
日本ANDROIDの会ドローンWG
2015/07/20 ABC2015 SUMMER
DRONE.BAR <http://drone.bar>
Yuta Shiga <shiga@drone.bar>
@shiganet

DRONEKIT CLOUDを使ったWEBサービス開発

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

DRONEKIT CLOUDを使ったWEBサービス開発