Introduccion a sharepoint framework
•
1 gefällt mir•530 views
Introduccion a Sharepoint Framework
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (17)
Andere mochten auch
Andere mochten auch (15)
Ähnlich wie Introduccion a sharepoint framework
Ähnlich wie Introduccion a sharepoint framework (20)
Mehr von Luis Valencia
Mehr von Luis Valencia (12)
Introduccion a sharepoint framework
- 1. Luis Valencia – MVP www.luisevalencia.com CTO @ Software Estratégico www.softwareestrategico.com Twitter: @levalencia
- 3. Code samples Guidance documentation Monthly community calls Case Studies Themes SharePoint Framework SharePoint add-ins Microsoft Graph Office 365 development “Sharing is caring” http://aka.ms/OfficeDevPnP
- 5. • Herramientas • Node.js • Yeoman • Gulp • Typescript • Visual Studio (Code) • Frameworks • React • Angular.js • Knockout • Etc.
- 6. IIS Express VS Project New <Template> C#
- 15. https://msdn.microsoft.com/en-us/office/office365/howto/setup-development-environment No solo la colección de sitios debe ser de desarrollo, todo el tenant, es decir el tenant actual que tienen en sus empresas en producción no tiene la característica habilitada para desarrollar con Sharepoint Framework.
- 16. Navegar a SharePoint Centro de administración escribiendo el siguiente URL en su navegador. Sustituir yourtenantprefix con su prefijo de Office 365. https://yourtenantprefix-admin.sharepoint.com En la barra lateral izquierda, haga clic en el elemento de menú de aplicaciones y haga clic en App Catalog. Haga clic en el botón Aceptar para crear un nuevo sitio catálogo de aplicaciones. En la página siguiente, introduzca los siguientes datos: Título: Catalogo de aplicaciones Sitio Web Dirección sufijo: Llene sufijo preferido para catálogo de aplicaciones, por ejemplo: aplicaciones Administrador: Introduzca su nombre de usuario y haga clic en el botón de decisión para resolver el nombre de usuario Haga clic en el botón OK para crear el sitio catálogo de aplicaciones. SharePoint en este momento va a crear el sitio catálogo de aplicaciones y usted será capaz de ver su progreso en el centro de administración de SharePoint
- 17. Navegar a SharePoint Centro de administración escribiendo el siguiente URL en su navegador. Sustituir yourtenantprefix con su prefijo de Office 365. https://yourtenantprefix-admin.sharepoint.com En la barra de SharePoint, haga clic nuevo-> Colección de sitios privada. En el cuadro de diálogo, introduzca lo siguiente: Título: escriba un título para su colección de sitio de desarrolladores, por ejemplo: desarrollador del sitio Sitio Web Dirección sufijo común: Introduzca un sufijo para la colección de sitios desarrollador, por ejemplo: dev Selección de plantilla: Seleccione Sitio desarrollador como la plantilla colección de sitios Administrador: Introduzca su nombre de usuario y haga clic en el botón de decisión para resolver el nombre de usuario Haga clic en el botón Aceptar para crear la colección de sitios
- 18. Con el fin de depurar y vista previa SPF Webparts que necesitamos para cargar la página workbench.aspx, también tenemos que crear una nueva columna, las instrucciones son las siguientes: Crear la nueva columna Siga los pasos de abajo para agregar el nuevo campo a la biblioteca Documentos: Haga clic en el icono de engranajes en la parte superior derecha y haga clic en Configuración del sitio para abrir la página de configuración. Haga clic en las bibliotecas y las listas del sitio en la categoría Administración de sitios. Haga clic en Personalizar Documentos Ahora, haga clic en Crear columna en Columnas: Tipo ClientSideApplicationId como el nombre de la columna y dejar otros campos como son. Haga clic en el botón Aceptar para crear la columna. Luego sube el workbench.aspx, última versión se puede encontrar [aquí] (https://github.com/SharePoint/sp- dev-docs/wiki/Setup-SharePoint-Tenant)
- 20. a. Instalar nodejs LTS (Long Term Support) versión. Descargar desde aqu b. Instalar NPM Abra un símbolo del sistema y pega: npm -g install npm@next c. Si está utilizando Windows instalar este paquete: npm install --global --production windows-build-tools d. Instalar VS CODE. Descargar desde aquí e. Instalar Yeoman y gulp. Abrir y ejecutar CMD npm i -g yo gulp f. Instalar Yeoman Sharepoint generador. npm i -g @microsoft/generator-sharepoint nt
- 40. Las propiedades que tenemos en el webpart a medida que las actualizamos se ven reflejadas en la funcionalidad del webpart en tiempo real, esto se llama el Reactive Property Pane, sin embargo en algunas ocasiones puede ser necesario desactivar esto
Hinweis der Redaktion
- Over the past several years, with the evolution of Office 365, development of SharePoint solutions has encountered a new set of challenges: while on one hand IT and Tenant administrators require a new set of tools to control how data get accessed and consumed in their tenancies, developers, on the other hand, want to programmatically control the whole lifecycle, experience, and data access capabilities of a Site. Unfortunately, developers today find themselves constraint around building app parts as a result of iFrames, a reduced set of APIs, and no integration with cross Office 365 workloads. This in turn limits their ability to develop powerful portals that extend SharePoint. The client-side development framework will deliver capabilities that will help both first party and third party developers build powerful, rich applications and provide an enjoyable web experience in Office 365 for end users that are both intuitive and simple to consume.
- En los últimos años, la evolución de Office 365, el desarrollo de soluciones de SharePoint ha detectado un nuevo conjunto de desafíos: mientras por un lado TI y administradores de arrendatario requiere un nuevo conjunto de herramientas para controlar cómo obtener acceso y se consumen en contratos de arrendamiento de datos , los desarrolladores, por el contrario, quieren controlar de forma automática todo el ciclo de vida de las capacidades, experiencia y acceso a los datos de un sitio. Desafortunadamente, los desarrolladores hoy en día se encuentran restricción torno a la construcción de aplicaciones partes como resultado de iFrames, un conjunto reducido de APIs, y no hay integración con Office 365 cruz cargas de trabajo. Esto a su vez limita su capacidad para desarrollar portales de gran alcance que se extienden de SharePoint. El marco de desarrollo en el cliente entregará capacidades que ayudarán a los desarrolladores de los dos primeros partidos y de terceros crear aplicaciones potentes, ricos y proporcionar una experiencia web agradable en Office 365 para usuarios finales que son a la vez intuitiva y fácil de consumir.
- SharePoint también apoyará herramientas de código abierto para impulsar una mayor eficiencia en el desarrollo Aplicaciones. Estas herramientas no deben considerarse como un sustituto en las organizaciones de las herramientas tradicionales, sino más bien una extensión de estas, proporcionando nuevas oportunidades para poner rápidamente en marcha el desarrollo de SharePoint. Si está familiarizado con el desarrollo de Visual Studio con SharePoint, estas herramientas tienen una gran cantidad de similitudes con las herramientas que ya esté familiarizado con, por ejemplo: Yeoman proporciona un ecosistema generador. Un generador es, básicamente, un plugin que se puede ejecutar con el comando `yo` y generar proyectos completos o partes útiles. yo andamios fuera una nueva aplicación, la escritura de su configuración de generación (por ejemplo Gruntfile, Gulpfile) y tirando en las tareas de construcción pertinentes y dependencias gestor de paquetes (Bower, NPM) que pueda necesitar para su construcción. Esto es similar al proyecto del andamio en Visual Studio. Gulp Automatización - trago es un conjunto de herramientas que le ayuda a automatizar las tareas dolorosas o que consumen mucho tiempo en su flujo de trabajo de desarrollo. Independiente de la plataforma - Las integraciones se integren en todos los principales entornos de desarrollo y la gente está utilizando trago con PHP, .NET, Node.js, Java y otras plataformas. Ecosistemas del fuerte - Utilizar módulos de la NGP para hacer cualquier cosa que desee más de 2000 + plugins curada para la transmisión de archivos de transformaciones Simple - Al proporcionar solamente una superficie mínima de la API, trago es fácil de aprender y fácil de usar Node.js® es un tiempo de ejecución de JavaScript incorporado en el motor JavaScript V8 de Chrome. Node.js utiliza un bloqueo no modelo orientado a eventos, E / S que hace que sea ligero y eficiente. ecosistema paquete de Node.js ', la NGP, es el mayor ecosistema de librerías de código abierto en el mundo. por eventos de tiempo de ejecución de JavaScript, nodo está diseñado para construir aplicaciones de red escalables similares a VS desarrollo de SharePoint: Gulp = MSBuild, NodeJS = IIS (Express), Yeoman = scafolding proyecto en VS, mecanografiado = superconjunto escrito de JavaScript
- SharePoint will also support open source tooling to drive greater efficiencies when developing Parts and Apps. These tools should not be considered a replacement of an organizations traditional tools, but rather an extension of those, providing new opportunities to quickly get up and running with SharePoint development. If you’re familiar with Visual Studio development with SharePoint, this tools carry a lot of similarities with the tools you may already be familiar with for example: Yeoman provides a generator ecosystem. A generator is basically a plugin that can be run with the `yo` command to scaffold complete projects or useful parts. yo scaffolds out a new application, writing your build configuration (e.g Gruntfile, Gulpfile) and pulling in relevant build tasks and package manager dependencies (Bower, npm) that you might need for your build. This is similar to Project Scaffolding in Visual Studio. Gulp Automation - gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow. Platform-agnostic - Integrations are built into all major IDEs and people are using gulp with PHP, .NET, Node.js, Java, and other platforms. Strong Ecosystem - Use npm modules to do anything you want + over 2000 curated plugins for streaming file transformations Simple - By providing only a minimal API surface, gulp is easy to learn and simple to use Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world. event driven JavaScript runtime, Node is designed to build scalable network applications similar to VS SharePoint development: Gulp = MSBuild, NodeJS = IIS (Express), YeoMan = project scafolding in VS, TypeScript= typed superset of JavaScript