「AIRネイティブ拡張」を使って、 AndroidでNFCを読み込んでみた

「AIRネイティブ拡張」を使って、

ANDROIDでNFCを読み込んでみた

@mos1210

12年12月20日木曜日

自己紹介

TW: mos1210 (本名:山本尚紀)

WebとかAndroidアプリの開発してます。

Re:Kayo-System


• Flashで作ったAndroidアプリで、NFCを使えませんか？

いきさつ


どんなアプリか

• NFCを読み込んだ時、画面にキャラクターが追加される


そもそも「Flashで作ったAndroidアプリ」とは？

FlashのAIR for Androidで出力したアプリ※Web版のFlashソースコードを移植したとのこと


FLASHでNFCを扱うコードは書けないか？

ググってみたが、不可と分かる


FLASHで「NFC」は使えるのか？

案その1

• Androidのブラウザ(WebView)で、Flash再生

• NFC読み込み時に、JavaScript経由でFlashを呼び出す

↓実現出来たが、速度が遅いと言われた


ADOBE AIRのネイティブ拡張というのがあるらしい

•プラットフォーム固有機能にアクセスする仕組み

電話帳、各種センサー、アプリ内課金、Bluetooth

• Androidデバイス Android2.2以降



• Adobe AIRのネイティブ拡張(AIR Native Extension)


案その2

↓出来るかも？

↓出来たけど、今回の案件では速くなかった...


FLASH CS6でネイティブ拡張を「使う」


こんなアプリを作成

• ID: NFCを読み込むとIDが値として表示される

• Clearボタン: IDをクリアする


FLASH CS6でネイティブ拡張を「使う」

• Flash CS6をインストール

• Air Native Extensionをライブラリパスに追加する

•ソースコード記述

• sample-app.xmlの編集(手動で記述)


FLASH CS6をインストール

• Flash CS6をインストールすると、同じフォルダ内にAir

SDK3.2もインストールされます。※後でAir SDKも使います


FLASH CS6でネイティブ拡張を使う






Air Native Extensionをライブラリパスに追加する

• AIR for Androidを選択



•「OK」を選択



•「ファイル」＞「保存」を選択し、C:/sampleフォルダに保存する。

• ※今回のファイル名:sample.fla



• sampleフォルダにlibs

フォルダを作成

• ANEファイルを配置



•スクリプトの「設定」ボタン押下



•「ドキュメントクラス」に「sample」を入力

•タブ「ライブラリパス」のネイティブ拡張(ANE)ファイルを参照ボタンを選択し、C:/sample/libs/

NfcAneExtension.aneを選択する。


ソースコード記述

•「クラス定義を編集」ボタン押下



•ソースのひな形が記述されるので、ActionScript3.0を追記していく



•左のような画面を生成するコードを書く



• Flash CS6を使ってソースコードの解説


Sample-app.xmlの編集(手動で記述)

• AIR for Android設定画面の権限タブで、チェック「アプリケーション記述ファイルへの権限およびマニフェストの追加を手動で管理します」を入れる。※Sample-app.xmlが自動生成される


↑の記述は省略 <android> <manifestAdditions><![CDATA[<manifest> <application> <activity> <intent-filter> <action android:name="android.intent.action.MAIN"/> <category android:name="android.intent.category.LAUNCHER"/> </intent-filter> </activity> <activity android:name="sample.ane.TagReaderActivity" android:theme="@android:style/Theme.NoDisplay" android:launchMode="singleTop" android:excludeFromRecents="true"></activity> </application><uses-permission android:name="android.permission.INTERNET"/><uses-permission android:name="android.permission.NFC"/></manifest>]]></manifestAdditions> </android> <extensions> <extensionID>sample</extensionID> </extensions></application>↑ファイルの最後


デプロイ

• デプロイタブ

• 証明書：選択、もしくは作成

• パスワード：入力

• デプロイタイプ：デバイスリリース

• AIRランタイム：任意

• パブリッシュ後：任意


デプロイ

パブリッシュ後にアプリケーションを起動するを選択している場合は、Android端末を接続しておく


デモンストレーション


ネイティブ拡張を「作る」



• 手順

