topic Re: Web App Builder - Widget Development in Web AppBuilder Custom Widgets Questions

Web App Builder - Widget Development

MikeCrook — Mon, 08 Jan 2018 15:29:24 GMT

I use AGO to create some basic maps that have widgets already built. I can export the map and widgets locally where I run my Web App Builder. I have been trying to customize the widgets and make function changes. Since the widgets code is compressed and minified, it is very difficult making function changes at all.

Is there a github or another way to access this code before it gets compressed to perform some hard core customization on it?

The widget is call Public Information, it selects a parcel and applies a buffer zone around it, then has the ability to output a comma-delimited file of the address within the buffer zones.

Re: Web App Builder - Widget Development

RobertScheitlin__GISP — Mon, 08 Jan 2018 15:43:33 GMT

Mike,

Sure you just need to use Web Application Builder Developer Edition.

Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

Download the SDK and then setup on your workstation. This will give you access to un-minified code for the jimu library and it's widgets.

Re: Web App Builder - Widget Development

MikeCrook — Tue, 09 Jan 2018 15:00:52 GMT

Yes, I have gone this route. I didn't know about the jimu libraries though I appreciate that information. I have been using the WAB developer edition but development still seems difficult. Can you explain if you're using an IDE or coding in a test editor. Is there a framework scaffolding generator available and is it possible to use Visual Studio Code? What is the recommended coding approach to web app builder developer edition? I appreciate any information. I have been out of the loop for 2 or 3 years.

Thanks

Re: Web App Builder - Widget Development

RobertScheitlin__GISP — Tue, 09 Jan 2018 15:08:23 GMT

Mike,

IDE or text editor is a matter of preference. I use ATOM (it was developed by GitHub developers).
There are scaffolding generators for widget development. I personally do not use them but here is the link: https://community.esri.com/thread/173298
Yes you can and many of the JS API developer are using Visual Studio Code.
Not sure what you are asking when you say "What is the recommended coding approach to web app builder developer edition?"

Re: Web App Builder - Widget Development

MikeCrook — Tue, 09 Jan 2018 15:37:49 GMT

Thank you. I actually found a video on Youtube that uses the yo esri generator. So i may set my projects up similar. What I meant by item 4 is, it seems new code updates are copied into the 'client\stemapp\widgets' folder and tested through web app builder.

This video is helpful in answering most of my questions. I'll post it here and maybe it will help other coders.

Web AppBuilder for ArcGIS Advanced Development Tools and Techniques - YouTube

Thanks

Re: Web App Builder - Widget Development

MikeCrook — Wed, 10 Jan 2018 15:16:06 GMT

Okay, one last inquiry...

Is there a URL where I can download the latest Public Notification widget for Web App Builder Developer?

Thanks

Re: Web App Builder - Widget Development

RobertScheitlin__GISP — Wed, 10 Jan 2018 16:14:13 GMT

Mike,
that widget was released for WAB 2.7. WAB Dev is still v2.6 for a few weeks and then you will have access to that widget.

Re: Web App Builder - Widget Development

RebeccaStrauch__GISP — Wed, 17 Jan 2018 22:22:04 GMT

fyi - I usually put links to the new versions and various blogs in /blogs/myAlaskaGIS/2016/03/09/web-appbuilder-developer-edition-customization-resource-list?sr=search&searchId=a9ea9c37-1757-4e56-84c1-473a7a42dfdc&searchIndex=3‌ and put custom widgets others have written and provided /blogs/myAlaskaGIS/2017/03/04/web-appbuilder-the-custom-widgets-list-332017?sr=search&searchId=04364398-b826-440b-ab83-56fdc57f8bd3&searchIndex=0‌ and have a couple other blog posts that are related.

EDIT: Looks like WAB 2.7 was released on Jan 11, 2018. I have links at the top of the resource list blog listed above.