1、給站點添加完Napa後,在網站内容裡點選Napa,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 2、建立一個新的app,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 3、可以在Napa裡添加新的項目,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 4、添加新的檔案,可以添加web頁面、樣式表、腳本,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 5、可以設定Napa,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 6、設定用Visual C#語言,這樣vs打開可以用C#,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 7、可以點選左側菜單,Open in Visual Studio,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 8、彈出菜單,選擇Visual C#,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 9、可能會彈出菜單,安裝Web Platform 5.0,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 10、Visual Studio打開應用程式,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 11、需要登入Office 365,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 12、在Visual Studio中打開,可以添加自定義清單,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 13、為清單執行個體添加測試資料,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 14、添加JS腳本,讀取清單内容,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 15、在Default頁面,添加HTML讀取展示清單内容,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 16、可以部署應用程式,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 17、打開部署的開發人員站點,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 18、點選Custom Show,可以進入該應用程式,點選GetData擷取資料,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 19、點選List可以進入清單,如下圖:
Office 365 - SharePoint 2013 Online 之應用程式開發 總 結
Office 365中使用VS打開App後,不會同步到Napa,是以在Napa中釋出,會覆寫掉VS釋出的,不過,SharePoint Online中開發App和Server中基本一樣。