Surya-Mani | Stripe Developers | Page 1

smoky anchorBOT Jul 21, 2023, 7:40 AM

#

trail roost Jul 21, 2023, 7:40 AM

#

👋 How can I help?

near torrent Jul 21, 2023, 7:41 AM

#

Im using integrate customer portal ,How it works

trail roost Jul 21, 2023, 7:45 AM

#

You may refer to the doc about how Customer Portal works here: https://stripe.com/docs/customer-management

near torrent Jul 21, 2023, 7:46 AM

#

I already use that API in my code I shows some url How my customers will redirect to update plan page?

trail roost Jul 21, 2023, 7:47 AM

#

After you create the Customer Portal link, you will redirect the customer URL and he/she will click update plan button to go update plan page

near torrent Jul 21, 2023, 7:49 AM

#

How should i do that by get that url and click by customer ?

trail roost Jul 21, 2023, 7:50 AM

#

Which API do you use? Is /v1/billing_portal/sessions used to create the Customer Portal?

near torrent Jul 21, 2023, 7:51 AM

#

this one

trail roost Jul 21, 2023, 7:53 AM

#

The URL will be in session.Url which you can use to redirect the customer to

near torrent Jul 21, 2023, 7:53 AM

#

yes i will store that url in string

#

How will i redirect manually or it redirect automatically?

smoky anchorBOT Jul 21, 2023, 7:54 AM

#

trail roost Jul 21, 2023, 7:54 AM

#

You should use your code to redirect the URL automatically

winged fog Jul 21, 2023, 7:55 AM

#

👋 taking over for my colleague. Let me know if there's any follow-up Qs I can answer!

near torrent Jul 21, 2023, 7:55 AM

#

My code means i dont understand

winged fog Jul 21, 2023, 8:02 AM

#

basically you have 2 approaches, when your customer clicks on your button in the frontend your code calls the API /create-customer-portal-session
Approach 1: use backend Redirect function, which automatically redirects the customer to the right page (basically sending a 3xx HTTP response)
Approach 2: send the session.Url to the frontend and use window.location = sessionUrl to redirect in the frontend

#

both approaches achieve the same thing

#

the code you shared uses the 1st approach

near torrent Jul 21, 2023, 8:04 AM

#

Where should i use window.location = sessionUrl ,In frontend or backend?

winged fog Jul 21, 2023, 8:05 AM

#

you don't need to if you use the 1st Approach, which is the one used in the code you shared

near torrent Jul 21, 2023, 8:05 AM

#

I need to use 2nd

winged fog Jul 21, 2023, 8:06 AM

#

near torrent Where should i use window.location = sessionUrl ,In frontend or backend?

in the front-end

near torrent Jul 21, 2023, 8:06 AM

#

ok

#

Then i have another one doubt

winged fog Jul 21, 2023, 8:07 AM

#

just a fair question why do you need to use the 2nd approach? what are your constraints?

near torrent Jul 21, 2023, 8:08 AM

#

I dont know how to redirect so only i ask about it

#

Whicj approach is easy

winged fog Jul 21, 2023, 8:09 AM

#

the 1st one

#

you just need to copy/paste the code

#

and it will work

near torrent Jul 21, 2023, 8:10 AM

#

these two codes right

#

1st one is for frontend and second one is for backend a i right?

winged fog Jul 21, 2023, 8:11 AM

#

yes

near torrent Jul 21, 2023, 8:11 AM

#

ok thank you

#

i have another one doubt

winged fog Jul 21, 2023, 8:11 AM

#

sure

near torrent Jul 21, 2023, 8:12 AM

#

in this page after clicking confirm button where the customers will be redirect?

winged fog Jul 21, 2023, 8:12 AM

#

is this in the Customer Portal?

near torrent Jul 21, 2023, 8:14 AM

#

yes

winged fog Jul 21, 2023, 8:15 AM

#

they will be redirected to the Return URL once they're done from the portal

near torrent Jul 21, 2023, 8:15 AM

#

one minute

#

I will get the url for update plan page in session.url

near torrent Jul 21, 2023, 8:38 AM

#

Hello

winged fog Jul 21, 2023, 8:40 AM

#

yes I'm here

#

what's the question?

near torrent Jul 21, 2023, 8:43 AM

#

If i paste that url in browser i will get update plan page

winged fog Jul 21, 2023, 8:47 AM

#

yes

near torrent Jul 21, 2023, 8:51 AM

#

After select the plan it asking for confirm

#

and after click confirm where i shoul i redirect

#

Im using angular for frontend

winged fog Jul 21, 2023, 8:55 AM

#

you shouldn't do anything

#

this page is a Stripe hosted page

near torrent Jul 21, 2023, 9:07 AM

#

No

#

Im using my page

#

this is my page

winged fog Jul 21, 2023, 9:10 AM

#

this is not your page, this is Stripe Customer Billing Portal as you can see from the URL billing.stripe.com

near torrent Jul 21, 2023, 9:12 AM

#

i will get this url from here

#

You already said for approach 1 just copy/paste the code

#

but i click the button i didn't get any response

smoky anchorBOT Jul 21, 2023, 9:17 AM

#

spark talon Jul 21, 2023, 9:20 AM

#

Hi! I'm taking over this thread.

#

I'm not sure I understand the question. Once users are on te customer portal, they stay on the customer portal unless they click on the "return" link in the left of the page.

near torrent Jul 21, 2023, 9:22 AM

#

Did you see that code i have sent

spark talon Jul 21, 2023, 9:23 AM

#

Yes

#

The highlighted line is the session URL, that's where you should send your users to update their subscriptons.

