サイトに登録して即時支払いを行うためのブラウザAPI

私はすべての人がフォームを嫌い、不自然で不必要なもので埋めることを検討していることを無限に確信しています。 また、21世紀から12年が経過しています。



Alex Maccaw (Alex Maccaw、JavaScriptプログラマー、O'Really publishing house(無料)の著者でもある)による著者の短いメモの翻訳を、開発者をさまざまな種類の自転車の説明から、ユーザーを日常業務から救うブラウザーAPIの概念について説明します登録フォームの記入と支払いの処理について。



メモの著者であるアレックスは、代名詞「I」で読者と同一視する必要があります。



20世紀初頭、馬車から自動車への移行があったとき、デザイナーは本格的なカートに慣れていたため、当時の車の運転手は外に座って車を運転しなければなりませんでした。 デザインの「天才」は、フルサイズの馬のフィギュアを車の前部に取り付けた(これは完全に完全にキャリッジに似ていました)ため、目にはヘッドライト、口の中にホーン、トランクがありました。



画像



フォームのオートコンプリートは「馬のいない乗組員」に非常に似ていると思います。特定の問題は解決しますが、より大きな問題は解決しません。 そして、フォームをまったく放棄するとどうなりますか?



ブラウザーに既に格納されているオートコンプリートデータ(アドレスやクレジットカード情報など)を許可するブラウザーAPIのアイデアを提案します。 したがって、サイトのブラウザをチェックすると、購入ボタンのクリックを処理し、サイトのドメインに必要な情報へのアクセスを提供することになります。



画像



このアプローチは、支払いを行うだけでなく、サイトでの登録と承認を保証するためにも使用できます。 この場合、サイトはこのAPIのブラウザーサポートを確認し、失敗した場合は通常のフォームを表示できます。 この状況では、サイトを使用するプロセスがより透明になるという事実は、コンバージョンが増加することを示唆しています。



提案されたAPIは非常に単純です。 挑戦です
navigator.requestProfile
      
      



必要なデータ型の配列とコールバック関数を送信します。例:



 navigator.requestProfile(['firstName', 'email', 'cardNumber'], function(profile){ console.log('Your name is:', profile.firstName); /* ... */ });
      
      







プロトタイプとして、説明したAPIを実装し、サイトが事前に構成されたデータウェアハウスにアクセスできるようにするChromeブラウザーの拡張機能を開発しました。



もっと良くしたいことがたくさんあります。 たとえば、データモーダルへのアクセスを許可するダイアログを作成し、クレジットカード番号のデータを暗号化し、サイトがアクセスするデータのプレビューを作成します。 しかし、これは良いスタートだと思います。



このAPIの実装における重要な点は、セキュリティに関連する事項で特定の合意に達する能力です。



また、 W3Cメーリングリストの1つでディスカッションを開始しました。 一般的に、私たちが一緒になって共通の意見を得ることができることを願っています!



All Articles