【kintone】freeeAPIで取引先を作成するまでの手順（後編）

jQuery.noConflict();
(function($, PLUGIN_ID) { 
  'use strict';
  const APP_ID = 23;
  const CALLBACK_URL = 'https://' + window.location.hostname + '/k/' + APP_ID + '/';
  kintone.events.on('app.record.index.show', async function(event) {
  const button = document.createElement('button');
  button.innerText = 'アクセストークン取得';
  button.classList.add('kintoneplugin-button-normal');
  button.id = 'getAccessToken';
  kintone.app.getHeaderSpaceElement().appendChild(button);
  button.onclick = function(){
    transitionToAuthCodePages(PLUGIN_ID, CALLBACK_URL); 
  }
  await processAuth(event, CALLBACK_URL, PLUGIN_ID);
    return event;
  });
kintone.events.on('app.record.detail.show', function(event) {
  const record = event.record; const button = document.createElement('button');
  button.innerText = 'freee取引先作成'; button.classList.add('kintoneplugin-button-normal');
  button.id = 'createFreeePartner'; kintone.app.record.getHeaderMenuSpaceElement().appendChild(button);
  button.onclick = async function(){ const accessToken = sessionStorage.getItem('freeeAccessToken');
  const resp = await createPartner(accessToken, { 'company_id': record.事業所ID.value, 'name': record.取引先名.value, 'code': record.取引先コード.value }, PLUGIN_ID);
  if(resp.status ==201){ alert('取引先作成しました。');
  }else{ alert('取引先作成に失敗しました'); } } });
})(jQuery, kintone.$PLUGIN_ID);

function transitionToAuthCodePages(pluginId, callBackUrl) {
  const clientId = kintone.plugin.app.getConfig(pluginId).client_id;

  location.href = 'https://accounts.secure.freee.co.jp/public_api/authorize' +
      '?response_type=code' +
      '&client_id=' + clientId +
      '&redirect_uri=' + encodeURIComponent(callBackUrl) +
      '&state=freee' +
      '&scope=write';
  }

async function processAuth(event, callBackUrl, pluginId) {
  const queryString = location.search;
  let accessToken = sessionStorage.getItem('freeeAccessToken');
  let refreshToken = sessionStorage.getItem('freeeRefreshToken');
  if (queryString.substr(0, 6) === '?code=' && accessToken === null) {
    const authCode = getQueryParam('code');
    if (authCode === null) {
      alert('freeeの認証に失敗しました。担当者にお問い合わせください。');
      return event;
    }

    const headers = {
      'Content-Type': 'application/json'
    };
    const body = {
      'grant_type': 'authorization_code',
      'redirect_uri': callBackUrl,
      'code': authCode
    };
    const respFromTokenEndpoint = await reqAccessToken(headers, body, pluginId);
    const credentials = JSON.parse(respFromTokenEndpoint[0]);
    const status = JSON.parse(respFromTokenEndpoint[1]);

    if (status === 200) {
      accessToken = credentials.access_token;
      refreshToken = credentials.refresh_token;
      alert('freeeの認証処理が完了しました。');
    } else {
      accessToken = 'FAILED!!';
      refreshToken = 'FAILED!!';
    }
    sessionStorage.setItem('freeeAccessToken', accessToken);
    sessionStorage.setItem('freeeRefreshToken', refreshToken);

  }
  return event;
}
async function reqAccessToken(headers, body, pluginId) {
  return kintone.plugin.app.proxy(pluginId, 'https://accounts.secure.freee.co.jp/public_api/token', 'POST', headers, body).then((resp) => {
    return resp;
  });
}

function getQueryParam(key) {
  const value = window.location.href.match(new RegExp('[?&]' + key + '=(.*?)(&|$|#)'));
  if (value == null) return '';
  return decodeURIComponent(value[1]);
}

async function createPartner(act,
  {company_id, name, code} = {}, pluginId) {
  const result = {};
  const header = {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer ' + act,
  };
  const body = {
    'company_id': company_id,
    'name': name
  };
  if (code) body.code = code;

  const requestUrl = '/api/1/partners/';

  return kintone.plugin.app.proxy(pluginId, 'https://api.freee.co.jp' + requestUrl, 'POST', header, body).then((resp)=> {
    result.body = JSON.parse(resp[0]);
    result.status = resp[1];
    return result;
  });
}