Export to Plunker – SAP Web IDE Feature
Got stuck during your UI5 development?
Would like assistance from the community?
You’ll probably need to share a piece of your code.
Using the SAP Web IDE Export to Plunker feature UI5 developers that use SAP Web IDE will be able to export their projects to Plunker with only a few clicks!
Use the Plunker SAP Web IDE Feature to ask your question on the SAP Community
In today’s agile development environment, raising questions to the community and sharing code is a standard practice. You can use JSBin, Plunker or other tools to share your code. For using these tools, you’ll have to copy and paste your code. This takes time and can result in errors!!
With the Plunker SAP Web IDE Feature it only takes a few seconds to export your code to Plunker! You’ll even get a preview!
From now on, use this Plugin to share your code when asking questions in the community!
Just for your information, why Plunker? In Plunker you can create multiple files so you don’t have to put everything in one file.
How it works
You don’t need a Plunker account, you can just use it as a guest.
Enable pop-ups:
Right click on your UI5 project and click on “Export to Plunker”.
It must contain a folder “webapp”. The feature will search for this folder and only export the files from that folder. If there is no “webapp” folder, the menu item “Export to Plunker” will be disabled.
Then you’ll get a notification that the plunk generated successfully and it will open in a new tab:
In the new tab you’ll see your plunk!
As you can see, it exported all the files from the “webapp” folder:
The feature will automatically replace the source to the SAPUI5 SDK to the online SDK version. Otherwise it will not work.
How to get it
Create a destination in the SAP Cloud Cockpit
Description=Export to Plunker
Type=HTTP
Authentication=NoAuthentication
WebIDEUsage=feature
Name=ExportToPlunker
WebIDEEnabled=true
CloudConnectorVersion=2
URL=https\://sapwebideexporttoplunker-a6ac3f497.dispatcher.hana.ondemand.com
ProxyType=Internet
Go to the SAP Web IDE –> Settings –> Features
Enable the Feature:
Click “save” (which also refreshes the SAP Web IDE) and you’re done!
Hope you’ll like this feature! Please start using it 🙂
Best regards,
Wouter
Works great! Thank you! Best Feature Ever!
Wow cool!! Long time ago I wrote about how to tinker around with Plunker and SAPUI5 -> https://blogs.sap.com/2015/01/04/quickly-tinker-around-online-with-sapui5-explored-examples/
Sooooo cool that it now works the other way around 🙂
Indeed, and that with only one click 🙂
Wow... loved it. Great job Wouter. Very useful to the community.
Nice blog. Seems so useful.. Thanks:)
But it looks like service is down now.
Getting 404- Not Found error while trying URL:
https://sapwebideexporttoplunker-a6ac3f497.dispatcher.hana.ondemand.com/
That's normal if you try to access the url directly. Did you created a destination? For me,this still works in the Web IDE.
I've tried to create the destination but as far as I refresh I cannot see it in the feature tab 🙁
importing directly your destination has worked.
No more export to Plunker available in SAP WebIDE 🙁