Why doesn't the shipping method appear on the checkout page when running using npm run dev?

[ekakrisna]

Hi, thanks for sharing this repository. I'm encountering an issue when running it on localhost with npm run dev as the shipping method does not appear on the checkout page. I've followed the provided instructions, but could you assist me in running it on my localhost?

[carmelc]

Hi, in order to see the custom shipping rate the commerce server has to invoke the SPI, and it cannot call a local machine (localhost:3000) address, so the code has to be deployed on a server and the shipping rate has to be switched on for the geo in order to see it in the cart page and checkout,

[ekakrisna]

Hi, do you know how to display shipping rates locally?

[carmelc]

You mean during the checkout process? For this, you would need a static IP (public) that points to your local machine and configure the SPI to call it, and you should configure your firewall to accept external HTTP requests on this port,
Some services provides public address to local machine and some ISPs also provide the ability to have a constant IP (your IP might change from time to time otherwise),

[ekakrisna]

Yes, I have already deployed to production, but it still doesn't work. Could you perhaps provide instructions on how to set this up?

[carmelc]

Hi,

Could you please confirm if all the provided URLs are valid and accessible? Specifically, have you deployed them on a provider that supports Next.js 14, and are you able to invoke them successfully?

When you mention that they do not work, are you referring to the shipping rate SPI, the dashboard page, or both? If you are unable to see the new shipping rate, have you configured it as one of the shipping rates in your store? You can refer to this guide for assistance: Wix Stores: A Guide to Setting Up Shipping, Delivery, and Pickup.

Please note that the application you created does not add a new shipping rate to all new orders but rather provides a shipping rate option that you can associate with a region.

Thank you.

[ekakrisna]

For now, the issue here is that the SPI shipping rate does not work when I create a new app. I have configured it according to the reference you provided, but it still doesn't work.

[carmelc]

Make sure that the currency you defined in your site is the same as the one returned by the SPI, you can also verify that the SPI is indeed invoked by adding a console message and checking the logs per the platform of your choice,
Note that shipping rates are cached so make some changes in your cart to force re-calculation of the shipping rate

[txemaquin]

@ekakrisna After days of trying to make this template work, I found out that deploymentUri should be {BASEURL}/api/shipping-rates/ in the service JSON file, hope this can help you.

[bizmate]

for a static url on your machines use Ngrok

[txemaquin]

hi, sorry for not telling you before, all is working properly now. We are finishing the rest. Thanks El El mié, 25 dic 2024 a las 21:02, Diego Gullo ***@***.***> escribió:

…

for a static url on your machines use Ngrok — Reply to this email directly, view it on GitHub <#20 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2E2XZ63UYNOEEVM3ZFDBR32HMFONAVCNFSM6AAAAABE65DMMKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDKNRRHE4DQOBUHA> . You are receiving this because you commented.Message ID: ***@***.***>