FileMaker 16 の新機能を使用して弊社在庫管理システムテンプレート『FMEasy在庫』の機能を拡張するというテーマで、前回までに WebDirect を使用した宅配便送状の印刷と、AfterShipから配送データを取得してアプリ内で荷物追跡情報を表示する方法をご紹介してまいりました。今回はその締めくくりとして、oAuth による FileMaker データベース(以下、FileMaker DB)へのログインについてご説明します。
一回目:
FileMaker と WebDirect 16 で宅配便送状を印刷し、配送状況を追跡する
二回目:
cURL と REST API を使用し、FileMaker アプリ内で配送状況を追跡
![出庫画面から運送業者の送状を発行し、発送状況を追跡する oAuth 認証で FileMaker にログインし、出庫画面から送状発行と追跡をする](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc2_kV-oPYXIWvsfzZdGU-w16UCemiLFENnhPD9fCM2WtuRT46dTjC3IiO40vgNP1oQRsLofzsz-7uzSc1DhSSTz3jmRhJwu3DbHPKKCmqDjoxdDFgybvv7csR_HbHTAUvsSh3Cw/s640/shippingFlow_FM16_oAuth.png) |
出庫画面から運送業者の送状を発行し、配送状況を追跡するまでの流れ |
oAuth は一連のデータベース操作の窓口を担う認証機能になりますが、FileMaker DB にパスワードを記憶させないという利点があります。
オープン認証 (oAuth) をざっと説明
oAuth を簡単に説明すると、外部の Web サービスに登録されているユーザ情報を使うことによって、アプリケーションに代理ログインできるしくみです。Google アカウントや Microsoft アカウントなどを使って外部サービスにログインされた方もいらっしゃると思います。
FileMaker 16 が oAuth 対応になり、通常の FileMaker アカウントの代わりに Google、Microsoft Azure Active Directory、および Amazon アカウントを使って FileMaker データベース(以下、FileMaker DB)にログインできるようになりました。
oAuth 経由で FileMaker にログインするための事前準備
oAuth で FileMaker DB にログインするためには、以下のものをそろえる必要があります。
- FileMaker Server 16 と必要数分のアクセスライセンス
- 有効なドメインのサーバ証明書
- クライアント ID、シークレット、テナント ID (Asure の場合)
- oAuth 用ログインユーザアカウント
FileMaker で oAuth を有効にする方法
oAuth 経由で FileMaker にログインするための具体的な手順を以下に示します。
ここでは、Google アカウントを例に進めていくことにします。
作業の手順は FileMaker 公式にまとめられていますので、以下もご参照ください。
オープン認証 (OAuth) 資格情報を使用したソリューションへのアクセス
- FileMaker Server にサーバ証明書をインポートします。
FileMaker Server Admin Console にログインし、データベースサーバ→セキュリティの順にすすみ、「データベース接続に SSL を使用する」にチェックをつけて“証明書のインポート...” ボタンをクリックします。
![FileMaker Admin Console からカスタムサーバ証明書をインポートする カスタムサーバ証明書をインストールする](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw-Q9aUdF1JHno7UhudyM1MrXZOsAO_4lPwSOAT9u0Tppi3buPqi14EtJwAzCZ6aT6l4fj0GUcfhcHU_KZ709_r1RE6tsPxWglKSH23tuMqfFqA4Iv8_xxMvIIq3aiIpGeH-KFrQ/s640/%25E8%25A8%25BC%25E6%2598%258E%25E6%259B%25B8%25E3%2581%25AE%25E3%2582%25A4%25E3%2583%25B3%25E3%2583%259D%25E3%2583%25BC%25E3%2583%2588.png) |
SSL を有効にし、証明書のインポートを選択する |
証明書のインポートダイアログが表示されますので、署名入りの証明書ファイル、プライベートキーファイル、中間証明書ファイルを指定してインポートします。
![カスタム証明書インストール用ダイアログ カスタム証明書インストール用ダイアログ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ8hczPWIqARCz239zvtxLvhUFTTqDJI9hF1F6twhqe9AoW045GVt-47xM2NKWu720l3IDO2Ey1-4GishJlciDR9twRov7lxZBCVB63E18iQOEXTZbMm5yZE52MnmjnNF4ph6D7A/s1600/%25E8%25A8%25BC%25E6%2598%258E%25E6%259B%25B8%25E3%2582%25A4%25E3%2583%25B3%25E3%2583%259D%25E3%2583%25BC%25E3%2583%2588%25E3%2583%2580%25E3%2582%25A4%25E3%2582%25A2%25E3%2583%25AD%25E3%2582%25B0.png) |
カスタム証明書インポートのダイアログ |
- FileMaker Server を再起動します。
- http://console.developers.google.com/ にログインします。
- 認証情報→認証情報を作成の順にすすみ、「oAuth クライアント ID」 を選択します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS8ffyKwj3upJ3QcBhe8HG1awu9K8P9ayPtbCKrMomXxcnY1tiL156PpEJzNC6f5q2yUvYh_bGZAco7HzZZ0jsJVK6L_apft989VaPSKkMBPoNXyOAjguzaF2_GoSh8zpePzFy9A/s640/%25E8%25AA%258D%25E8%25A8%25BC%25E6%2583%2585%25E5%25A0%25B1%25E3%2582%2592%25E4%25BD%259C%25E6%2588%2590%2528oAuth%2529.png) |
oAuth クライアント ID を登録 |
- oAuth 同意画面を選択し、メールアドレスとサービス名を入力して保存します。
![oAuth 同意画面の登録 oAuth 同意画面を登録](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNgnv33H7fJbtFCWLvth1ZoLaMdtjpzVKfYyttniHZtYG4hdVDM74mY1pT_VBu9nrJyB2pTHiJgh1YfNDBpr3X19ah6BV0B1kTq-iZD8jYE6dhIpOtrSo2oVb1yEX3h3f69j0jBw/s640/OAuth%25E5%2590%258C%25E6%2584%258F%25E7%2594%25BB%25E9%259D%25A2.png) |
oAuth 同意画面を登録 |
- アプリケーションの種類の選択ページでは、「ウェブアプリケーション」を選択し、任意の名前を指定してから、リダイレクト先を指定します。
![oAuth のリダイレクトリンク先を登録 oAuth のリダイレクトリンク先を登録](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilkK-0DGqUi5l_4GbE72fv9R4MPuYIJ9EjAXG6iZzdUJl88Jspi1fS7MFvMPrTwajljvCWfGx9mCpiLlFpe9AuLNUKTM3E_QRm1RcYFbs2hQ2NLkU2Zt_Z39eVjLByg-ZcZUAuQQ/s640/%25E3%2582%25A2%25E3%2583%2597%25E3%2583%25AA%25E3%2582%25B1%25E3%2583%25BC%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%25B3%25E3%2581%25AE%25E7%25A8%25AE%25E9%25A1%259E%25E3%2582%2592%25E3%2582%25A6%25E3%2582%25A7%25E3%2583%2596%25E3%2582%25A2%25E3%2583%2597%25E3%2583%25AA%25E3%2582%25B1%25E3%2583%25BC%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%25B3%25E3%2581%25AB%25E3%2581%2599%25E3%2582%258B.png) |
oAuth 認証をウェブアプリケーションにし、そのリダイレクト先を指定する |
リダイレクト先は https://ドメイン名/oauth/redirect になるように指定します。
- 無事 oAuth クライアント ID が作成されると、以下のようなダイアログが表示されますので、クライアント ID とクライアントシークレットをメモしておいてください。
![oAuth クライアント ID とクライアントシークレットを取得 oAuth クライアント ID とクライアントシークレットをメモする](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaof_4F-RS8lSIxd8SZoGLTTtzKIcVbQ8Iq7hh2s6qM1Ruk5YOm5ownacBpTHFMgPPWjulgmoVkRyERsc6wVT2mvApqbV95gDt1H2dFHLiGOHF2H12kNLHNm31sz9t8NxTnRW7HQ/s640/%25E3%2582%25AF%25E3%2583%25A9%25E3%2582%25A4%25E3%2582%25A2%25E3%2583%25B3%25E3%2583%2588ID%25E3%2581%25A8%25E3%2582%25B7%25E3%2583%25BC%25E3%2582%25AF%25E3%2583%25AC%25E3%2583%2583%25E3%2583%2588.png) |
oAuth クライアントのクライアント ID とクライアントシークレットを取得する |
- 再び FileMaker Server Admin Console にログインします。データベースサーバ→セキュリティの順にすすみ、クライアント認証を 「FileMaker と外部サーバーアカウント」に変更して設定を保存します。
![クライアント認証を「FileMaker と外部サーバアカウント」に変更 クライアント認証を「FileMaker と外部サーバアカウント」に変更](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuosDcxiPrtaGvYRw73GiA-yUUwtq2g-DTvAW2leWtgCn4GbmKCQlmIEEMFQcY335ZmRFGuveMtWEf8nwKra_Awiv1SK5GQFRBFPhTJXLOpgj_xOarxsAcQWKniS89swlWdSDNpQ/s640/FileMaker%25E3%2581%25A8%25E5%25A4%2596%25E9%2583%25A8%25E3%2582%25B5%25E3%2583%25BC%25E3%2583%2590%25E3%2582%25A2%25E3%2582%25AB%25E3%2582%25A6%25E3%2583%25B3%25E3%2583%2588%25E9%2581%25B8%25E6%258A%259E.png) |
クライアント認証を「FileMakerと外部サーバーアカウント」に変更する |
- 外部サーバーアカウントとして Google の歯車アイコンをクリックすると、Google の設定ダイアログが表示されますので、手順 7. でメモしておいた Google クライアント ID と Google クライアントシークレットを入力し、“保存”ボタンをクリックします。
![Google クライアント ID とシークレットを入力する Google クライアント ID とシークレットを入力する](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8_PxLIeAdNL_pAwuEi3QkCqm8oaesTz_hGEeEytXE4Akq_1lfxEOGMdvQgBiwqBjKQPUeScEHHWhzrjrjaVRnsIw8yeQlmwG7PxxtD_hejzUxkt-hl3ZiPH2QeJ3xcJXBdVRgRw/s640/Google%25E3%2581%25AE%25E8%25A8%25AD%25E5%25AE%259A.png) |
Google クライアント ID と Google クライアントシークレットを入力 |
- FileMaker Server を再起動し、手順 11. の Google アカウントのスライダーを有効にします。
これで FileMaker Server で oAuth が使えるようになりました。
補足事項:
- サーバ証明書をインポートした直後は、FileMaker Server を再起動しても FileMaker Server が証明書を認識しない場合があります。その場合は、いったんサーバ機を再起動すると認識されることがあります。
- サーバ証明書のインポートに失敗した場合は、FileMaker Server のディレクトリでコンソールウィンドウを開き、fmsadmin certificate delete コマンドを実行すると、カスタム証明書を削除することができます。削除後はいったん FileMaker Server を再起動してから、証明書のインポートをやりなおしてみてください。
FileMaker データベースファイルへのユーザアカウントの登録
FileMaker Server 側の oAuth 認証受付の準備が終わったら、データベースファイルにログインユーザアカウントを登録します。
- FileMaker Pro から管理者権限でデータベースファイルを開き、FileMaker のメニューより「管理」→「セキュリティ」の順に進みます。
- アカウントの一覧が表示されますので、認証方法を「Google」にし、そして「ユーザ名」にはGoogleにログインするためのメールアドレスをフルで指定します。
![oAuth ログイン用アカウントを FileMaker DB に登録する oAuth ログイン用アカウントを FileMaker DB に登録する](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiBEIYTqBvOQUfvBfGdhYRcmHyPTH0U6OXSZhWdO8p_AEYFo4sjl7blMXcsUrVFvDeNbzSzdOQKGoJSVhQjwp4TBh3VRW5LcX2jAdssBafNoQ5W2bg1OoGwcI3Qml0tLj-O5ZaOg/s640/oAuth%25E3%2581%25A7%25E3%2583%25AD%25E3%2582%25B0%25E3%2582%25A4%25E3%2583%25B3%25E3%2581%2599%25E3%2582%258B%25E3%2583%25A6%25E3%2583%25BC%25E3%2582%25B6%25E3%2581%25AE%25E7%2599%25BB%25E9%258C%25B2.png) |
アカウント管理画面に oAuth ログイン用のユーザアカウントを登録する |
- 同じ要領で、クライアント数分のアカウントを登録します。
補足事項:
- 分離モデルを採用している FileMaker データベースシステムの場合は、関連するすべてのファイルに oAuth 用のアカウントを登録する必要があります。
oAuth による FileMaker データベースのログイン
oAuth による FileMaker ログインの設定が終わったら、実際にログインして動作を確認します。
FileMaker Pro16 によるログイン
FileMaker Server 16 で公開されているデータベースファイルに FileMaker Pro 16 クライアントからアクセスすると、以下のようなダイアログが表示されます。
![oAuth 対応の FileMaker Pro 16 ログインダイアログ oAuth 対応の FileMaker Pro 16 ログインダイアログ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM7H7jxKv385nYg894V9ujd6FQuDvhr-_MiLPu6T6PtFAaru6cClVlj6W0pntd5da0eJiqHfCRhFQaAVhY2qM15-9D1RKhr1GU0RN11hEOK2jhTQuded3YjOgL5ZqBvYUABWNXPQ/s1600/oAuth%25E3%2583%25AD%25E3%2582%25B0%25E3%2582%25A4%25E3%2583%25B3%25E7%2594%25BB%25E9%259D%25A2.png) |
oAuth 対応のFileMaker Pro 16 ログイン画面 |
ここで、Google ボタンをクリックすると、以下のようなアカウント選択ページが表示されますので、適切なアカウントを選択し、パスワードを入力してログインします。
![FileMaker DB にログインする Google アカウントを選択 FileMaker DB にログインする Google アカウントを選択](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivIC0IHtXnNoC_MUssiaj73A8uO0-ka6fsSl9N_aWwIOnQNetRaE9XyHg7RtjWcN5ourXb-T-dy6w_wwQkGq-aRPsht0QiKsO8FbvaUQwclmvLpygOFReAtfS_SN9XTMJJyCWvwA/s640/Google%25E3%2582%25A2%25E3%2582%25AB%25E3%2582%25A6%25E3%2583%25B3%25E3%2583%2588%25E9%2581%25B8%25E6%258A%259E%2528FMPro%2529.png) |
ログインする Google アカウントを選択 |
上図は、Web ブラウザに Google アカウントが記録されている場合のページですが、Web ブラウザにアカウントが記録されていなければ Google ログイン用のメールアドレスを入力するよう促されますので、正しいメールアドレスを入力します。
Google アカウントのログインに成功すると、以下のようなダイアログが表示されますので、“許可”をクリックします。
![ブラウザから表示される FileMaker プログラムの実行許可を求めるダイアログ ブラウザから表示される FileMaker プログラムの実行許可を求めるダイアログ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI8IVqi50N2knpTfwz_YgjxK88FX8aEzEZVRTOTjT7paWvlMJNAgl7IqIGlYNNsOD6rL4QvFj83Rqt1c2vUVo-9cLstLF9IVJ8TWII8aXfbbLO9a9quCulN7g5iAJIh2hbUOj3HQ/s1600/FileMaker%25E5%25AE%259F%25E8%25A1%258C%25E8%25A8%25B1%25E5%258F%25AF.png) |
プログラムの実行許可 |
すると FileMakerアプリの画面に戻ります。後の操作は FileMaker のユーザ権限にしたがって通常通りに行えます。
![oAuth による FileMaker ログイン直後の Main Menu 画面(FileMaker) oAuth による FileMaker ログイン直後の Main Menu 画面(FileMaker)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5bJ8kW-VC1hRI3ZNQn_anPVcsMNvEitXJ7Os8KbZpW9KcpZNxWu9UM3In1O4tKdrXM-TOaqCmu4PZjOwbyXfFcRjSCpyhDOe4RAfN1sahrQp4rUQ3vZefJpr7bJiaPCIAikjn2w/s640/FMEasy%25E5%259C%25A8%25E5%25BA%25ABMain+Menu%25E7%2594%25BB%25E9%259D%25A2%2528FileMaker%2529.png) |
oAuth によるFileMaker ログイン直後の FMEasy在庫 Main Menu 画面 |
WebDirect によるログイン
WebDirect 用の公開リンクにアクセスし、開きたいデータベースファイルをクリックすると、以下のようなログインページが表示されます。
![oAuth 対応 WebDirect サインインページ oAuth 対応 WebDirect サインインページ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg-8VhlyYePFiu8ADx1tHfQbL33877biM6TP81xUNRF2JN5aQKHmNpw96nNiH4IEtd9uC8CL-pSngvwRZVti7ceDYcsLLHvnI8RSIEkFh2ZQUJnq4jmr-Rq0ZyxcMHPrluNKwdZw/s640/WebDirect%25E3%2581%25A7%25E3%2581%25AEoAuth%25E3%2583%25AD%25E3%2582%25B0%25E3%2582%25A4%25E3%2583%25B3%25E7%2594%25BB%25E9%259D%25A2.png) |
WebDirect 用の oAuth 対応サインインページ |
ここで、Google ボタンをクリックすると、以下のようなアカウント選択ページが表示されますので、適切なアカウントを選択し、パスワードを入力してログインします。
![WebDirect にログインする Google アカウントを選択 WebDirect にログインする Google アカウントを選択](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPua5CZjKbmQqzIFPN6miyKXAPsp5CMnSN_62HduQv_bmMuiv3eF1_n5nvg1FXFhVRZO-e8ZNAX4N16o-TwiJCT49eUo5Gp7TqXKtGoKySW8ThY05rGdg10InxV39dfnfxdkFmWQ/s640/Google%25E3%2582%25A2%25E3%2582%25AB%25E3%2582%25A6%25E3%2583%25B3%25E3%2583%2588%25E3%2581%25AE%25E9%2581%25B8%25E6%258A%259E%2528WebDirect%2529.png) |
ログインする Google アカウントを選択 |
Google アカウントのログインに成功すると、WebDirect で FileMaker DBが開きます。
![oAuth による FileMaker ログイン直後の Main Menu 画面(WebDirect) oAuth による FileMaker ログイン直後の Main Menu 画面(WebDirect)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ7cUmEUthe-jkHkL-Tup6FNkryjAsWHB41SS7txKb5QVuwq7maB_7oIhlIdSKhW4CN1o9vTEVbP1k8K9n7o3JqCo26S3AaD1mM8tz9AVWpN-gWwIeWU_QMpEVO4LngWyMqtdxxw/s640/FMEasy%25E5%259C%25A8%25E5%25BA%25ABMain+Menu%25E7%2594%25BB%25E9%259D%25A2%2528WebDirect%2529.png) |
oAuth による WebDirect ログイン直後の FMEasy在庫 Main Menu 画面 |
懸案事項
oAuth は事前設定さえ済ませてしまえば、あとはログインを許可するアカウントを FileMaker DBに登録するだけで使えるようになりますが、運用にあたっては以下のような問題が発生する可能性がありますので、ご留意ください。
- ログインに成功すると、FileMaker を終了しても、oAuth で管理される外部 Web サービスのセッションが残る
これは他の Web サービスのセッション管理機能に依存しますが、Google の場合 FileMaker を終了させても、二回目以降に FileMaker DB にログインしようとすると、パスワードの入力を求めてこず、そのままログインできてしまいます。
- Web ブラウザにログインパスワードが保存されていると、第三者に勝手にログインされる恐れがある
個人の専用パソコンからのアクセスなら、パスワード入力の手間が省けて便利ですが、複数のユーザで一つのパソコンを共有利用している場合は、勝手にログインされてしまう可能性があります。
各自パスワード管理をしっかりやってね、で解決すればよいのですが、手軽さゆえ思わぬトラブルにつながりそうな機能なので、oAuth ログインを許可するアカウントのユーザ権限は入力・照会レベルにとどめるような工夫は最低限必要かと思います。
oAuth の危険性を指摘する記事もネットで見つかりますので、日ごろから目を通しておくとよいですね。
参考記事:
第147回 便利と危険は裏返し 〜 知っておきたい、OAuthの仕組み 〜 (TDK Techno Magazine)
土屋企画では FileMaker システムの受託開発およびコンサルティングを請けたまわっております。お問い合わせは
こちらよりお願い致します。
その他の在庫関連記事を読む
(亀)