Sencha Touch アプリケーション内に新しいドロップインを統合しようとしているので、ドロップボックス API ドキュメントのチュートリアルに従います。
統合手順は次のように簡単です。
- アプリ スクリプトの前に、index.html の API にスクリプトを追加します。
<script type="text/javascript" src="https://www.dropbox.com/static/api/1/dropins.js" id="dropboxjs" data-app-key="my_api_key">
- たとえば、 a タグを含む単純な Sencha コンポーネントを作成します。
{
xtype: 'フィールド',
ラベル: 'ドロップボックス',
html: '<a href="res/icons/icon-64.png" class="dropbox-saver dropbox-dropin-btn dropbox-dropin-default"><span class="dropin-btn-status"></ span>ドロップボックスに保存</a>'
}
これは目的のドロップボックス ボタンとしてレンダリングされますが、クリックしても何も起こらないか、単に href のアイコンが表示されます。これは、ファイルに URL を配置する必要があるという事実に関係していることはわかっていますが、アプリが phonegap でラップされて電話に展開されるため、そこに何を配置すればよいかわかりません...
ただし、いくつかのオプションが表示されます。
- ウェブサーバーを使用する: ローカル ファイルをそこにアップロードし、URL を送り返し、この URL をドロップボックス ボタンに渡します
- file:// で始まる完全な URLを使用しますが、ドメイン名を使用してドロップボックス コンソールにアプリを登録する必要があるため、機能しないと思います。
- HTML5 File APIを使用して絶対 URL を渡すこともできるかもしれませんが、これについても自信がありません。
- タスクにより適した別のドロップボックス APIを選択しますか? たぶん同期
- Phonegap 同期プラグインを使用します。これは成熟していないと思います。iOS と Android のみのサポートとして
- 別の解決策？
この統合を機能させるためのヒントやポインターは素晴らしいでしょう。