LIFF を使って LINE から簡単に kintone データにアクセスする

liff.js

const app = new Vue({
  el: '#app',
  data: {
    message: "こんにちは",
    userId: "",
    displayName: "",
    accessToken: "",
    scope: "",
    client_id: "",
    expires_in: ""
  },
  created() {
    const that = this;
    liff.init(
      data => {
        that.userId = data.context.userId;
        that.message = "初期化できたし";
        return liff.getProfile()
          .then(profile => {
            that.message = "プロフィール採れたし";
            that.userId = profile.userId;
            that.displayName = profile.displayName;
            const accessToken = liff.getAccessToken();
            if (!accessToken) {
              that.message = "アクセストークンを取得できません";
              return;
            }
            that.accessToken = accessToken;
            that.message = "トークン採れたし";
            return axios({
              method: "POST",
              url: 'サーバーのURL',
              data: {},
              headers: {
                'Content-Type': 'application/json',
                'accessToken': accessToken
              }
            }).then(response => {
              that.message = "完了";
            });
          })
          .catch(err => {
            that.message = "Error\n" + err.code + "\n" + err.message;
          });
      },
      err => {
        that.message = "Error\n" + err.code + "\n" + err.message;
      }
    );
  }
});