タグ

ブックマーク / zenn.dev/takumiabe21 (1)

  • クレジットカードの読み取り機能を実装する!

    はじめに 先日、クレジットカードをiPhonのカメラで読みとり、入力フォームに自動で入力される機能の実装を行なったので記事を書きます! この機能の実装自体は難しくなかったですが、httpsで接続していないとこの機能は動かないみたいで、動作を検証する際に悩みました。。 やりたいこと 以下画像のように、クレカ読み取り機能で、クレカを枠内に入れたらフォームにクレカ情報が自動的に入力されるようにしたい。 ※注意 ・読み取れる項目は、カードナンバーと有効期限とカードのタイプのみのようです。名前とCVVは手動で入力する必要があります。 (今回は、カードナンバーと有効期限のみ) ・iOS8以上でないと、読み取り機能は正常に機能しないみたいなので注意が必要です! ・Angularのアプリケーション内で実装したのですが、Angular Materialの mat-selectタグを使用すると上手く行かなかっ

    クレジットカードの読み取り機能を実装する!
  • 1