Sharepoint 2013 React App

%3CLINGO-SUB%20id%3D%22lingo-sub-359518%22%20slang%3D%22en-US%22%3ESharepoint%202013%20React%20App%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-359518%22%20slang%3D%22en-US%22%3E%3CP%3EI%20am%20in%20an%20odd%20scenario%20where%20I%20have%20a%20Sharepont%202013%20site%20collection.%26nbsp%3B%20Sadly%20we%20do%20not%20have%20the%20app%20model%20turned%20on%20so%20I%20cannot%20use%20visual%20studio.%26nbsp%3B%20I%20am%20using%20VS%20code%20to%20use%20the%20create-react-app%20scaffold%20and%20I%20cannot%20seem%20to%20do%20any%20fetch%20calls%20from%20local%20host%203000%20(as%20its%20considered%20cross%20domain%20rest%20calls).%26nbsp%3B%20This%20means%20when%20i%20run%20the%20dev%20server%20on%20local%20host%20I%20cant%20see%20how%20the%20data%20flows%20in%2Fout.%26nbsp%3B%20So%20I%20guess%20I%20have%202%20questions.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3COL%3E%3CLI%3EIs%20it%20truly%20possible%20to%20use%20local%20host%20to%20connect%20to%20sp%202013%20with%20no%20app%20model%20(I%20have%20no%20hive%20access%20so%20no%20central%20admin)%3F%26nbsp%3B%20Especially%2C%20when%20I%20keep%20getting%20CORS%20restrictions%20and%20401%20errors%20when%20trying%20to%20authenticate%20with%20a%20fetch%20rest%20call.%3C%2FLI%3E%3CLI%3EIf%20not%20would%20I%20literally%20have%20to%20run%20npm%20build%20and%20upload%20to%20sharepoint%20to%20test%20everything%3F%3C%2FLI%3E%3C%2FOL%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-359518%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3E2013%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EPermissions%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESecurity%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Server%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-360188%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%202013%20React%20App%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-360188%22%20slang%3D%22en-US%22%3E%3CP%3EYeah%20I%20wish%20it%20was%20simple%20its%20a%20single%20page%20(multi%20view)%20react%20app%20I%20am%20building.%26nbsp%3B%20It%20has%20lots%20of%20components%20and%20is%20starting%20to%20come%20together.%26nbsp%3B%20Then%20of%20course%20I%20start%20testing%20Fetch%20requests%20and%20401%2Fcors%20policy%20issues%20abound.%26nbsp%3B%20I%20really%20hate%20our%20implementation%20of%20SP2013.%26nbsp%3B%20It%20literally%20has%20half%20of%20the%20feature%20set%20turned%20off.%26nbsp%3B%20That%20and%20we%20are%20still%20using%202010%20workflows.%26nbsp%3B%20meh.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-360035%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%202013%20React%20App%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-360035%22%20slang%3D%22en-US%22%3E%3CP%3EThat%20sounds%20like%20a%20really%20bad%20time%20man%2C%20If%20its%20simple%20you%20could%20just%20use%20a%20script%20editor%20webpart.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eotherwise%20development%20choices%20are%20very%20limited%20without%20using%20visual%20studio%2Fsharepoint%20app%20model%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-360000%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%202013%20React%20App%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-360000%22%20slang%3D%22en-US%22%3E%3CP%3EYes%20sadly%20I%20am%20aware%20that%20I%20have%20no%20access%20to%20SPFX.%26nbsp%3B%20It%20makes%20me%20cry%20a%20little%20on%20the%20inside%20every%20time%20I%20think%20about%20it.%26nbsp%3B%20That%20being%20said%20I%20found%20a%20library%20called%20%3CA%20href%3D%22https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fsp-rest-proxy%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Esp-rest-proxy%3C%2FA%3E.%26nbsp%3B%20I%20hope%20that%20it%20can%20do%20what%20I%20am%20asking%20or%20I%20really%20just%20don't%20know%20if%20its%20possible%20in%20my%20scenario.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-359991%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%202013%20React%20App%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-359991%22%20slang%3D%22en-US%22%3E%3CP%3EAre%20you%20talking%20about%20the%20SharePoint%20Framework%20SPFX%20yomen%20app%20generator%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIf%20so%20that%20is%20not%20supported%20in%20SharePoint%202013.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECheers%3C%2FP%3E%3CP%3EAlex%26nbsp%3B%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1713781%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%202013%20React%20App%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1713781%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F294380%22%20target%3D%22_blank%22%3E%40JustJim%3C%2FA%3E%26nbsp%3Bsounds%20like%20your%20environment%20is%20the%20same%20as%20ours...%26nbsp%3B%20Did%20you%20ever%20get%20this%20working%3F%26nbsp%3B%20I've%20built%20several%20Fluent%20UI%20React%20apps%20for%20our%20crippled%20SP2013%20implementation%2C%20and%20I%20won't%20lie%2C%20testing%20and%20troubleshooting%20has%20been%20Hell.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1713983%22%20slang%3D%22en-US%22%3ERE%3A%20Sharepoint%202013%20React%20App%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1713983%22%20slang%3D%22en-US%22%3EI%20tested%20a%20scenario%20where%20I%20added%20access%20to%20a%20folder%20using%20the%20Share%20button%20and%20it%20worked%2C%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1713985%22%20slang%3D%22en-US%22%3ERE%3A%20Sharepoint%202013%20React%20App%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1713985%22%20slang%3D%22en-US%22%3ESorry%2C%20replied%20in%20error.%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

I am in an odd scenario where I have a Sharepont 2013 site collection.  Sadly we do not have the app model turned on so I cannot use visual studio.  I am using VS code to use the create-react-app scaffold and I cannot seem to do any fetch calls from local host 3000 (as its considered cross domain rest calls).  This means when i run the dev server on local host I cant see how the data flows in/out.  So I guess I have 2 questions.

 

  1. Is it truly possible to use local host to connect to sp 2013 with no app model (I have no hive access so no central admin)?  Especially, when I keep getting CORS restrictions and 401 errors when trying to authenticate with a fetch rest call.
  2. If not would I literally have to run npm build and upload to sharepoint to test everything?

 

5 Replies
Highlighted

Are you talking about the SharePoint Framework SPFX yomen app generator?

 

If so that is not supported in SharePoint 2013.

 

Cheers

Alex  

 

Highlighted

Yes sadly I am aware that I have no access to SPFX.  It makes me cry a little on the inside every time I think about it.  That being said I found a library called sp-rest-proxy.  I hope that it can do what I am asking or I really just don't know if its possible in my scenario.

Highlighted

That sounds like a really bad time man, If its simple you could just use a script editor webpart.

 

otherwise development choices are very limited without using visual studio/sharepoint app model 

 

Highlighted

Yeah I wish it was simple its a single page (multi view) react app I am building.  It has lots of components and is starting to come together.  Then of course I start testing Fetch requests and 401/cors policy issues abound.  I really hate our implementation of SP2013.  It literally has half of the feature set turned off.  That and we are still using 2010 workflows.  meh.

Highlighted

@JustJim sounds like your environment is the same as ours...  Did you ever get this working?  I've built several Fluent UI React apps for our crippled SP2013 implementation, and I won't lie, testing and troubleshooting has been Hell.