使用Javascript的WooCommerce Rest API Oauth

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Javascript的WooCommerce Rest API Oauth相关的知识,希望对你有一定的参考价值。

我正在尝试在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)
    })

有关如何完成这项工作的任何想法?我哪里失败了?

答案

得到它,受到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)
    })
另一答案

我不认为你需要jquery在Axios中添加params我认为你可以做到

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

以上是关于使用Javascript的WooCommerce Rest API Oauth的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 javascript 在 woocommerce 中通过 Api Rest 添加到购物车?

覆盖 WooCommerce 前端 Javascript

在 Woocommerce 变量订阅中添加 select2 javascript 和 css

通过 Ajax (WooCommerce) 加载 single_product_content 时变体 Javascript 不起作用

将 woocommerce rest api v1 与 http 和 javascript(不是 https)一起使用

jQuery / Javascript - 检测 WooCommerce 商店通知 html 是不是可见