Office 365 डेवलपर साइट के लिए एप्लिकेशन बनाएँ

SharePoint विकास परिवेश की स्थापना हमेशा एक गैर-तुच्छ प्रक्रिया रही है। इसे सरल बनाने के लिए, आप Office 365 डेवलपर साइट का उपयोग कर सकते हैं, जो कि SharePoint के साथ काम करने, सेटअप समय को कम करने और अतिरिक्त सॉफ़्टवेयर स्थापित करने की आवश्यकता के बिना अपने अनुप्रयोगों को बनाना, डिबग करना, परीक्षण करना और वितरित करना सीखने के लिए एक आदर्श डेवलपर वातावरण है।

SharePoint 2013 में, एक नया समाधान मॉडल पेश किया गया था। सर्वर-आधारित (पूर्ण-विश्वसनीय) के साथ और संस्करण 2010 में अलग-थलग (आंशिक-ट्रस्ट, सैंडबॉक्स) 2013 में ज्ञात, कार्यालय परिवार में क्लाउड प्रतिमान के विकास को ध्यान में रखते हुए, समाधान का प्रकार, जिसे बस "एप्लीकेशन फॉर SharePoint" (Apps) कहा जाता है, का समर्थन किया गया था। SharePoint के लिए)। प्रबंधित खेत समाधान SharePoint (w3wp.exe) के अंदर होस्ट किए गए हैं, सैंडबॉक्स वाले समाधान सैंडबॉक्स वर्कफ़्लो (SPUCWorkerProcess.exe) के अंदर होस्ट किए जाते हैं। SharePoint के लिए एप्लिकेशन कोड कभी भी SharePoint होस्ट वातावरण के अंदर नहीं चलता है, जो खेत की स्थिरता को बढ़ाता है और एक आवेदन को अद्यतन करना आसान बनाता है। पैकेजिंग और होस्टिंग का एक नया तरीका बताता है कि कोड SharePoint के बाहर "लाइव" हो सकता है और क्लाइंट के ब्राउज़र या दूरस्थ वेबसाइट पर चल सकता है। SharePoint के लिए प्रवेश नियंत्रण OAuth प्रोटोकॉल का उपयोग करके किया जाता है, और सहभागिता 2013 में उन्नत CSOM API पर आधारित है। सर्वर समाधान किसी भी SharePoint क्षेत्र (फार्म, वेब ऐप, साइट संग्रह, साइटें) के स्तर पर, पृथक समाधान - साइट संग्रह के स्तर पर तैनात किए जा सकते हैं। एप्लिकेशन साइट स्कोप पर तैनात किए जाते हैं (इस मामले में, यह संपूर्ण SharePoint साइट पर चलता है) और टेनेंसी स्कोप (इस मामले में, क्षेत्र एक विशेष ऐप कैटलॉग साइट है)। एक अनुप्रयोग में दो मुख्य घटक होते हैं: एक परिभाषित भाग, या प्रकट, और एक वेब भाग जिसमें व्यावसायिक तर्क और एक उपयोगकर्ता इंटरफ़ेस होता है। यदि किसी एप्लिकेशन को SharePoint के अंदर परिभाषित किया जाता है, तो उसे SharePoint- होस्ट कहा जाता है। यह सूचियों, पुस्तकालयों और अन्य SharePoint घटकों का उपयोग और उपयोग कर सकता है। अन्य एप्लिकेशन में SharePoint घटक हो सकते हैं, लेकिन उनका अधिकांश कोड अन्य बुनियादी सुविधाओं से संबंधित है, जैसे कि बाहरी वेब सर्वर या क्लाउड। उन्हें प्रदाता-होस्ट कहा जाता है। उनकी उप-प्रजातियां ऑटो-होस्टेड ऐप्स हैं, जब वेबसाइट और डेटाबेस सहित बुनियादी ढांचे, स्वचालित रूप से विंडोज एज़्योर में बनाए जाते हैं।
SharePoint एप्लिकेशन को विभिन्न तरीकों से लिखा जा सकता है, लेकिन वे सभी HTML, CSS और JavaScript जैसे सामान्य वेब मानकों पर आधारित हैं। सर्वर भाग के साथ ब्राउज़र में चलने वाले क्लाइंट कोड की इंटरैक्शन भी मानक वेब प्रोटोकॉल जैसे कि JSON, REST, OData, OAuth का उपयोग करके सुनिश्चित की जाती है। सर्वर साइड पर, वरीयताओं के अनुसार प्रौद्योगिकी का उपयोग किया जा सकता है: ASP.NET या LAMP स्टैक - यह SharePoint एप्लिकेशन के लिए कोई मायने नहीं रखता है, आम तौर पर बोलना। वैसे, VS2013 में, ASP.NET वेब फॉर्म के साथ, MVC5 SharePoint के लिए एप्लिकेशन टेम्पलेट के रूप में समर्थित है। मोटे तौर पर, यदि आप जानते हैं कि वेब एप्लिकेशन कैसे विकसित किए जाते हैं, तो आपको SharePoint के तहत लिखने का अवसर मिलता है। प्लेसमेंट के संदर्भ में लेआउट महत्वपूर्ण लचीलापन प्रदान करता है: कोड को क्लाइंट ऑफिस एप्लिकेशन में, ऑन-प्रिमाइसेस SharePoint पर होस्ट किया जा सकता है, और एज़्योर सहित बाहरी होस्टिंग का भी उपयोग कर सकते हैं। क्लाइंट कोड को ब्राउज़र और अन्य कंटेनरों में निष्पादित किया जा सकता है: MS Office अनुप्रयोग या SharePoint वेब पार्ट्स।

