技術情報kintone中津川篤司kintone(キントーン)は、業務用途でよく利用されているWebデータベースサービスになります。タスク管理や日報管理など、様々なアプリケーションがあらかじめ用意されています。kintoneではAPIを提供しており、Monacaアプリとの連携が可能です。今回は、Monacaアプリからkintone認証をする方法について解説します。記事で紹介するプロジェクトは、下のプロジェクトインポートリンクからご利用のMonacaアカウントへインポートできます。本記事の中では、Monaca有料プランでのみ利用できる機能を利用しています。kintone認証はパスワード認証kintoneでは次のように、いくつかの認証を提供しています。APIトークン認証は、操作がすべて管理者権限になるため利用できるケースは限られます。そのため、パスワード認証を利用します。パスワード認証APIトークン認証セッション認証kintoneのユーザー認証の詳細はこちらを確認ください。CORSへの対応また、kintoneが提供しているAPIには、CORS制限があります。そこで利用するのが、cordova-plugin-advanced-httpになります。ネイティブコードで実行してくれるものです。このCordovaプラグインを使うことで、kintoneの提供するAPIをCORS制限の対象となることなく、利用できるようになります。次の記事を確認してください。https://press.monaca.io/atsushi/5046kintoneでユーザを作成する続いて、ログイン認証を実装するため、kintoneサービスにてあらかじめkintoneでログインユーザを作成しておいてください。共通管理」画面より実施します。kintoneの設定情報の定義Monacaでは、ます初めに必要なkintoneの設定情報を変数に定義します。作成したアプリのID。"1";kintoneAPI用の認証情報を作るアプリでは、パスワード認証を行うために、「ユーザー名」と「パスワード」の入力フォームを用意します。ユーザー名/パスワードを入力画面から受け取ります。今回はFramework7を利用して、入力データを操作しています。$f7.$el.find("#password").val();取得したユーザー名とパスワードを使って、APIを呼び出すための認証ヘッダーを作成します。作成後は、kintoneのアプリIDを引数に指定して、メソッド「getApp()」を呼び出します。APIには認証を行うだけのものはありません。そのため、実際にAPIアクセスしてみて、データが取得できれば適切な認証データとして扱います。そこでアプリ情報を取得するAPIを実行します。パス情報として「/app.json」を設定しています。メソッドの「get」とアプリの情報を取得するために必須となる「アプリID」を指定しています。APIへHTTPリクエストを送るための共通メソッドです。オプション情報を渡すことで、基本的なkintoneAPIを呼び出すことができます。}}API呼出し結果を判定するアプリ情報を取得する「getApp()」のレスポンスについて、「appId」を確認して、ログインできたかの判定をします。エラーの場合は、エラーコードが返ってきます。正常に処理ができた場合は、メッセージ「ログインしました」をトーストで表示しています。下記のポイントを意識すればスムーズに開発ができます。中津川篤司プログラマ、エンジニアとしていくつかの企業で働き、28歳のときに独立。2004年、まだ情報が少なかったオープンソースソフトの技術ブログ『MOONGIFT』を開設し、毎日情報を発信している。2013年に法人化、ビジネスとエンジニアを結ぶエバンジェリスト業「DevRel」活動をスタートした。見やすい、メンテナンスしやすいJavaScriptのために。