1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78

/*
 * kinone x freee sample program
 * Copyright (c) 2020 Cybozu
 *
 * Licensed under the MIT License
 * https://opensource.org/license/mit/
 */

const authUrl = 'https://accounts.secure.freee.co.jp/public_api/authorize';
const tokenUrl = 'https://accounts.secure.freee.co.jp/public_api/token';
const endPointUrl = 'https://api.freee.co.jp/api/1/';
// このアプリのURL
const callbackUrl = 'https://' + window.location.hostname + '/k/' + kintone.app.getId() + '/';
// freee連携用トークン
// TODO: 保管したトークンを取得する実装
// （注意） このままでは画面遷移時にトークンが破棄されるため動作しません
let freeeAccessToken = '';
const freeeCompanyId = '';

kintone.events.on('app.record.index.show', (event) => {
  // freeeからのコールバック時には/k/xxx/?code=認証コード という形式で返ってくる
  const queryString = location.search;
  // アクセストークンがない場合のみ取得処理にリダイレクトする
  if (!queryString && !freeeAccessToken) {
    // Client IDはプラグインで保存した情報を利用
    location.href = authUrl + '?response_type=code' +
            '&client_id=' + CONFIG.client_id +
            '&redirect_uri=' + encodeURIComponent(callbackUrl);
    return event;
  }
  // パラメータが設定されている場合認証コードを取得する
  if (queryString.substr(0, 6) === '?code=') {
    const authCode = queryString.substr(6);
    if (!authCode) {
      console.log('freeeの認証情報取得に失敗しました。');
      return event;
    }
    console.log(authCode);
    // 取得した認証コードを使ってアクセストークンを取得する
    const body = {
      // IDとSecretはkintone.plugin.app.setProxyConfig() で設定済み
      // 'client_id': clientId,
      // 'client_secret': clientSecret,
      grant_type: 'authorization_code',
      redirect_uri: callbackUrl,
      code: authCode
    };
    const header = {
      'Content-Type': 'application/json'
    };
    // アクセストークン取得のAPIを実行する
    // TODO: プラグインを利用したシークレットの隠蔽
    kintone.plugin.app.proxy(PLUGIN_ID, tokenUrl, 'POST', header, body).then((response) => {
      if (!response) return;
      console.log(response);
      // freeeから取得した認証情報をパースする
      const credentials = JSON.parse(response[0]);
      let accessToken = credentials.access_token;

      if (!accessToken) {
        console.log('freeeの認証情報取得に失敗しました。');
        accessToken = 'FAILED!!'; // リダイレクトループしないようにダミー
      }
      console.log(accessToken);
      // 取得したトークンを保存
      freeeAccessToken = accessToken;
      // TODO: 画面遷移後もトークンを保管する実装
      // （注意） このままでは画面遷移時にトークンが破棄されるため動作しません

      // TODO: 保存が終わったら再度リダイレクトして、事業所を取得する処理を追加（後述）

    }).catch((error) => {
      console.log(error);
      console.log('freeeの認証情報取得でエラーが発生しました。');
    });
  }
  return event;
});

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

/*
 * kinone x freee sample program
 * Copyright (c) 2020 Cybozu
 *
 * Licensed under the MIT License
 * https://opensource.org/license/mit/
 */

// freeeの認証情報取得の処理の後半へ追加する

// 取得したアクセストークンを使ってヘッダを作成
const header = {
  Authorization: 'Bearer ' + freeeAccessToken,
  'Content-Type': 'application/json',
};
// 事業所の一覧取得APIを呼び出す
kintone.proxy(endPointUrl + '/companies', 'GET', header, {}).then((response) => {
  if (!response) return;
  console.log(response);
  // 結果をパースする
  const result = JSON.parse(response[0]);
  // 事業所一覧の配列から情報を取り出す
  for (let i = 0; i < result.companies.length; i++) {
    console.log(result.companies[i]);
  }
  // 1番目の事業所を利用する
  let freeeCompanyId = result.companies[0].id;
  if (!freeeCompanyId) {
    console.log('freeeの事業所ID取得に失敗しました。');
    freeeCompanyId = 'FAILED!!'; // リダイレクトループしないようにダミー
  }
  // 事業所IDが取得できた場合、セッションストレージに保存する
  window.sessionStorage.freeeCompanyId = freeeCompanyId;
}).catch((error) => {
  console.log(error);
  console.log('freeeの事業所取得でエラーが発生しました。');
});

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

/*
 * kinone x freee sample program
 * Copyright (c) 2020 Cybozu
 *
 * Licensed under the MIT License
 * https://opensource.org/license/mit/
 */

kintone.events.on('app.record.create.submit', (event) => {
  if (!freeeAccessToken) return event;
  if (!freeeCompanyId) return event;
  // アクセストークンを使ってヘッダを作成
  const header = {
    Authorization: 'Bearer ' + freeeAccessToken,
    'Content-Type': 'application/json',
  };
  // 新規作成用のパラメータを作成
  const body = {
    company_id: Number(freeeCompanyId),
    name: event.record.customerNameShort.value,
    long_name: event.record.customerName.value,
    phone: event.record.phone.value,
  };
  // 取引先の新規作成APIを呼び出す
  return kintone.proxy(endPointUrl + '/partners', 'POST', header, body).then((response) => {
    if (!response) return event;
    console.log(response);
    // 結果をパースする
    const result = JSON.parse(response[0]);
    console.log(result.partner);

    return event;

  }).catch((error) => {
    console.log(error);
    console.log('freeeの取引先作成でエラーが発生しました。');

    return false;
  });
});