Shopify & VueJs Как скрыть apiKey и apiPass - PullRequest
0 голосов
/ 26 марта 2020

Я использую API администратора shopify в VueJs, чтобы совершать звонки через API. Проблема в том, что я совершенно уверен, что мне нужно долго отправлять ключ и пароль, чтобы он заработал. Что означает, что это выставлено на моем сайте. Как я могу это скрыть? Или я использовал неправильную настройку?

Я не могу найти эту проблему где-либо еще, так что я уверен, что я просто тупой. Помогите! Вот как выглядит мой код.

async mounted () {
      let config = {
        headers: {
          'X-Shopify-Access-Token': 'Access-Token',
        }
    }
    let  apikey = 'apikey ';
    let  apipass = 'apipass ';
    let  url = 'url.myshopify.com';
    let  getrequest = '/admin/api/2020-01/products.json?limit=200';
      await axios.get('https://'+ apikey + apipass + '@' + url + getrequest, config)
        .then(response => this.products = response.data.products).catch( error => { console.log(error);      
      });

      this.sortAfterCategory();

      if(custombundle == true) {
        this.custombundle = true;
      }

      if(this.cart_count >= 3 && actualItems >= 3 || this.custombundle == true) {  
          return this.EnableAddToCartButton();
      }

    },
    delimiters: ['${', '}'],
  });

1 Ответ

0 голосов
/ 26 марта 2020

Правильный ответ - установить приложение в своем магазине и настроить прокси приложения в этом приложении. После того, как вы это сделаете, вы можете совершать вызовы из своего внешнего кода, используя JS, и все это безопасно и безопасно, и вы можете вернуть все данные Admin API, которые вы хотите.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...