Design a Web App with the WebEx API - DevNet

[@CollabCrush]

I've just started releasing a series of videos that walk you through building something like this. Click on the INTRO end screen at the end of the video to start at the beginning.

[@rxsswwpp]

Look forward to your new videos!

[@dozieu8539]

Cool, can’t wait for more, thanks

[@CollabCrush]

These videos are already out. You can access them from the front page in the playlist, "Build a Webex Too". Hope you enjoy!

[@solodev5739]

This was awesome, thanks for taking the time to make this. It definitely helps someone like me who’s just getting started exploring the possibilities.

[@CollabCrush]

Glad it was helpful!

[@Codeandventure]

Awesomeness. Yes make more like this

[@CollabCrush]

Will do!

[@md190t]

Man this was awesome please share more videos with us

[@CollabCrush]

My pleasure. I'll be uploading another one like this in a few days. Stay tuned!

[@pranitshetty7256]

Yes, sir I want this kind of video

[@gwlane5509]

Hello, is there an API way to retrieve a list of Spaces created by all users in the organization>? We often get this type of inquiry from executive leadership. Would be nice to see that list so departments aren't doubling up on Space creation...thanks for these great videos and helping us get started from scratch!!

[@darylkupper9339]

Do you have any recommendations for getting started with Figma? I never heard of Figma before this video, and just signed up for an account. Are you using any plugins? How did you get the WebEx Icons in there? Any suggestions on getting xapi for video endpoints or Rest API commands for CMS into a GUI made with Figma? I need to figure something out for some very specific customer requirements. With Postman, I can do a lot, but I want to bring some of that over into a GUI or Web GUI. I have been a network / UC engineer for a while, but some of this is new to me.

[@CollabCrush]

Figma is just for designing, prototyping or creating mockups. You can build your front end with Figma if your application is a web app (just copy the CSS information into your style sheet) which is essentially what I did, but for making api calls, you'll have to write that in your language of choice. What are you trying to do specifically? Are you building something for a CE endpoint? Either way, there are some fairly comprehensive tutorials on KZbin to get your started with how to use Figma. The Webex icons came from bx.cisco.com. I'm pretty sure that you have to be a Cisco partner to get access, though. You could always just google for the images. They're out there. Once you have the image/icons that you want, you can literally just drag and drop them into Figma and then resize it as needed.

[@darylkupper9339]

@@CollabCrush Thank you so much. I greatly appreciate your response and assistance. I am also very thankful for people like you who take the time to make these videos to help people like me out. I wish I could make some videos like this to help others out. TLDR, yes building something for CE endpoints. My apologies in advance for the long reply, but to answer your question... I actually work for a partner, and I am pretty new to this environment, I have been on the other side of the in-house IT for years, and was in the business of putting out fires. Now I see this as an opportunity to make a difference and innovate instead of simply react. We have a customer who currently has products from another vendor (competitor to Cisco in some areas) and are doing a collab refresh. They can only do on-premises, and have asked for some very specific features for CE endpoints and CMS. I wish CMS had more of the features that WebEx has. But the request I am currently looking into are more focused on endpoints. I know there are some good third party vendors who have created some good stuff, but none that I am aware of meet some of the specifics they need and are requesting. Looking through the DevNet and product documents, I think it might be possible to develop some of that in-house. Plus, I have worked in networking and UC for years and have wanted to venture out into some programming and development. Without going into to many details, I am trying to make a web-gui similar to a touch 10 for DX80s, with some added features. I am looking through the CE xapi, macros, and even the Jabber SDK for ideas. The customer currently doesn't have Jabber, and they have a different soft-client that everyone is "comfortable" with using. If you have any other ideas or suggestions, it would be greatly appreciated. Thanks again.

[@CollabCrush]

@@darylkupper9339 I see... for that, you can build your user interface (and code everything in Javascript) using the device web panel. It's surprisingly pretty straightforward. I've been wanting to make a video on this, so if I get time in the next few days, I'll go ahead and bump that up in the queue... stay tuned.

[@SenorKaii]

hi may i know what the software that you use to design that easily?

[@CollabCrush]

I used Figma to design the interface. After I had the design, I used JavaScript and CSS.

[@happyj313]

please please please!!!!! we need more

[@CollabCrush]

The video thumbnails displayed at the end of this video will start you out with the Javascript you need to build a web app. There's also another video ( kzbin.info/www/bejne/d3OcXn2tdrGjZpo ) if you want to use python. I'll have even more coming out soon.

[@happyj313]

@@CollabCrush awesome 👌 thank you very much . Can't wait for your new content.

[@Codeandventure]

The music is all heavenly lol

[@anirbanmandal383]

Hi sir, It was an engaging video for me just one question can I do API with another website and run it with CISCO webex? kindly share me any idea to do it if possible.

[@CollabCrush]

Not quite sure what you mean by "another website." In this example, I'm writing an HTML/JavaScript webpage (2 files total), and I'm making API calls via the FETCH api. These files can then be uploaded to any web server. Keep in mind that this is just an example to show a functioning app. However, if you wanted to deploy this app and use it in a real production environment, you would want to have your users sign in using OAuth, which is not demonstrated in the video. Hope that makes sense.

[@ashishgupta4739]

getting an error that the signature is invalid please help

[@crissatoma7260]

Thank you.

[@CollabCrush]

You're welcome!

[@sskhan1988]

How to get access token for WebEx Api , what’s the procedure to get that

[@CollabCrush]

Just sign up for a free Webex account. Top right-hand corner.

[@sskhan1988]

Collab Crush Dear this is manual task , what if I want to get it in background to call api

[@LettersfromJapan]

​@@sskhan1988 You have to build an OAuth flow on the backend so that users can authenticate with their regular Webex credentials.

[@sskhan1988]

Letters from Japan ok thanks

[@thegutech2285]

Great! Can you show us how to do a call via web?

[@CollabCrush]

Sounds like a good idea. After I finish the Expressway series, I'll look at making a few videos for this.

[@thegutech2285]

@@CollabCrush I know that webex teams can use Widgets, but this is not possible with Webex Meetings.

[@CollabCrush]

@@thegutech2285 No need for Webex meetings... you can still use teams/widgets for a call via the web with the browser sdk. developer.webex.com/docs/sdks/browser