Building an App in SharePoint Online -


i have client wanted easier way team members build/update pages on site, site heavily customized lot of javascript. issues when team member wanted add new section page had consult dev person hard code in desired features. decided create customizable web parts of features making site more self-serviceable.

when first started found documentation said use visual studios build web part using sandbox code, upload site , need activate deploy on site. buuut unbeknownst me code based sandbox solutions no longer supported in sharepoint , therefore web parts built not deployed. told needed build add-in, started building add-ins found customizable field properties (i.e. ability change background color, text style/color , banner color) want not implementable add-ins.

so i’m @ square 1 , don’t know if it’s possible build web part add-in or need go different route?

any thoughts or links sources can provide hugely appreciated!

thanks terek

in sharepoint 2016 things have changed lot traditional model classic way of building web parts. way worked before called "classic", new way called "modern", , way dev environment following (brace yourself, long answer):

1) in sp2016/online need configure dev machine following environment, installing following:

  • nodejs long term support version
  • yeoman (which used create web parts)

  • gulp (which play role of virtual web server)

    once 3 components above installed, install yeoman sharepoint generator create sharepoint web parts, yeoman simplifies process of creating things delivering templates ready use , making configurations standard, gonna love guy!

    to configure machine see following link: https://dev.office.com/sharepoint/docs/spfx/set-up-your-development-environment

2) in sp2016/sp online, develop spfx (sharepoint framework), microsoft has made significant efforts address changes , developers embark on new journey publishing training , educational material @ github, youtube, , on official website (i add link below), purpose of helping you, please follow tutorial, helped me learn how develop modern web parts sp 2016/online:

https://dev.office.com/sharepoint/docs/spfx/web-parts/get-started/build-a-hello-world-web-part

3) tutorial above, functional modern web part can deployed sp2016/online, see new modern architecture allows old experience of "sandboxing" web parts in faster way without, solving problem of constant updating/refactoring components in live production environment. way allows update code , see results in real-time , able see results on dev environment calling: https://localhost:4321/temp/workbench.html , @ same time on sp environment. example: http://portal.company.com/_layouts/workbench.aspx

links:

youtube "sharepoint framework tutorials" - step step tutorial video showing whole process of creating web part:

https://www.youtube.com/playlist?list=plr9nk3mnd-oxvswvs2zglczz4iplhvrkq

github repository full documentation, samples , extras spfx , pnp (this story time):

https://github.com/sharepoint

i hope helps you!


Comments

Post a Comment

Popular posts from this blog

node.js - Node js - Trying to send POST request, but it is not loading javascript content -

i have been trying send post request website, , has not been loading full site. i guessing problem node js not loading javascript content, executing it. can see javascript in response, though never loads content javascript files producing in html. what mean is, doesn't execute javascript. how make node js code overcome this, , wait the full website load? have tried native code, , "request' module, both producing same errors. if helps, don't need native javascript. modules fine. some code have tried (request module): var options = { method: 'post', uri: 'https://url', formdata: { 'email': 'email', 'prize': '0', 'transactional': 'on' }, headers: { /* 'content-type': 'application/x-www-form-urlencoded' */ // set automatically } }; rp(options) .then(function (body) { console.log(body) }) .catch(function (err) { console.log(err) }); when fetch content...
Read more

javascript - Replicate keyboard event with html button -

i have tried few ways make happen. have javascript pinball game uses keyboard keys controls. converting application touch screen display. workaround, hoping overlay buttons when clicked simulate keyboard strokes. have done research , sounds should work. using jquery v3.2.1 here things have tried far... html element: <input type="button" class="coil"></input> $('.coil').trigger({type: 'keydown', which: 40, keycode: 40}); with this, not errors, nothing happens. var coilkey = $('body').keydown(function(e) { switch (e.keycode) { case 40: break;} }) $('.coil').click(coilkey); this 1 returns error in console... ((jquery.event.special[handleobj.origtype] || (intermediate value)).handle || handleobj.handler).apply not function below javascript game engine handles key listeners... addkeylistener: function (keyandlistener) { this.keylisteners.push(keyandlistener); }, // gi...
Read more

javascript - Web audio api 5.1 surround example not working in firefox -

i've been playing lott lately web audio api on both firefox , chrome. few days ago started experiment surround set. when trying surround audio in web audio api came notice example works fine in chrome v59 not in firefox v54. // create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); audioctx.destination.channelinterpretation = 'discrete'; audioctx.destination.channelcountmode = 'explicit'; audioctx.destination.channelcount = 6; var oscillators = []; var merger = audioctx.createchannelmerger(6); console.log(audioctx.destination, merger); //merger.channelinterpretation = 'discrete'; //merger.channelcountmode = 'explicit'; //merger.channelcount = 6; var addoscilator = function(channel, frequency) { var oscillator = audioctx.createoscillator(); oscillator.frequency.value = frequency; // value in hertz oscillator.connect(merger,0,channel); oscillator.start(); oscillators.push(o...
Read more