• ネイティブ拡張ライブラリの作成

• ネイティブ拡張ActionScriptライブラリの作成

• ネイティブ拡張記述ファイルの作成

• ANEファイルへパッケージング



•ネイティブ拡張ライブラリの作成

•ネイティブ拡張ActionScriptライブラリの作成

•ネイティブ拡張記述ファイルの作成



ネイティブ拡張ライブラリの作成


プラットフォームネイティブAPI ネイティブ拡張開発言語ネイティブ拡張ライブラリ

Android C API/Java API C言語/JavaShared library(.so) Java Archive library(.jar)

iOS C API C言語/Objective-C Static library(.a)

Windows C API C言語/C++/C# Dynamic Link Library(.dll)

Mac OS X C API C言語/Objective-C Framework(.framework)




•必要な物

• Eclipse(Android開発環境)

• Android SDK



• Androidプロジェクトを作成



• FlashRuntimeExtensions.jarをパスに追加



Eclipseでソースコード解説



•プロジェクトをjarでExport


http://www.adobe.com/jp/devnet/air/articles/native_extensions_part2.html

ネイティブ拡張（Native Extensions）入門第2回　ネイティブ拡張の開発方法　前編


以下のサイトに詳しく載っています







•ネイティブ拡張ライブラリの作成

•ネイティブ拡張ActionScriptライブラリの作成

•ネイティブ拡張記述ファイルの作成



ネイティブ拡張ActionScriptライブラリの作成


•必要な物

• Adobe Flash builder 4.6




• a



• Adobe Flash BuilderでSampleExtension.as解説


ネイティブ拡張記述ファイル


• platform: Androidの場合は、Android-ARMを指定

• id: ActionScriptからネイティブ拡張を指定する際に使用

• nativeLibrary: ネイティブ拡張ライブラリを指定

• initializer : FREExtensionを実装したクラス名

• finalizer : FREExtensionを実装したクラス名

ネイティブ拡張記述ファイル


• ADTとは？ = AIR Developer Tools

•場所 /Applications/Adobe Flash CS6/AIR3.2/bin ※パスを通しておく

ADTによるパッケージング



• library.swf: NfcAne_asext.swcの拡張子をzipに変更し、解凍。中に入っているlibrary.swfを取り出しplatform/

androidフォルダに配置

•NfcAneAnd.jar 作成済みのネイティブ拡張ライブラリを配置


•使うツール: ターミナル

• Flash Builderで作ったディレクトリに移動して、コマンド実行




コマンド実行adt-package-storetype pkcs12 -keystore 証明書ファイル-target ane ANEファイル名ネイティブ拡張記述ファイル-swc ネイティブ拡張ActionScriptライブラリ-platform プラットフォーム名-C プラットフォームディレクトリ .

ディレクトリ移動$ cd /Users/naoki/Desktop/NfcAne_asext



コマンド実行 ※実際は1行adt-package-storetype pkcs12 -keystore 証明書ファイル-target ane ANEファイル名ネイティブ拡張記述ファイル-swc ネイティブ拡張ActionScriptライブラリ-platform プラットフォーム名-C プラットフォームディレクトリ .


ADTによるパッケージングadt -package -storetype pkcs12 -keystore test.p12 -target ane NfcAneExtension.ane extension.xml -swc bin/NfcAne_asext.swc -platform Android-ARM -C platform/android .

※実際は1行


参考にしたURL

ネイティブ拡張(Native Extensions)入門第1回ネイティブ拡張を理解するhttp://www.adobe.com/jp/devnet/air/articles/native_extensions_part1.html

ネイティブ拡張(Native Extensions)入門第2回ネイティブ拡張の開発方法前編http://www.adobe.com/jp/devnet/air/articles/native_extensions_part2.html

ネイティブ拡張(Native Extensions)入門第3回ネイティブ拡張の開発方法後編http://www.adobe.com/jp/devnet/air/articles/native_extensions_part3.html


















「AIRネイティブ拡張」を使って、 AndroidでNFCを読み込んでみた

Documents

Transcript of 「AIRネイティブ拡張」を使って、 AndroidでNFCを読み込んでみた