View & Data API サンプル ～ その１

Autodesk Developer Portal（http://developer.autodesk.com）では、オートデスクの View and Data Web サービス API Web サービス API のサンプルが多数記載されています。サンプルには、トップページ内の左下の SAMPLE APP バナーか、ページ上部の Sample Apps リンクからアクセスすることが出来ます。

数回のクリックで、実際にサンプル群が記載されたページにたどり着くことが出来ます。サンプルは、GitHub と呼ばれる開発者向けのクラウド リポジトリで公開されています。

View and Data Web サービス API には、クラウド アクセスの認証やファイルのアップロードやダウンロードをおこなう REST API と、クライアント側で Web ブラウザを利用して 3D モデルや 2D 図面を表示する JavaScript API に分けることが出来ます。これらサンプルには、workflow- の名前で始まるサンプルと、client- の名前で始まるサンプルがあります。前者が REST API、後者が JavaScript API を使ったものと考えることが出来ます。 

各リンクをクリックすると、サンプルの概要や実行時に必要となる他のライブラリの依存関係などが記述されていまます。実際に、サンプル一式をダウンロードする場合には、画面右下の [Download ZIP] ボタンを利用することが出来ます。

さて、ここでは、記載されたサンプルの内で、視覚的にも分かり易いサンプルを1つご紹介しておきます。サンプル名は client-steampunked-morgan です。サンプルは、http://autode.sk/m3w で実際に動作している状態を直接確認することも出来ますので、まずは動作をご確認ください。

画面中央に表示されているのが、 View and Data Web サービス API の部分です。画面右側のボタンをクリックすると、アニメーションとともに、ボタン ラベルに表示されている部位の視点で 3D モデルを表示するはずです。 

オートデスクの Web サービスというと、CAD ユーザを対象にしたものを想定されると思います。ただ、オートデスク 3D ハッカソン で出たアイデアも、このサンプルも、3D モデルを表示する Web アプリケーションでは、CAD/CAM を意識させないアプリケーションの作成も出来るはずです。

さて、クライアントが View and Data Web サービス API で 3D モデルや 2D 図面を表示するには、クラウドにアクセスしてストリーミング配信を受けるために認証を受ける必要があります。通常のクラウド アクセスであれば、この部分はユーザ名とパスワードの入力でおこなわれる部分です。View and Data Web サービス API  では、OAuth 2.0 に沿って Consumer Key と Consumer Secret を使い、アクセスの委任権をアクセス トークンとして受取り、アクセス時にコード内で利用します。 

Consumer Key と Consumer Secret  は、クライアント上で参照されてしまう JavaScript コード内に記述することは通常しないはずです。サーバー側でアクセス トークンを発行するメカニズムを構築して隠蔽します。この時、サーバー側の実装には、さまざまな手法を考えることが出来ますが、この client-steampunked-morgan サンプルでは、Node.js を利用しています。オートデスク製品に関連するアプリケーションを開発されている方は、Windows 上で開発される方が多いと思いますが、アクセス トークンの発行処理には、もちろん、使い慣れた ASP.NET でも代替可能です。

By Toshiaki Isezaki