How to add MarkupApp

[AntouanK]

Hi there.

Got the web viewer demo app up and running ( https://www.itwinjs.org/learning/tutorials/develop-web-viewer/ ) and I'm trying now to add the Markup functionality ( https://www.itwinjs.org/reference/imodeljs-markup/markupapp/markup/?term=markup )

When trying to instantiate it, it asks for a ScreenViewport, and I'm not sure how I can provide one from the viewer I got so far.
Any help on how to do that?

Thank you.

[kabentley]

you can use IModelApp.viewManager.selectedView to get the viewport the user last used (the only viewport in this case.)

[laurynasr]

You need to register an application on https://developer.bentley.com and use client_id of that application with the sample viewer. I think you are using the demo credentials that come with the sample.
I just noticed that the link @calebmshafer provided is incorrect -- it should be https://developer.bentley.com/my-apps

[AntouanK]

you are correct @laurynasr
That is the right link.

But, it seems like I cannot save the new URIs.
As soon as I click "Save" an error pops up really fast ( cannot read it ) and it doesn't save anything.
Here's a video

[laurynasr]

I think the reason it's not working for you is because http protocol is only allowed for localhost; global URIs must use https.
The quick popup looks like a bug, we'll fix it.

[AntouanK]

@laurynasr
You were right, I've enabled https and saved the URIs.

But it still throws a CORS error.
The app is here if you want to have a look https://itwin-frontendvue.toc.systems/

[laurynasr]

Your application is still using http redirect_uri, please change that to match application configuration in developer.bentley.com