Script Editor for SharePoint Online, Tantangan dan Solusi
Script Editor for SharePoint Online, Tantangan dan Solusi
Saya seringkali mengambil langkah yang pragmatis (the Pragmatic Programmer), dengan fokus:
- Solve the problem
- not Perfectionist
- hindari
Over Engineering - Good > Perfect
- Shipment {Delivery} the Result {tulisan,
Code, …}
- hindari
Refleks yang sama, terbawa untuk urusan custom Application di atas platform SharePoint Online.
SPFx is very good, tetapi untuk simple script ? no thanks.
- prepare SPFx
- React dan segala macam dependency
- semuanya sekitar 600 MB
My journey:
- SharePoint 2010/2013
- Server Side: WebPart to load .ascx file in SharePoint WSS 3 / MOSS 2007
- Client Side: Script Editor {standard dari SharePoint}
- SharePoint Online
- Script editor web part for modern pages react-script-editor
- Script editor web part for modern pages react-script-editor
saya fikir, nama
react-script-editorkurang tepat. User berfikir bahwa ini untuk melakukan load terhadapReact Script, padahal ini adalah WebPart untuk load script/html/css dan WebPart ini dibuat menggunakanReact
My favourite for custom app on SharePoint Online:
- develop SPFx Extension for UI/Theme
- JavaScript/HTML/CSS loaded by
react-script-editor - jika nomor 2 ada kendala {biasanya masalah
get Tokendi SharePoint Online}
then: develop SPFx WebPart
Challenge
- seperti biasa: masalah
Timingpada script JavaScript- terutama sering terjadi pada Aplikasi yang memerlukan module yang lain
- ini bisa dimengerti, bila merujuk pada Internal - how
react-script-editorworks
- Page Load
- di SharePoint Online, perpindahan antar 1 page ke page lain, seringkali tidak membuat Page tersebut di load ulang
- mungkin itu memang nature - di SharePoint Online
- mungkin itu memang umum, di semua WebPage zaman sekarang
- saya tidak terlalu paham
- akibanya: logic aplikasi kita menjadi kacau
- di SharePoint Online, perpindahan antar 1 page ke page lain, seringkali tidak membuat Page tersebut di load ulang
Solusi
- aware terhadap Situasi Timing di atas
- bisa dihandle dengan cara check Flag/Kondisi