使用Javascript的WooCommerce Rest API

Question

我在尝试在WooCommerce Rest API上进行身份验证时遇到了问题，要做一些基本的事情，比如获取产品……我想用普通的javascript来做，在Cordova生成的应用程序上使用。但在尝试获取内容时，我一直收到401 Unauthorized错误。下面是我的代码：

    import axios from 'axios'
    import OAuth  from 'oauth-1.0a'
    import crypto from 'crypto'

    const ck = '[MY_CLIENT_KEY]'
    const cs = '[MY_SECRET_KEY]'
    const url = '[MY_URL]/wp-json/wc/v2/products'

    const oauth = OAuth({
        consumer: {
            key: ck,
            secret: cs
        },
        signature_method: 'HMAC-SHA1',
        hash_function: function(base_string, key) {
            return crypto.createHmac('sha1', key).update(base_string).digest('base64')
        }
    })

    const token = {
        key: ck,
        secret: cs
    }

    var request_data = {
        method: 'GET',
        url: url
    }

    var params = oauth.authorize(request_data, token)
    console.log(params)

    axios.get(url + '/?oauth_signature=' + params.oauth_signature + 
                    '&oauth_consumer_key=' + ck + 
                    '&oauth_nonce=' + params.oauth_nonce + 
                    '&oauth_signature_method=HMAC-SHA1&oauth_timestamp=' + params.oauth_timestamp + 
                    '&oauth_token=' + params.oauth_token + 
                    '&oauth_version=1.0')
    .then(function(data){
        console.log(data)
    }, function(error){
        console.log(error)
    })

有没有什么办法来解决这个问题？我在哪里失败了？

Answer 1

得到了，灵感来自于this answer here。

    import axios from 'axios'
    import OAuth  from 'oauth-1.0a'
    import CryptoJS from 'crypto-js'
    import jQuery from 'jquery'

    const that = this

    const ck = '[MY_CLIENT_KEY]'
    const cs = '[MY_SECRET_KEY]'
    const url = '[MY_URL]/wp-json/wc/v2/products'

    const oauth = OAuth({
        consumer: {
            key: ck,
            secret: cs
        },
        signature_method: 'HMAC-SHA1',
        hash_function: function(base_string, key) {
            return CryptoJS.enc.Base64.stringify(CryptoJS.HmacSHA1(base_string, key));
        }
    });

    const requestData = {
        url: url,
        method: 'GET'
    };

    axios.get(
        requestData.url + '?' + jQuery.param(oauth.authorize(requestData))
    ).then(function(response){
        console.log(response.data)
    }, function(error){
        console.log(error)
    })

Answer 2

我不认为您需要jquery来添加Axios中的参数，我认为您可以这样做

axios.get(requestData.url, { params: oauth.authorize(requestData) }).then(
  function(response) {
    console.log(response.data);
  },
  function(error) {
    console.log(error);
  }
);