Flutter/SwiftでNFC読み取り

Flutter/Swiftをつかって交通系ICの残高読み取りを行います
2025.06.21　DroidKaigi.collect { #19@Osaka }

Transcript

1. Flutter/SwiftͰNFCಡΈऔΓ ަ௨ܥICΛಡΈऔΖ͏ʂ
2. Who I am? - େࡕ੒᪟େֶ σʔλαΠΤϯεֶ෦ B2 - ΞϓϦ։ൃαʔΫϧΆͪΆͪͷͭͲ͍ - ale engineer - ͜͜1೥͘Β͍Flutterத৺ - ϞόΠϧΛ࢝Ίͨͷ͸3೥͘Β͍લʹJava,XMLͰAndroidΞϓϦ։ൃ - Swiftͷܦݧ͸΄΅φγ ΆͪΆͪͷͭͲ͍ Publication(zenn)
3. ࣮૷ - Android͸FlutterύοέʔδΛ࢖༻ - iOS͸MethodChannelΛ͔ͭͬͯSwiftΛݺͼग़ͯ͠ಡΈऔΔ ཧ༝: - Android͸ύοέʔδΛ࢖͑͹؆୯ʹͰ͖ͨ - iOS͸ύοέʔδόʔδϣϯͷࠩͳͷ͔ݪҼ͕͔ͭΊͣఘΊͯSwiftͰ࣮૷ - ͜ͷ࣌͋ΔϓϩδΣΫτͰMethodChannelΛ΍ͬͯͨͷͰ΍Ζ͏ͱࢥͬͨ
4. ࠓճͷ໨ඪ ަ௨ܥICΛεϚϗͰಡΈऔͬͯ࢒ߴ͕දࣔ͞ΕΔ
5. ࢖༻ύοέʔδ[android/ios] ʲFlutterʳ - nfc_manager : https://pub.dev/packages/nfc_manager ʲSwiftʳ - CoreNFC : https://developer.apple.com/documentation/corenfc
6. ަ௨ܥICͷ࢓༷ ཁٻʹରͯ͠16BͰؼͬͯ͘Δ ࠷৽ͷར༻ཤྺͷ10,11B໨Λ10ਐ਺ʹม׵ͯ͠଍͢ͱֹ͕ۚग़ͯ͘Δ
7. Android(Flutter) - 16BͰ΍ͬͯ͘ΔσʔλΛ16B+ϔομͷ 29Bʹม׵ - ޙΖ13Bʙͷσʔλ16Bͷ[10][11]Λ଍͢ͱ ࢒ߴʹͳΔ - ίϚϯυΛૹ৴ͯ͠ཁٻΛૹΓฦ౴Λresponseม਺ʹ֨ೲ - blockData[10]ɿ࢒ߴͷԼҐόΠτʢLSBʣ - blockData[11] << 8ɿ্ҐόΠτʢMSBʣΛ8Ϗοτࠨγϑτ
8. FlutterΞϓϦͰ࢖͍෼͚Δ ϓϥοτϑΥʔϜΛ൑ఆͯ͠iOSͳΒ showSwiftView()ϝιουΛ࣮ߦ͠ɺͦΕ Ҏ֎ͳΒnfcσΟϨΫτϦͷը໘ʹભҠ͢Δ
9. MethodChannel SwiftଆͱFlutterଆͰಉ͡νϟϯωϧΛఆٛͯ͠ invokeMethodͰSwiftͰ࣮ߦ͢Δ಺༰Λࢦఆ ࠓճ͸showSwiftUIView͕ݺ͹Εͨ࣌iOS15Ҏ্ ͳΒNFCView()Λ࣮ߦ͢Δ
10. iOS Androidͱ΍ͬͯΔ͜ͱ͸ಉ͡ - SwiftͰ͖ͳ͗ͯ͢͞΄΅AI - ύοέʔδͱαϯϓϧΛ୳͢ͷ͸ࣗ ෼Ͱ΍ͬͨ
11. ࠓޙͷ՝୊ શࠃڞ௨ަ௨ܥIC͕ICOCA͔͍࣋ͬͯ͠ͳ͍ͷͰଞͷݕূͰ͖͍ͯͳ͍ →ؔ౦ʹߦͬͨࡍʹSuicaΛൢച͓ͯ͠ΒͣߪೖͰ͖ͳ͔ͬͨ JR౦೔ຊͳͲʹΑΔͱ”ੈքతͳ൒ಋମෆ଍ͷӨڹ” ISOن֨(ISO/IEC 18092) ͳͷͰଟ෼ಡΈऔΕΔϋζ... https://www.jreast.co.jp/press/2023/20230731_ho02.pdf
12. ࠓޙͷ՝୊ શࠃڞ௨Ҏ֎ͷ΋ͷ(OKICAͳͲ) →12B͔͠ͳ͘ղੳͰ͖ͳ͔ͬͨ ࣋ͬͯΔͷ͕ར༻ྺͳ͍ͷͰͦΕ͕ݪҼʁ ԭೄʹߦ͔ͳ͍ͱݕূͰ͖ͳ͍... ࠓճͷ࣮૷ͩͱར༻ྺ͕͋Ε͹ಡΈऔΕΔՄೳੑ͕͋Δ ࣮ࡍGoogle Playʹ͋ͬͨΞϓϦ͔ΒಡΈऔΔ͜ͱ͕Ͱ͖ͨ
13. ·ͱΊ - FlutterͰNFCಡΈऔΓ͕Ͱ͖Δ - ަ௨ܥIC͔Βฦ͞ΕΔ16όΠτͷσʔλΛ29όΠτʹม׵͢Δ͜ͱͰ࢒ߴΛ ܭࢉͰ͖Δ - iOS͸Flutterύοέʔδ͔Βಈ͔͢ΑΓSwiftΛ࢖ͬͨ΄͏͕࣮֬ - OKICAͳͲͷڞ௨ICΧʔυҎ֎Ͱͷݕূ͕՝୊
14. ίʔυͱهࣄ Flutterίʔυ(❌iOS) https://github.com/pochipochi-tudoi/nfc_app/blob/main/lib/main.dart ৄ͘͠͸Zennͷهࣄʹॻ͍ͯ·͢ [Flutter]NFCಡΈऔΓͰ༡Ϳ: https://zenn.dev/pochipochitudoi/articles/5c69b76747cb56