SharePoint के लिए विकास शुरू करने का सबसे आसान तरीका Office365 डेवलपर साइट है। डेवलपर के पास अपने निपटान में उन अनुप्रयोगों के लिए एक अलग डोमेन है जो SharePoint में होस्ट किए जाने वाले हैं, पहले से ही OAuth के लिए कॉन्फ़िगर किया गया है, जो आपको प्रमाणीकरण और प्राधिकरण के लिए Windows Azure ACS का उपयोग करने की अनुमति देता है। आप अपने कंप्यूटर पर Visual Studio 2013 के लिए Office डेवलपर टूल का उपयोग कर इसे विकसित कर सकते हैं, या, यदि ब्राउज़र के अलावा कुछ भी नहीं है, तो Office 365 विकास उपकरण "नापा" का उपयोग सीधे इस (पूर्व-कॉन्फ़िगर) साइट पर करें।
सबसे पहले आपको इस साइट पर पंजीकरण करना होगा। जब SharePoint 2013 तकनीकी पूर्वावलोकन पहली बार जुलाई 2012 में आया था, तो इसे मनाने के लिए, यह मुफ़्त था। विजुअल स्टूडियो 2012 के लिए ऑफिस डेवलपर टूल्स जारी करने के साथ, फ्रीबी समाप्त हो गया - एक वार्षिक सदस्यता लागत $ 99। इसके अलावा, निम्नलिखित विकल्प संभव हैं: 1) मध्यम आकार के व्यवसायों और उद्यमों ( E1 या E3 योजना ) के लिए Office 365 की सदस्यता के लिए 30-दिन का निःशुल्क परीक्षण, 2), 3) MSDN सदस्यता के साथ Visual Studio अल्टीमेट और विज़ुअल स्टूडियो प्रीमियम का उपयोग करने का वार्षिक अधिकार देता है। मैं तीसरे विकल्प का उदाहरण प्रदर्शित करूंगा।
हम MSDN सदस्यता नियंत्रण केंद्र पर जाते हैं और सक्रिय Office 365 डेवलपर सदस्यता के लाभ पर क्लिक करते हैं, अगर यह पहले से सक्रिय नहीं है। संगठन का नाम पूछा जाएगा और उनके द्वारा दर्ज किए गए के अलावा एक नया Microsoft खाता बनाया जाएगा। उदाहरण के लिए, उदाहरण के लिए, यदि Office365 डेवलपर सदस्यता के लिए LiveID alexeyvs@Hotmail.com था और मैंने Microsoft रूस नामक एक संगठन में प्रवेश किया, तो, डिफ़ॉल्ट रूप से, नया खाता alexeyvs@MicrosoftRussia.onmicrosoft.com होगा और इसे बाद में लॉग इन करना आवश्यक होगा portal.microsoftonline.com SharePoint Online सार्वजनिक वेबसाइट को शुरू में <company name = .public.sharepoint.com पर होस्ट किया जाता है, आप इसे बदल नहीं सकते हैं, लेकिन बाद में अपना स्वयं का डोमेन जोड़ सकते हैं।
पंजीकरण प्रक्रिया के अंत में, हम खुद को Office 365 व्यवस्थापन केंद्र में पाते हैं, जहाँ आप तुरंत बिल्ड ऐप लिंक पर क्लिक कर सकते हैं और साइट टेम्पलेट का चयन कर सकते हैं।