#

If you have issues with the redirect between your website and the customer portal, we explain this here: https://stripe.com/docs/customer-management/integrate-customer-portal#redirect

near torrent Jul 21, 2023, 9:28 AM

#

i will use this but no response

#

I'm using angular for frontend ,is this code is works on angular

spark talon Jul 21, 2023, 9:31 AM

#

This is just HTML so yes it should work.
What's the issue exactly? Do you see an error message in your browser or in your backend?

near torrent Jul 21, 2023, 9:33 AM

#

No i click that button but nothing happens

spark talon Jul 21, 2023, 9:35 AM

#

I need more information to help. Something must happen: an error message in your browser, console, or backend code.

near torrent Jul 21, 2023, 9:35 AM

#

Anycode should need to add in typescript file

spark talon Jul 21, 2023, 9:38 AM

#

I cannot help without more information about the error you see.

near torrent Jul 21, 2023, 9:39 AM

#

Only this html code is enough for frontend?

spark talon Jul 21, 2023, 9:41 AM

#

Yes, it's just a form, so no JavaScript is needed here. However you need to make sure your backend is running and has a /create-customer-portal-session route that is working with no errors

near torrent Jul 21, 2023, 9:44 AM

#

I got this when i run my backend code

spark talon Jul 21, 2023, 9:45 AM

#

Next step is to check your backend log for the exact error, and fix that errir.

near torrent Jul 21, 2023, 9:46 AM

#

is this is an problem

spark talon Jul 21, 2023, 9:49 AM

#

What do you mean?

near torrent Jul 21, 2023, 9:50 AM

#

#

Is this is the problem in my backend?

spark talon Jul 21, 2023, 9:52 AM

#

Are you a software developer?

near torrent Jul 21, 2023, 9:53 AM

#

I'm fresher

spark talon Jul 21, 2023, 9:55 AM

#

I'm sorry I don't understand, what does that mean?

#

I want to help you, but you are not answering my questions:

Are you a software developer?
What exact errors do you see in your backend logs? The screenshot you shared doesn't help much.
Also can you share your backend code that is throwing the error?

near torrent Jul 21, 2023, 10:05 AM

#

I'm junior developer trainee

#

I'm asking you this is error or not in that screenshot

#

var options = new Stripe.BillingPortal.SessionCreateOptions
{
Customer = "cus_OI7ZQG2pgkiUG8", ///cus_O5lEsCPkUsTi2M
ReturnUrl = "https://reinvent-learning.us/",
};
var service = new Stripe.BillingPortal.SessionService();
// var service = new SessionService();
var session = service.Create(options);
string Url = session.Url;
return Redirect(session.Url);

#

this is my backend code

spark talon Jul 21, 2023, 10:13 AM

#

The screenshot you shared is not enough.

#

How did you start your backend server?

near torrent Jul 21, 2023, 10:14 AM

#

#

is this is ok?

#

sorry i don't understand what you are asking?

spark talon Jul 21, 2023, 10:15 AM

#

Thanks, having a look.

near torrent Jul 21, 2023, 10:17 AM

#

ok

spark talon Jul 21, 2023, 10:19 AM

#

Looks like there is some CORS configuration issue with your backend. You are using dotNET?

near torrent Jul 21, 2023, 10:20 AM

#

Yes i'm using .Net

#

This is the issue for my error , am i right?

smoky anchorBOT Jul 21, 2023, 10:28 AM

#

terse dome Jul 21, 2023, 10:28 AM

#

Hey! Taking over for my colleague. Let me catch up.

terse dome Jul 21, 2023, 10:29 AM

#

near torrent

According to this screenshot, you are trying to run a redirection via swagger UI

#

Did you try to run it from a frontend framework ?

near torrent Jul 21, 2023, 10:29 AM

#

Yes

#

yes by using angular

terse dome Jul 21, 2023, 10:30 AM

#

could you please share a screenshot for the error using angular ?

near torrent Jul 21, 2023, 10:30 AM

#

I will click the button but nothing will happens

terse dome Jul 21, 2023, 10:30 AM

#

Share a video screen recording with the devtool console opened

#

for both network and javascript

near torrent Jul 21, 2023, 10:31 AM

#

ok

#

This is the code i'm using in my frontend

#

In frontend no error will show in browser nad console

near torrent Jul 21, 2023, 10:32 AM

#

near torrent var options = new Stripe.BillingPortal.SessionCreateOptions { ...

this is my backend code

#

after run my backend code it shows this

#

Did you have any samples for how webhooks works?

#

this is our CORS policy

terse dome Jul 21, 2023, 10:42 AM

#

near torrent this is our CORS policy

It seems your cors policy isn't enabling those connection. You need to search in community how you need to solve your backend cors error, this has no link with Stripe APIs.

near torrent Jul 21, 2023, 10:44 AM

#

Ok i will check

#

Which community?

terse dome Jul 21, 2023, 10:46 AM

#

I don't know you need to google for it and how you can set/implement CORS policies with the framework you are using actually in your backend (.NET ?)

near torrent Jul 21, 2023, 10:46 AM

#

Ok

#

This is the issues for my error?

terse dome Jul 21, 2023, 10:52 AM

#

Your backend is blocking your frontend from making requests, that has no link with Stripe APIs. You need to debug/update your integration in order to update you CORS policies.

near torrent Jul 21, 2023, 10:52 AM

#

Ok thank you

#

Did you have samples for how webhooks works?

terse dome Jul 21, 2023, 10:56 AM

#

Yes, check this one:
https://stripe.com/docs/webhooks/quickstart?lang=dotnet

#Surya-Mani