web端--斗圖Tenor api 接入

項目中有用到斗圖表情，需接入Tenor斗圖庫，

此僅做記錄，便於今后回憶，

如能給你程序之旅帶來些許幫助，

不勝榮幸，

大神請繞道，

廢話不多說，

1、獲取秘鑰 或使用提供的秘鑰

var apikey = 'LIVDSRZULELA';

2、通過給定秘鑰ajax請求返回指定anon_id

// 獲取tenor anonid

getAnonId: function () {

    var url = 'https://api.tenor.com/v1/anonid?key=' + 'LIVDSRZULELA';

    this.$ajax({

        method: 'GET',

        url: url

    }).then(res => {

        this.anonid = res.data.anon_id;

    });

},

3、通過給定的anon_id，請求返回gif數據

p(searchTerm )—搜索關鍵字

lmt – 獲取的gif數組數量

// ajax加載gif方法

getTenorGif: function (searchText, num) {

    var searchResultList = [];

    var apikey = 'LIVDSRZULELA';

    var lmt = num;

    var searchTerm = searchText;

    var searchUrl = 'https://api.tenor.com/v1/search?tag=' + searchTerm + '&key=' + apikey + '&limit=' + lmt + '&anon_id=' + this.anonid;

    this.$ajax({

        method: 'GET',

        url: searchUrl

    }).then(response => {

        // 處理獲取的數據

        for (var i = 0; i < response.data.results.length; i++) {

            for (var j = 0; j < response.data.results[i].media.length; j++) {

                var json = {nanogif: response.data.results[i].media[j].nanogif.url, tinygif: response.data.results[i].media[j].tinygif.url};

                searchResultList.push(json);

            };

        };

        this.searchResult = searchResultList;

    });

}

 

Tenor api地址: https://tenor.com/gifapi/documentation#quickstart