चित्र 1

टेम्प्लेट गैलरी शुरू में खाली है, इसे साइट पर स्टेप फ़ाइलों के रूप में तैयार किए गए टेम्प्लेट अपलोड करके भरा जा सकता है।
कृपया ध्यान दें कि MSDN सदस्यता केवल एकल-उपयोगकर्ता पहुँच को अनुदान देती है। यदि आप बहु-उपयोगकर्ता वातावरण में साइट के संचालन का परीक्षण करना चाहते हैं, तो बाएं पैनल में उपयोगकर्ताओं और समूहों के लिंक पर क्लिक करें और नए उपयोगकर्ताओं को जोड़ें, जो उनके लाइसेंस प्रकार, साथ ही साइट पर भूमिका का संकेत देते हैं।

क्लाउड में SharePoint के लिए एप्लिकेशन बनाने का शुरुआती टूल नापा डेवलपमेंट टूल है। सादगी के अलावा, इसके फायदे में गैर-विशेषाधिकार शामिल हैं - हमें इसके साथ काम करना शुरू करने के लिए कुछ भी नहीं बल्कि एक ब्राउज़र की आवश्यकता है। ब्राउज़र से, स्क्रिप्ट निष्पादन के लिए लॉन्च की जाती है, और हमें तत्काल परिणाम मिलता है। प्रतिबंधों के लिए - केवल ग्राहक कोड (HTML5 + जावास्क्रिप्ट) का समर्थन करें। बेशक, नापा किसी भी तरह से VBA, COM, VSTO और SharePoint समाधानों सहित Office और SharePoint की कार्यक्षमता का विस्तार करने के लिए मौजूदा मॉडल को पलट नहीं सकता है। "नापा" में बनाया गया कोड विजुअल स्टूडियो में खोला जा सकता है और कार्यक्षमता बढ़ाते हुए इसके साथ काम करना जारी रख सकता है।
साइट की सामग्री पर जाएं और एक ऐप जोड़ें पर क्लिक करें। SharePoint के दृष्टिकोण से, दस्तावेज़ लाइब्रेरीज़, उपयोगकर्ता सूचियाँ, कार्य सभी नमूना अनुप्रयोग हैं। मेरा सबसे सरल एप्लिकेशन किसी मौजूदा सूची को पढ़ेगा और इसे यूजर इंटरफेस में प्रदर्शित करेगा। लेकिन पहले, हमारे नए बनाए गए ऑफिस 365 साइट पर "नापा" जोड़ें, जैसा कि मैं इसे इंस्टॉल किए गए एप्लिकेशन या उन ऐप्स की सूची में नहीं देखता, जिन्हें आप जोड़ सकते हैं। लेकिन मैं नीचे बाएँ फलक में SharePoint Store आइटम को देखता हूँ। SharePoint एप स्टोर विंडोज स्टोर या विंडोज फोन स्टोर के रूप में अच्छी तरह से जाना नहीं जाता है, लेकिन यह मूल रूप से समान है।


Fig.2

लोकप्रिय मुफ्त एप्लिकेशन के शीर्ष में नपा है, जिसे मैं अपनी साइट पर स्थापित करता हूं, ऐसे मामलों में मानक प्रश्नों के उत्तर देने के दौरान, जैसे कि मैं इस एप्लिकेशन पर कितना भरोसा करता हूं, जिन्हें मैं एक्सेस देना चाहता हूं, आदि।

मैं Office 365 विकास उपकरण के नवगठित "नापा" टाइल पर क्लिक करता हूं, SharePoint के लिए एप्लिकेशन प्रकार का चयन करता हूं, परियोजना का नाम दर्ज करता हूं


3 चित्र

एक परियोजना बनाई गई है और एक संपादक लॉन्च किया गया है जो स्वचालित रूप से उत्पन्न Default.aspx को प्रदर्शित करता है, जिसमें मैं मौजूदा SharePoint सूची को पढ़ने के लिए अविश्वसनीय रूप से "जटिल" कार्यक्षमता जोड़ूंगा। वैसे, हमारे पास अभी तक कोई सूची नहीं है। Nedorabotochka। साइट की सामग्री पर वापस जाएं और मुद्दों की एक सूची बनाएं, जो दोषों का ट्रैक रखेगा। नए आइटम पर क्लिक करें या इस सूची को संपादित करें या एक प्लेट के रूप में एक कस्टम दृश्य बनाएं और सूची को भरें कोई फर्क नहीं पड़ता कि, सबसे महत्वपूर्ण बात, प्रदर्शित करने के लिए।

