O que é o Storefront SDK?

O Storefront SDK é uma biblioteca JavaScript que visa facilitar a execução de queries e mutations do Storefront API nos templates das páginas.

Atualmente, a Wake conta com dois tipos de SDKs um para cada versão do Storefront e você não pode sob hipótese alguma utilizar ambos ao mesmo tempo. Abaixo vamos explicar cada uma deles, quando e como usar.

Storefront SDK

Esse é um SDK exclusivos para lojas que utilizam o Storefront 1.0.

Para utilizar o Storefront SDK, basta adicionar a linha abaixo no código da página e configurar um client com algumas informações básicas da loja:

<script src="https://static.fbits.net/storefront-sdk/latest/storefront-sdk.min.js"></script>
<script>
const clientConfig = {
        storefrontAccessToken: '{{settings.access_token}}',
        checkoutUrl: '{{store.urls.checkout}}',
        storeUrl: '{{store.urls.base}}'
    };
    
const client = StorefrontClient.createClient(clientConfig);
</script>

Para mais exemplos do Storefront SDK, acesse essa documentação através do link: https://static.fbits.net/storefront-sdk/latest/docs/sdk

SDK Full

O SDK Full é um novo SDK, desenvolvido para utilizar 100% do Storefront API em suas operações e deve ser utilizado exclusivamente por lojas Storefront 2.0.

Nele foram adicionadas as operações necessárias para conclusão do fluxo de compra no Storefront 2.0. Para utilizá-lo, basta adicionar a linha de código abaixo nas páginas do seu site:

<script src="https://static.fbits.net/storefront-sdk/latest/storefront-sdk-full.min.js?v={{- store.last_modified -}}"></script>
<script>
const clientConfig = {
    storefrontAccessToken: '{{settings.access_token}}',
    storeUrl: '{{store.urls.base}}'
};
    
const client = StorefrontClient.createClient(clientConfig);
</script>

O SDK Full está disponível na URL
https://static.fbits.net/storefront-sdk/latest/storefront-sdk-full.min.js

A documentação gerada pelo Typedoc para o SDK Full pode ser acessada em:
https://static.fbits.net/storefront-sdk/latest/docs/sdk-full