So for me the solution is:
- Create a middleware to check actual Plan and secure some routes
const hasPayment = await shopify.api.billing.check({
session,
plans: plans,
isTest: true,
});
or
const response = await shopify.api.rest.RecurringApplicationCharge.all({
session: res.locals.shopify.session,
});
- You can create an api route to check that from react and redirect user to a dedicated page to select a plan.
- When user has a plan you can set an app-metafield
//Set Plan Metafield
const client = new shopify.api.clients.Graphql({ session })
try {
const response = await client.query({
data: {
query: `query {
currentAppInstallation {
id
}
}`
}
})
const appInstallationId = response.body.data.currentAppInstallation.id
await client.query({
data: {
query: `mutation CreateAppDataMetafield($metafieldsSetInput: [MetafieldsSetInput!]!) {
metafieldsSet(metafields: $metafieldsSetInput) {
metafields {
id
namespace
key
}
userErrors {
field
message
}
}
}`,
variables: {
"metafieldsSetInput": [
{
"namespace": "applicationInstallation",
"key": "hasPlan",
"type": "boolean",
"value": `${hasPlan.toString()}`,
"ownerId": `${appInstallationId}`
}
]
},
},
});
- If you use theme extension you can use available_if of schema