हालांकि हमारा कोड बहुत सरल होगा, यह नॉकआउट ढांचे का उपयोग करेगा। Knockout.js लाइब्रेरी आपको HTML सिंटैक्स का विस्तार करने की अनुमति देती है, जिससे मॉडल-व्यू-कंट्रोलर बंडल को लागू करने के लिए कोड लिखने की आवश्यकता समाप्त हो जाती है। यह स्पष्ट करने के लिए कि हम लचीले ढंग से एक पूर्वनिर्धारित ढांचे से बंधे बिना एक एप्लिकेशन बना सकते हैं (हम उदाहरण के लिए कोणीय का उपयोग कर सकते हैं) में प्रोजेक्ट में इसे जोड़ सकते हैं। लिपियों के विपरीत टॉगल क्रिया बटन पर क्लिक करें और अपलोड का चयन करें:


चित्र 4

Default.aspx में नॉकआउट में एक लिंक जोड़ें:

उस सूची की सामग्री प्रदर्शित करने के लिए HTML लेआउट (Default.aspx) को थोड़ा संशोधित करें:

<div id="main-content"> <div> <p id="message" data-bind="text: greeting"></p> </div> <table data-bind="visible: showTable"> <thead> <tr> <td>Id</td> <td>Title</td> </tr> </thead> <tbody data-bind="foreach: listItems"> <tr> <td data-bind="text: id"></td> <td data-bind="text: title"></td> </tr> </tbody> </table> </div> 

लिपि १

और जावास्क्रिप्ट कोड में (लिपियों -> App.js) हम Sharepoint सूची को पढ़ने और इस जानकारी को स्क्रिप्ट 1 में जोड़े गए HTML से लिंक करने के लिए तर्क डालेंगे:


चित्रा 5

दरअसल, बस इतना ही। हम केवल एप्लिकेशन को SharePoint सूची पढ़ने का अधिकार दे सकते हैं:


चित्रा 6

और चलाएं:


चित्र 7

आवेदन O365 देव साइट पर पैक और होस्ट किया गया है। हम कहते हैं कि हम भरोसा करते हैं, जिसके बाद यह शुरू होता है, जैसा कि वादा किया गया है, पहले से भरा SharePoint सूची।


चित्र 8

सारांश में, यह एक बार फिर जोर दिया जाना चाहिए कि नपा को SharePoint के लिए एक प्रारंभिक विकास उपकरण के रूप में बनाया गया था। यह एक हल्के विज़ुअल स्टूडियो साथी के रूप में माना जा सकता है, ऑफिस और SharePoint के लिए न्यूनतम प्रयास के साथ एप्लिकेशन बनाने के लिए क्लाउड ऐप मॉडल के साथ शुरुआत करने में मदद करता है। यह केवल क्लाइंट कोड डेवलपमेंट (HTML5 और जावास्क्रिप्ट) का समर्थन करता है। यदि किसी एप्लिकेशन को सर्वर कोड, डिबगर, सोर्स कोड कंट्रोल, वर्क आइटम को बनाए रखने, प्रोफाइलिंग और अन्य टूल, ALM, नापा, स्वाभाविक रूप से काम नहीं करेगा। इस स्थिति में, आपको Visual Studio का उपयोग करना चाहिए। हालांकि, आप सरल से जटिल तक आसानी से और धीरे-धीरे बढ़ सकते हैं। कुछ बुनियादी सरल चीजें "नापा" टूल का उपयोग करके की जा सकती हैं, और फिर वीएस में बैकलॉग विकसित कर सकते हैं, वेब पेजों के डिजाइन में सुधार, शेयरपॉइंट सामग्री (सूचियों, वर्कफ़्लो, ...) को जोड़ा जा सकता है, यूआई के विस्तार के लिए उपयोगकर्ता क्रियाएं आदि। हम परिचित स्टाइलिश मोबियस स्ट्रिप (नीचे चित्र 7 देखें) के साथ टूलबार पर बटन दबाते हैं, जिसके बाद परियोजना की एक प्रति डाउनलोड की जाती है और स्थानीय विज़ुअल स्टूडियो में खोला जाता है।


चित्र 9