Como configurar seu site para usar em compras in-app?

Publicado em 3. fevereiro 2022 por Jan Bunk


Criar produtos para compra no aplicativo

Você pode seguir estas guias para criar produtos e assinaturas para comprar no aplicativo:

Você pode ser solicitado a inserir algumas informações adicionais para permitir pagamentos em sua conta de desenvolvedor.

Como você precisará criar um produto in-app de compra em cada plataforma, certifique-se de usar o mesmo ID de produto em ambas as plataformas, então acionar a compra in-app via Javascript será mais fácil (veja abaixo).

Acionar uma compra in-app

Primeiro, você provavelmente vai querer verificar se o usuário atual está usando seu aplicativo, porque um usuário regular do navegador não será capaz de fazer compras in-app.

Você pode usar getAppPlatform() != null com o script do app helper.

Então, se o usuário estiver usando seu aplicativo, você pode usar o Javascript abaixo para acionar a compra in-app.

Recomendamos que verifique a função executeWhenAppReady() do nosso script auxiliar de aplicação. It ensures that your website doesn't try to interact with the app before it's ready or when your website is loaded using a regular browser (ReferenceError, function is not defined).

<script>
    try {
        // productId is the ID you specified for the in app purchase product in App Store Connect and the Google Play Console
        // consumable is a boolean value that indicates whether the product can be purchased multiple times (consumable==true) or just once (consumable==false)
        // subscriptions should use consumable==false
        // userIdentifier can be any string that identifies the current user.
        // The userIdentifier will be sent to your server's unlocking endpoint if the purchase is successful (so you can then unlock the product that was bought on your server)
        await makeInAppPurchase(productId, consumable, userIdentifier);
    } catch (e) {
        // e.g. if the productId is invalid
    }
</script>
    

Restaurando em Compras In-App

Recomendamos que verifique a função executeWhenAppReady() do nosso script auxiliar de aplicação. It ensures that your website doesn't try to interact with the app before it's ready or when your website is loaded using a regular browser (ReferenceError, function is not defined).

Você também pode fornecer uma opção "Restaurar Compras" para seus usuários.


<script>
    restorePurchases()
</script>
    

Normalmente é necessário restaurar as compras, quando os usuários desinstalam o aplicativo e o instalam novamente em um novo dispositivo. Eles podem, então, restaurar suas compras anteriores. Você já armazena as informações e compras do usuário em seu servidor, o que é independente do dispositivo do usuário.

Nós ainda estamos oferecendo a você a oportunidade de integrar uma funcionalidade de restauração de compra na esperança de que ela possa ser útil sob outras circunstâncias, por exemplo, ela poderia potencialmente ajudar se algo desse errado enquanto verifica e desbloqueia a compra de um usuário.

Próximos Passos

Após um usuário concluir uma compra in-app, a compra precisa ser verificada em um servidor e, se verificada com sucesso, o conteúdo comprado precisa ser desbloqueado em seu servidor.

Veja o seu em configurações de compras no aplicativo para mais informações e guias.