Why does Shopify always ask to type shop domain after approving app billing?

Hi there.

I am developing public app with rails for backend and react for frontend.

I’m implementing app billing feature and I have this problem.

Shopify always asks to type shop domain after clicking approve button on billing confirmation page which I’ve never seen when I install other apps in my actual store.

(* This is happening in my local environment)

Workflow.

Step1: customer click plan purchase button and send a request to rails API.

Step2: rails send back a confirmation_url got from Shopify Rest API.

@charge = ShopifyAPI::RecurringApplicationCharge.new(recurring_application_charge_params)
@charge.return_url = callback_recurring_application_charge_url
if @recurring_application_char.save
  render json: { url: "#{@recurring_application_charge.confirmation_url}&shop=#{@shop_origin}" }
end

Step3:

Redirect to confirmation url got from backend using shopify app bridge.

const ShopifyApp = createApp({ apiKey: data.apiKey, host: data.host });
const redirect = Redirect.create(ShopifyApp);
redirect.dispatch(Redirect.Action.REMOTE, confirmation_url);

Step4:
Click approve on Shopify app billing confirmation page

Step5: (this is a problem)

Shopify asks to input shop domain. (even I include shop domain in confirmation url as a parameter)

Is this normal for local development or I made some mistakes?

Please tell me if you have any idea. Thank you for reading. :folded_hands:

3 Likes

I have the exact problem.Any solution on this?

I’ve the same problem, did you find a solution?

part of this annoying remix starter template. remix has been such a mess so far.

https://github.com/Shopify/shopify-app-template-remix/blob/main/app/routes/auth.login/route.tsx