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
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

(() => {

  // 使用状況を取得するアプリの数(最大値は100)
  const APP_GET_LIMIT = 10;

  // 一覧画面上部にボタンを作成
  const createButton = () => {
    // すでにボタンが配置されていたら処理は行わない
    if (document.getElementById('menu_button') !== null) {
      return null;
    }
    // ボタンを作成
    const button = document.createElement('button');
    button.id = 'menu_button';
    button.textContent = '更新ボタン';
    return button;
  };

  // カスタマイズの設定画面へのリンク文字列を生成
  const createSettingLink = appId => {
    const url = new URL(`${location.origin}/k/admin/app/customize`);
    url.searchParams.set('app', appId);
    return url.toString();
  };

  // カスタマイズされているアプリの情報を取得
  const getAppsStatistics = async () => {
    // アプリの使用状況を取得
    const {apps} = await kintone.api(
      kintone.api.url('/k/v1/apps/statistics.json'),
      'GET',
      {limit: APP_GET_LIMIT}
    );

    return apps
      // カスタマイズされているアプリ情報のみを抽出
      .filter(({customized}) => customized === true)
      // オブジェクトを作成する
      .map(({id: appId, name, dailyRequestCount}) => ({
        appId,
        name,
        dailyRequestCount
      }));
  };

  // アプリの使用状況を更新する
  const updateAppsStatistics = async () => {
    const customizedApps = await getAppsStatistics();

    // カスタマイズされているアプリがない場合は処理を終了する
    if (customizedApps.length === 0) {
      return {};
    }

    // 既にアプリに登録されているレコード一覧を取得
    const {records} = await kintone.api(
      kintone.api.url('/k/v1/records'),
      'GET',
      {app: kintone.app.getId()}
    );

    // 登録・更新用の records を作成する
    const recordsForRequest = customizedApps.reduce(
      ({post, put}, {appId, name, dailyRequestCount}) => {
        // アプリ内でapp_idが一致するレコードを検索
        const existingRecord = records.find(
          record => record.app_id.value === appId
        );
        // 登録・更新する record オブジェクトを作成
        const record = {
          app_id: {value: appId},
          app_name: {value: name},
          api_request_count: {value: dailyRequestCount},
          setting_link: {value: createSettingLink(appId)}
        };
        // 既存レコードの有無によって、登録・更新用の records として振り分け
        if (existingRecord) {
          return {
            post: [...post],
            put: [...put, {id: existingRecord.$id.value, record}]
          };
        }
        return {post: [...post, record], put: [...put]};
      },
      {post: [], put: []}
    );

    // レコードの登録・更新を行う
    const result = await Object.entries(recordsForRequest).reduce(
      async (promiseChain, [method, upsertRecords]) => {
        const responses = await promiseChain;
        const response = await kintone.api(
          kintone.api.url('/k/v1/records'),
          method.toUpperCase(),
          {app: kintone.app.getId(), upsertRecords}
        );
        return [...responses, [method, response]];
      },
      Promise.resolve([])
    );

    return Object.fromEntries(result);
  };

  // レコード一覧の表示後イベント
  kintone.events.on('app.record.index.show', (event) => {

    // ボタンがない場合はボタンを作成する
    const menuButton = createButton();

    // ボタンがすでに存在していた場合は、この後の処理は行わない
    if (!menuButton) return event;

    // ボタンクリック時の処理を追加する
    menuButton.onclick = async () => {
      try {
        await updateAppsStatistics();
        // 画面を更新する
        location.reload();
      } catch (e) {
        console.error(e);
        alert('更新処理でエラーが発生しました。');
      }
    };

    // レコード一覧のメニューの右側の要素を取得し、ボタンを配置
    const headerMenuSpace = kintone.app.getHeaderMenuSpaceElement();
    headerMenuSpace.appendChild(menuButton);
    return event;
  });

})();

28
29
30
31
32
33

// アプリの使用状況を取得
const {apps} = await kintone.api(
  kintone.api.url('/k/v1/apps/statistics.json'),
  'GET',
  {limit: APP_GET_LIMIT}
);

35
36
37
38
39
40
41
42
43

return apps
  // カスタマイズされているアプリ情報のみを抽出
  .filter(({customized}) => customized === true)
  // オブジェクトを作成する
  .map(({id: appId, name, dailyRequestCount}) => ({
    appId,
    name,
    dailyRequestCount
  }));