SPSCasablanca - SPFx Deployment

•Download as PPTX, PDF•

1 like•207 views

I developed a SharePoint Framework solution, what to do next and how to install it by code? SharePoint Saturday Casablanca - 24 November 2018

I developed a SharePoint Framework solution,
what to do next and how to install it automatically?
Yannick Borghmans

yannickborghmans.com
Linkedin.com/in/yborghmans
@yborghmans
Yannick Borghmans
Office 365/SharePoint Technical Lead @Ventigrate

Agenda
Building SPFx Deployment
SharePoint
Azure
App catalog
ALM API

SharePoint UX – Evolving cross versions
2009
SharePoint
Server 2010
2006
Office SharePoint
Server 2007
2003
SharePoint
Portal Server 2003
2001
SharePoint
Portal Server 2001
2012
SharePoint
Server 2013
2016 …
SharePoint
Server 2016, SPO

Is all SP Online development in JavaScript?
No
In similar ways as with SharePoint Add-in model,
server side development is needed for back end
services
SharePoint Framework concentrates on user
interface, not on fundamentals around the API
usage

• Tooling
• Node.js
• Yeoman
• Gulp
• TypeScript
• Visual Studio (Code)
• Frameworks – Choose yours
• React
• Angular.js
• Knockout
• Etc.
Typical tooling for SharePoint Framework

Package your webpart
• Use the bundle gulp task to build, localize, and bundle the project
• Use the package-solution gulp task to package the project into
a .sppkg file
• The ship parameter build task creates a minified version of the
bundle and copies all of the web part assets

Deploy App to the SharePoint App Catalog

Upload static assets
• JSON source file
• Manifest for webpart
• JS Files
• Minified version of your code
• Localized strings
• Located in /temp/deploy folder

Install the app
• Go to your SharePoint Site
• Add an app

Add the web part to a SharePoint page
• Create a page on your Office 365 site
• Add the web part to the page

Update SPFx solution
• Upgrade version (./config/package-solution.json)

Update SPFx solution
• Gulp clean (optional)
• Gulp bundle --ship
• Gulp package-solution --ship
• Upload to app catalog & upload static assets (.js, .json)

Update SPFx solution
• No need to update app on sites => webparts are
automaticaly using the latest code

Deploy possibilities
SharePoint
Document library
Client side assets
Office 365
CDN
Azure
CDN
Extra
Tenant deploy

SharePoint – document library
• Create a document library
• Create a folder/solution you want to host

SharePoint – document library
• Update the CDNBasePath in write-manifest.json

SharePoint – document library
• Upload app package to app catalog

SharePoint – document library
• Upload .js files to document library

Client side assets
Introduced in SPFx v1.4 to include static assets in .sppkg file

Enable the SharePoint CDN origin
• Open the SharePoint Online Management Shell
• Execute the following Powershell commands to enable the CDN, set
the CDN origin, and return the CDN Origin ID

SharePoint Application
Lifecycle Management API
API to manage the deployment of your SharePoint Framework solutions

SharePoint
Application
Lifecycle
Management
• Add SharePoint Framework solution or SharePoint Add-in to tenant
app catalog.
• Remove SharePoint Framework solution or SharePoint Add-in from
tenant app catalog.
• Enable SharePoint Framework solution or SharePoint Add-in to be
available for installation in tenant app catalog.
• Disable SharePoint Framework solution or SharePoint Add-in not to
be available for installation in tenant app catalog.
• Install SharePoint Framework solution or SharePoint Add-in from
tenant app catalog to a site.
• Upgrade SharePoint Framework solution or SharePoint Add-in to a
site, which has a newer version available in the tenant app catalog.
• Uninstall SharePoint Framework solution or SharePoint Add-in from
the site.
• List all and get details about SharePoint Framework solutions or
SharePoint Add-ins in the tenant app catalog.

The document discusses automating the process of shipping SharePoint client-side web part solutions. It provides manual steps for cleaning, bundling, packaging, and deploying solutions. It then discusses options for automating this process using tools like Node scripts, Gulp, Azure Pipelines, and the Office 365 CLI. The document demonstrates setting up build and release pipelines in Azure Pipelines to continuously integrate, build, test, and release solutions. It discusses next steps like adding environments and implementing tests.

Matthias Einig from Rencore - Transforming SharePoint farm solutions to the A...

Rencore

2018 12-06 SharePoint - the new era of provisioning

Yannick Plenevaux

This document discusses different approaches to provisioning in SharePoint, including manually and automated provisioning. It covers the evolution of provisioning through features, remote provisioning, and site designs. Feature framework and remote provisioning are described in more detail. Site designs allow applying declarative customizations to sites after creation through site scripts and designs. Various tools for remote provisioning and site designs are also presented.

O365Con18 - Using ARM Templates to Deploy Solutions on Azure - Kevin Timmermann

NCCOMMS

Whats new for developers in Visual Studio 2013

Chris Dufour

There is a ton of new features available in Visual Studio 2013. In this session we will take a look at some of the new enhancements to the IDE including a look at the new “connected” IDE. We will then take a look at the editor productivity enhancements such as the new enhanced scrollbar, Peek Definition and CodeLens. In our final section, we’ll show off some of the cool things the .NET Framework 4.5.1 has enabled in Visual Studio 2013.

O365con14 - the new sharepoint online apps - napa in action

NCCOMMS

This document discusses the new SharePoint Online Apps and Napa, a browser-based tool for building Office and SharePoint apps. It begins with an overview of the evolution of SharePoint development and the introduction of the app model. It then covers the different types of SharePoint apps and APIs, as well as apps for Office. A demo of Napa shows how to create various apps. The document concludes by explaining how to publish apps to the Office Store or an organizational app catalog.

Develop, Build, Package and Deploy Office Add-ins with Visual Studio - ESPC 2015

Bram de Jager

Office Add-ins have been around for a while as VSTO packages, but things have changed with the introduction of Office 2013. A new App Model for Office provides add-ins who live both in the Office Desktop client and Office Online. Join this session to discover what Office Add-ins are, discover the latest changes and how to create them using standard-based technologies like HTML5, JavaScript and CSS3. The session covers different types of Office Add-ins, like task pane, content add-ins for Word, Excel, PowerPoint and mail add-ins for Outlook. We'll talk about how to develop, build, package and deploy Office Add-ins. Demo's cover creating add-ins with Visual Studio and deploy them for availability in the store.

SharePoint Framework (SPFx) — новая модель разработки SharePoint-решений, основанная на создании клиентских страниц и веб-частей, используя современные инструменты веб-разработки такие как npm, Gulp, yeoman, bower и другие. В докладе будет рассказано о том, как создавать решения с помощью SharePoint Framework, о новых инструментах, доступных разработчикам. Мы рассмотрим отличия старой и новой моделей разработки, какие имеющиеся знания об окружении SharePoint можно будет применить в новых условиях, а какие из них окажутся не востребованы.

Case Study: Integration Automation Create Delightful API Docs

Pronovix

Workflow Best Practices:Five (or More) "Do"s and "Don't"s

SPC Adriatics

The document discusses how the cloud changes business solution design and delivery. Some key points are: - The cloud abstracts location, scale, and redundancy, allowing businesses to focus on their applications rather than infrastructure. - Cloud services like IaaS, PaaS, and SaaS "make infrastructure and servers go away" so businesses can focus on developing applications and using software. - Service level agreements and rapid change cycles in the cloud require new approaches to solution design, delivery, and change management like feature flagging, telemetry, and railed experiences with limited customization.

Logic Apps – Deployments

BizTalk360

This document discusses deploying Logic Apps using version control and continuous integration/deployment. It demonstrates setting up a Logic App template in Visual Studio Team Services source control, building the template using a build definition, and deploying it to environments through release management. The deployment is fully automated using Azure Resource Manager templates, PowerShell scripts, and either Visual Studio Team Services or GitHub for deployment. This provides a unified process to deploy Logic Apps and related Azure resources across environments from source control in a reusable, parameterized manner.

Sap HCI online training

enrollmy training

This document provides information about an online training course for SAP Hana Cloud Integration (HCI). The course covers prerequisites, benefits, technologies, and 15 chapters of content about HCI concepts, configuration, development and use cases. It highlights how HCI enables seamless integration between on-premise and cloud systems without opening firewalls. Interested users can enroll for the training or attend a free demo by contacting the training provider.

Build MSTeams Customizations with SPFx

Kirti Prajapati

This document summarizes a webinar about developing customizations for Microsoft Teams using the SharePoint Framework (SPFx). The webinar will cover how any SPFx web part can be used as a custom tab in Teams, leveraging SPFx APIs and functionalities. It will also discuss the options for deploying SPFx-based Teams apps by packaging and deploying to the Teams app catalog from SharePoint, or by manually creating a Teams app manifest and package. The goal is to demonstrate how developers can build custom solutions for Teams using the existing SPFx tools and infrastructure.

Understanding SharePoint Framework Extensions

BIWUG

This document provides an overview and summary of SharePoint Framework extensions, including: - Application customizers allow customizing UI elements when placeholders change. - Command sets enable/disable commands and execute custom logic. They are available in context menus and top menus. - Field customizers override cell rendering and disposal to customize individual fields. - Extensions are deployed via elements.xml and can be deployed tenant-wide via client side component instances in SPFx 1.6. - The presentation covers the roles, types, development, and deployment of SPFx extensions.

Creating reusable pieces in Logic Apps

BizTalk360

This document discusses reusable pieces in Logic Apps and Azure Functions integration. It announces an upcoming Integration Monday webinar on using BizTalk with Logic Apps and Azure Functions. The presenter then demonstrates how to easily create reusable logic app workflows by calling nested logic apps from within the designer. Users are encouraged to provide feedback and suggestions to help improve Logic Apps.

Introduction to SharePoint Framework

Kirti Prajapati

This document outlines an agenda for a webinar on getting started with the SharePoint Framework. The webinar will introduce the SharePoint Framework and cover why it was needed, its benefits, how it works using a modern toolchain, and its future. It will also discuss how both traditional SharePoint developers and web developers can get started without previous experience in modern web development. The webinar presenter is then introduced. The agenda items include an overview of the SharePoint Framework, the modern development tools used, and how to set up a development environment and deploy solutions.

SharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development

Sébastien Levert

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximizing the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : • Understand your new role as an Office 365 Developer • Have a complete overview of the technology stack you need to master in the cloud • Change the way you will think for your next SharePoint & Office 365 project

The citizen integrator

BizTalk360

In this presentation, Michael Stephenson talks about the Citizen Integrator, Microsoft Flow and also Power Apps. The Azure-Citizen Integrator is a newer role to organizations but is expected to play an important part in the future of organizations currently going through digital transformations. He also explains how Azure Citizen Integrator can be empowered by Microsoft to deliver value to the business in a way that can be complimentary to IT strategy rather than being considered shadow IT.

SharePoint Saturday Calgary 2017 - From SharePoint to Office 365 Development

Sébastien Levert

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : - Understand your new role as an Office 365 Developer - Have a complete overview of the technology stack you need to master in the cloud - Change the way you will think for your next SharePoint & Office 365 project

Who Needs A Developer For Automated SharePoint Provisioning

Eric Overfield

This document provides an overview of automated SharePoint provisioning using SharePoint PnP and PowerShell. It discusses the challenges of traditional provisioning methods and how PnP addresses these. Key aspects covered include the PnP core components, using PnP PowerShell to connect to sites and apply provisioning templates, and best practices for scripting repeatable provisioning processes. Examples and demos are provided.

Workflow Automation with Logic Apps

BizTalk360

This presentation is from the Integration Day event, a TechMeet360 Community Initiative, held on September 10, 2016 at Microsoft GSTC in Bangalore. In this slide, Microsoft's Escalation Engineers Tulika Chaudharie and Harikharan Krishnaraju gives an introduction on Workflow Automation with Logic Apps. The session covers some of the common workflow techniques used across the industry and how to automate the process using Logic Apps. Also, it demonstrates the ways to create nested workflows. Also, there will be demos showcasing the seamless integration.

Keynote speech

BizTalk360

SPS Paris - SPFx deployment

Yannick Borghmans

All about SPFx

Fabio Franzini

In "Modern development", the presence of client-side code is increasingly present. It is not least SharePoint, which thanks to the Online version introduced a new development framework based on client-side technologies called "SharePoint Framework " (SPFX). In This session we will see a brief introduction about why this Framework was created, the principle of operation, the development tools, the programming languages, and the client-side frameworks that you can use to create Customizations such as Web parts and expensions.

Lessons learned: Choosing your documentation system

Pronovix

My team faced several questions a year ago when we started our brand new documentation portal. - Are we going to set up a platform based on an existing solution? - Are we going to create our own platform? - Are we going to use existing internal tools like Confluence? To answer those questions we created our own process to guide our decision making: - First create a vision how your documentation should look like - Then test as many platforms as possible - Realize non are quite what you want - Realise you do not want to reinvent the wheel - Figure out how you can glue different solution together to get exactly what you want We ended up with a mix of existing technologies like Doxygen and Sphinx, glued together with custom python scripts. This allowed us to rely on proven technology and still have the flexibility to tweak the result to our requirements, getting the best of both worlds. The biggest benefit of our solution is that it uses Unit tests to ensure that the documentation and the API stay in sync and developers are forced to update documentation when they change the API. This was one of the biggest benefits we gained from our new documentation system compared to the previously used. In this talk I will go into detail how we created and implemented our process, how it worked out for us and why your team might want to follow a similar process. At the end of the talk you will have a better understanding of - How to do research and compare documentation platforms - How to perform an informed decision for their documentation needs - How not quite reinvent the wheel and get what you want.

D2 - Automate Custom Solutions Deployment on Office 365 and Azure - Paolo Pia...

SPS Paris

Modern solutions are based on complex architectures, which are made of multiple layers and services. Often, to run your solutions, you need to host services on Azure, configure services in Office 365, and provision content in SharePoint Online. Deploying manually such kind of solutions in target environments can be really challenging, time consuming, and error-prone. In this session, you will learn how to automate the provisioning of such kind of solutions using the Microsoft Graph, the Azure Management API, and the REST API more in general. During the session you will see a real case study, based on the open source PnP Partner Pack Setup Wizard.

An overview of devportal technologies and their (dis)advantages

Pronovix

It is really hard to chose the right technology to use to build your devportal. The various types of devportals support 3 authoring experiences: -CMS based authoring - tight coupling between the content model and a UI -docs as code - code repo, or file based CMS -API based authoring - command line/endpoint as the interface We will discuss how things can go wrong if you don’t cater to your different authors

aOS Monaco - SPFx deployment

Yannick Borghmans

SPS Dakar 2018 - I developed a SharePoint framework solution, what to do next...

aOS Community

What's hot

SharePoint Framework

Vitaly Zhukov

Case Study: Integration Automation Create Delightful API Docs

Pronovix

Workflow Best Practices:Five (or More) "Do"s and "Don't"s

SPC Adriatics

Logic Apps – Deployments

BizTalk360

Sap HCI online training

enrollmy training

Build MSTeams Customizations with SPFx

Kirti Prajapati

Understanding SharePoint Framework Extensions

BIWUG

Creating reusable pieces in Logic Apps

BizTalk360

Introduction to SharePoint Framework

Kirti Prajapati

SharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development

Sébastien Levert

The citizen integrator

BizTalk360

SharePoint Saturday Calgary 2017 - From SharePoint to Office 365 Development

Sébastien Levert

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : - Understand your new role as an Office 365 Developer - Have a complete overview of the technology stack you need to master in the cloud - Change the way you will think for your next SharePoint & Office 365 project

Who Needs A Developer For Automated SharePoint Provisioning

Eric Overfield

Workflow Automation with Logic Apps

BizTalk360

Keynote speech

BizTalk360

SPS Paris - SPFx deployment

Yannick Borghmans

All about SPFx

Fabio Franzini

Lessons learned: Choosing your documentation system

Pronovix

D2 - Automate Custom Solutions Deployment on Office 365 and Azure - Paolo Pia...

SPS Paris

An overview of devportal technologies and their (dis)advantages

Pronovix

What's hot (20)

SharePoint Framework

Case Study: Integration Automation Create Delightful API Docs

Workflow Best Practices:Five (or More) "Do"s and "Don't"s

Logic Apps – Deployments

Sap HCI online training

Build MSTeams Customizations with SPFx

Understanding SharePoint Framework Extensions

Creating reusable pieces in Logic Apps

Introduction to SharePoint Framework

SharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development

The citizen integrator

SharePoint Saturday Calgary 2017 - From SharePoint to Office 365 Development

Who Needs A Developer For Automated SharePoint Provisioning

Workflow Automation with Logic Apps

Keynote speech

SPS Paris - SPFx deployment

All about SPFx

Lessons learned: Choosing your documentation system

D2 - Automate Custom Solutions Deployment on Office 365 and Azure - Paolo Pia...

An overview of devportal technologies and their (dis)advantages

Similar to SPSCasablanca - SPFx Deployment

aOS Monaco - SPFx deployment

Yannick Borghmans

SPS Dakar 2018 - I developed a SharePoint framework solution, what to do next...

aOS Community

Biwug 20180410 - I developed a SharePoint Framework solution, what to do next...

Yannick Borghmans

While SharePoint Framework being the upcoming trend in 2017 for the modern SharePoint landscape, SharePoint developers not only saw their tool belt being extended but there was also a shift becoming a modern developer. With modern development some new tools were introduced for the SharePoint developers, like Gulp, Yeoman, Npm,... Development is one thing, but deploying these solutions? That's another matter. Uploading wsp files to SharePoint servers and deploying web applications for SharePoint Add-in's to Azure, are already known actions. But with SharePoint Framework, code has to be deployed to a hosting service as an Azure CDN or a SharePoint CDN/Library and the app package has to be uploaded to the app catalog (like with SharePoint add-ins). Those are new things for the 'classic' SharePoint developers, as also installing solutions by the use the new Application Lifecyle Management API of SharePoint which makes it possible to deploy by code. This session will provide an overview of the deployment options to Azure and SharePoint and will provide a demo intensive part by creating a deployment tool to install/uninstall/retract/upgrade your app on specific sites and on specific site collection catalogs.

SPSNL - SPFx Deployment

Yannick Borghmans

Introduction to SharePoint Framework

Małgorzata Borzęcka

The document discusses options for developing customizations for SharePoint, including SharePoint Add-ins, external apps/SPAs, and the SharePoint Framework (SPFx). It provides an overview of SPFx, describing how it allows customizations to run as part of the SharePoint page with a flexible web part experience. It also covers SPFx tooling, the build process, debugging, the property pane, APIs like REST and Graph, and extensions.

Introduction to development using the share point framework mv ps

Usama Wahab Khan Cloud, Data and AI

This document provides an overview of the SharePoint Framework and modern toolchain for developing client-side solutions in SharePoint. It discusses the evolution of the SharePoint development model and extensibility principles of purpose-built APIs, web hooks, and Graph integration. The modern toolchain is described including Office UI Fabric, tooling support, and components. Example scenarios for using the framework are provided along with descriptions of core framework components like client-side web parts and the page canvas.

The Greatest Introduction to SharePoint Framework (SPFx) on earth!

Małgorzata Borzęcka

The document discusses various options for developing customizations for SharePoint, including SharePoint Add-ins, external apps/SPAs, and the SharePoint Framework (SPFx). It provides an overview of SPFx, describing how it allows customizations to run within the SharePoint page context using modern development tools and frameworks. It also outlines the SPFx build process and deployment options like the Office 365 public CDN and Azure CDN.

New SharePoint Features in Visual Studio 2012!

SPC Adriatics

This document summarizes a presentation about new features in Visual Studio 2012 for developing SharePoint applications. It discusses upgrade paths, compatibility with previous versions, new project types for SharePoint 2013 and Office 2013, and tools for remote development and profiling SharePoint performance. New features include improved support for sandboxed solutions, JavaScript debugging, and the ability to publish solutions and deploy packages to remote SharePoint servers.

Deep dive into share point framework webparts

Prabhu Nehru

How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)

Brian Culver

This is a walkthrough on the tools, steps and process for converting common full trust solution to SharePoint Framework solutions. We will cover several scenariosn and discuss how to handle each appropriately. We have established a general workflow for converting your full trust solutions to SPFx solutions that I will share. We also will cover the proper configuration for your development environment. Lastly I will quickly highlight and show the process for building an SPFx solution and deploying it to Office 365. Lots of DO’s and DON’Ts will be shared. I’ll show you some of my scars too. From this session forward, you will want to hone your skills in modern SharePoint and convert everything to SPFx solutions. Attendee Takeaways: 1. Understand the why, the how, and what make up the SharePoint Framework (SPFx). 2. A demonstration where we take a common Full Trust Solutions and covert it to the SharePoint Framework (SPFx). 3. I share lots of tips, DO’s and DON’Ts to save you hours and days of your life. You’re welcome :)

How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)

Brian Culver

Heading to the Cloud : Introduction to deploying a Provider-Hosted App in Azure

Xenox Garavito

From SharePoint Saturday DC (Reston) Saturday 25th October, 2014 1:00pm to 2:15pm (EST) This session is targeted to the SharePoint .NET developer who has been clinging to sandbox/farm solutions and putting off jumping into the SharePoint App model. Get your head out of the clouds and head into the cloud! This introductory session will guide you through the steps to provision a scalable Provider-Hosted App in Azure.

Developing SharePoint 2013 apps with Visual Studio 2012 - SharePoint Connecti...

Bram de Jager

The new SharePoint App Model provides different ways of building apps. As a developer you have to choose between development techniques, hosting options and more. This session discusses the architecture, various types of apps, application identity and permissions, and how to build these different types of apps. The session contains demos covering building SharePoint-hosted apps, implementing SharePoint 2013 chrome control, setting the right permissions, and more with Visual Studio 2012.

Transforming your full-trust solutions to the Add-in model / SharePoint Frame...

SUGES (SharePoint Users Group España)

Uncovering the Latest in SharePoint Development

Eric Overfield

The document discusses modern approaches to SharePoint development. It outlines traditional development models for SharePoint like full trust solutions and sandboxed solutions, as well as more modern client-side approaches using the SharePoint Framework, Add-ins, and Microsoft Graph API. The document recommends transitioning to client-side development using these modern tools and the new SharePoint Framework for building web parts that work across SharePoint platforms. It provides an overview of Microsoft's roadmap for SharePoint development in 2017, focusing on continued evolution of the SharePoint Framework and client-side capabilities.

06.SharePointApps

EaswariSP

This document discusses SharePoint apps, including their architecture, types, deployment process, and best practices. It describes SharePoint-hosted apps, which use only client-side coding, and remote/provider-hosted apps, which allow server-side coding. It also covers installing Visual Studio and the Office Dev Tools, publishing apps to the Office Store or App Catalog, and renaming project items for clarity. Best practices mentioned include checking for out-of-box SharePoint features first and testing apps before production deployment.

ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass

European Collaboration Summit

SPCA2013 - Developing SharePoint 2013 Apps with Visual Studio 2012

NCCOMMS

This document discusses developing SharePoint 2013 apps with Visual Studio 2012. It covers the evolution of SharePoint development from 2003 to 2013 and the different customization options. Apps for SharePoint can be SharePoint-hosted, autohosted, or provider-hosted. Visual Studio tools allow debugging and publishing apps. The document demonstrates building apps using CSOM and REST APIs and emphasizes that SharePoint development going forward focuses on the cloud and these new APIs.

MSDN - SharePoint 2013 to app or not to app

Joris Poelmans

SharePoint 2013 introduces a new app model that allows the development of self-contained extensions called apps. There are three types of apps: SharePoint-hosted, provider-hosted, and auto-hosted. SharePoint-hosted apps are developed using only client-side technologies like HTML, CSS, and JavaScript and run within the context of a SharePoint site. The document discusses SharePoint-hosted app architecture, the client-side and server-side object models used to interface with SharePoint, and provides a demonstration of building a basic SharePoint-hosted app.

Real World SharePoint Framework and Azure Services

Brian Culver

Building Solution in Office 365 requires leveraging other cloud services, such as Azure Services. For those new to SharePoint and all SharePoint veterans, building cloud ready “Full Trust” solutions for Office 365 introduces a huge paradigm shift over the traditional on-premise full-trust development model. In this session, we will look at a couple common full trust solutions and move them to Office365 and Azure. We will leverage various Azure services such as Azure Functions, Event Grids and WebJobs. See demonstrations on how event receivers become Azure Function and Event Grids, and timer jobs become Azure WebJobs. Learn about other useful Azure services for replacing full trust functionality. Don’t pass up this opportunity to learn skills and knowledge you need to build Office 365 Solutions leveraging Cloud Services Attendee Takeaways: 1. Understand how to take Full Trust solutions from On-premise to the Office365. 2. Learn how to use Azure Functions, Event Grids, WebJobs and several other Azure Services. 3. See demonstrations of a couple common Full Trust Solutions converted to cloud solutions on Office365 and Azure.

Similar to SPSCasablanca - SPFx Deployment (20)

aOS Monaco - SPFx deployment

SPS Dakar 2018 - I developed a SharePoint framework solution, what to do next...

Biwug 20180410 - I developed a SharePoint Framework solution, what to do next...

SPSNL - SPFx Deployment

Introduction to SharePoint Framework

Introduction to development using the share point framework mv ps

The Greatest Introduction to SharePoint Framework (SPFx) on earth!

New SharePoint Features in Visual Studio 2012!

Deep dive into share point framework webparts

How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)

Heading to the Cloud : Introduction to deploying a Provider-Hosted App in Azure

Developing SharePoint 2013 apps with Visual Studio 2012 - SharePoint Connecti...

Transforming your full-trust solutions to the Add-in model / SharePoint Frame...

Uncovering the Latest in SharePoint Development

06.SharePointApps

ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass

SPCA2013 - Developing SharePoint 2013 Apps with Visual Studio 2012

MSDN - SharePoint 2013 to app or not to app

Real World SharePoint Framework and Azure Services

Recently uploaded

CAKE: Sharing Slices of Confidential Data on Blockchain

Claudio Di Ciccio

Presented at the CAiSE 2024 Forum, Intelligent Information Systems, June 6th, Limassol, Cyprus. Synopsis: Cooperative information systems typically involve various entities in a collaborative process within a distributed environment. Blockchain technology offers a mechanism for automating such processes, even when only partial trust exists among participants. The data stored on the blockchain is replicated across all nodes in the network, ensuring accessibility to all participants. While this aspect facilitates traceability, integrity, and persistence, it poses challenges for adopting public blockchains in enterprise settings due to confidentiality issues. In this paper, we present a software tool named Control Access via Key Encryption (CAKE), designed to ensure data confidentiality in scenarios involving public blockchains. After outlining its core components and functionalities, we showcase the application of CAKE in the context of a real-world cyber-security project within the logistics domain. Paper: https://doi.org/10.1007/978-3-031-61000-4_16

Generating privacy-protected synthetic data using Secludy and Milvus

Zilliz

During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.

HCL Notes and Domino License Cost Reduction in the World of DLAU

panagenda

Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/ The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this! We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model. Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward. These topics will be covered - Reducing license cost by finding and fixing misconfigurations and superfluous accounts - How do CCB and CCX licenses really work? - Understanding the DLAU tool and how to best utilize it - Tips for common problem areas, like team mailboxes, functional/test users, etc - Practical examples and best practices to implement right away

AI 101: An Introduction to the Basics and Impact of Artificial Intelligence

IndexBug

June Patch Tuesday

Ivanti

Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.

Programming Foundation Models with DSPy - Meetup Slides

Zilliz

Serial Arm Control in Real Time Presentation

tolgahangng

Climate Impact of Software Testing at Nordic Testing Days

Kari Kakkonen

My slides at Nordic Testing Days 6.6.2024 Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.

20240609 QFM020 Irresponsible AI Reading List May 2024

Matthew Sinclair

みなさんこんにちはこれ何文字まで入るの？40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの？えこ...

名前です男

GraphRAG for Life Science to increase LLM accuracy

Tomaz Bratanic

“I’m still / I’m still / Chaining from the Block”

Claudio Di Ciccio

Taking AI to the Next Level in Manufacturing.pdf

ssuserfac0301

Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as: 1. How quickly AI is being implemented in manufacturing. 2. Which barriers stand in the way of AI adoption. 3. How data quality and governance form the backbone of AI. 4. Organizational processes and structures that may inhibit effective AI adoption. 6. Ideas and approaches to help build your organization's AI strategy.

AI-Powered Food Delivery Transforming App Development in Saudi Arabia.pdf

Techgropse Pvt.Ltd.

In this blog post, we'll delve into the intersection of AI and app development in Saudi Arabia, focusing on the food delivery sector. We'll explore how AI is revolutionizing the way Saudi consumers order food, how restaurants manage their operations, and how delivery partners navigate the bustling streets of cities like Riyadh, Jeddah, and Dammam. Through real-world case studies, we'll showcase how leading Saudi food delivery apps are leveraging AI to redefine convenience, personalization, and efficiency.

Driving Business Innovation: Latest Generative AI Advancements & Success Story

Safe Software

Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency. During the hour, we’ll take you through: Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board. Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes. Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI. We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI. This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!

Mind map of terminologies used in context of Generative AI

Kumud Singh

Microsoft - Power Platform_G.Aspiotis.pdf

Uni Systems S.M.S.A.

Ocean lotus Threat actors project by John Sitima 2024 (1).pptx

SitimaJohn

Ocean Lotus cyber threat actors represent a sophisticated, persistent, and politically motivated group that poses a significant risk to organizations and individuals in the Southeast Asian region. Their continuous evolution and adaptability underscore the need for robust cybersecurity measures and international cooperation to identify and mitigate the threats posed by such advanced persistent threat groups.

TrustArc Webinar - 2024 Global Privacy Survey

TrustArc

How does your privacy program stack up against your peers? What challenges are privacy teams tackling and prioritizing in 2024? In the fifth annual Global Privacy Benchmarks Survey, we asked over 1,800 global privacy professionals and business executives to share their perspectives on the current state of privacy inside and outside of their organizations. This year’s report focused on emerging areas of importance for privacy and compliance professionals, including considerations and implications of Artificial Intelligence (AI) technologies, building brand trust, and different approaches for achieving higher privacy competence scores. See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe. This webinar will review: - The top 10 privacy insights from the fifth annual Global Privacy Benchmarks Survey - The top challenges for privacy leaders, practitioners, and organizations in 2024 - Key themes to consider in developing and maintaining your privacy program

Removing Uninteresting Bytes in Software Fuzzing

Aftab Hussain

Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process. In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds. - These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.

Recently uploaded (20)

CAKE: Sharing Slices of Confidential Data on Blockchain

Generating privacy-protected synthetic data using Secludy and Milvus

HCL Notes and Domino License Cost Reduction in the World of DLAU

AI 101: An Introduction to the Basics and Impact of Artificial Intelligence

June Patch Tuesday

Programming Foundation Models with DSPy - Meetup Slides

Serial Arm Control in Real Time Presentation

Climate Impact of Software Testing at Nordic Testing Days

20240609 QFM020 Irresponsible AI Reading List May 2024

GraphRAG for Life Science to increase LLM accuracy

“I’m still / I’m still / Chaining from the Block”

Taking AI to the Next Level in Manufacturing.pdf

AI-Powered Food Delivery Transforming App Development in Saudi Arabia.pdf

Driving Business Innovation: Latest Generative AI Advancements & Success Story

Mind map of terminologies used in context of Generative AI

Microsoft - Power Platform_G.Aspiotis.pdf

Ocean lotus Threat actors project by John Sitima 2024 (1).pptx

TrustArc Webinar - 2024 Global Privacy Survey

Removing Uninteresting Bytes in Software Fuzzing

SPSCasablanca - SPFx Deployment

1. I developed a SharePoint Framework solution, what to do next and how to install it automatically? Yannick Borghmans

2. yannickborghmans.com Linkedin.com/in/yborghmans @yborghmans Yannick Borghmans Office 365/SharePoint Technical Lead @Ventigrate

3. Agenda Building SPFx Deployment SharePoint Azure App catalog ALM API

4. SPFx

5. SharePoint UX – Evolving cross versions 2009 SharePoint Server 2010 2006 Office SharePoint Server 2007 2003 SharePoint Portal Server 2003 2001 SharePoint Portal Server 2001 2012 SharePoint Server 2013 2016 … SharePoint Server 2016, SPO

6. SharePoint Framework

7. Is all SP Online development in JavaScript? No In similar ways as with SharePoint Add-in model, server side development is needed for back end services SharePoint Framework concentrates on user interface, not on fundamentals around the API usage

8. • Tooling • Node.js • Yeoman • Gulp • TypeScript • Visual Studio (Code) • Frameworks – Choose yours • React • Angular.js • Knockout • Etc. Typical tooling for SharePoint Framework

9. Building SPFx solution

10. Client-side Web Part Build Flow

11. Package your webpart • Use the bundle gulp task to build, localize, and bundle the project • Use the package-solution gulp task to package the project into a .sppkg file • The ship parameter build task creates a minified version of the bundle and copies all of the web part assets

12. Package your webpart

13. Deploy App to the SharePoint App Catalog

14. Upload static assets • JSON source file • Manifest for webpart • JS Files • Minified version of your code • Localized strings • Located in /temp/deploy folder

15. Install the app • Go to your SharePoint Site • Add an app

16. Add the web part to a SharePoint page • Create a page on your Office 365 site • Add the web part to the page

17. Demo Files

18. Updating solutions

19. Update SPFx solution • Upgrade version (./config/package-solution.json)

20. Update SPFx solution • Gulp clean (optional) • Gulp bundle --ship • Gulp package-solution --ship • Upload to app catalog & upload static assets (.js, .json)

21. Update SPFx solution • No need to update app on sites => webparts are automaticaly using the latest code

22. Deploy possibilities

23. Deploy possibilities SharePoint Document library Client side assets Office 365 CDN Azure CDN Extra Tenant deploy

24. What defines the hosting location?

25. SHAREPOINT Document library

26. SharePoint – document library • Create a document library • Create a folder/solution you want to host

27. SharePoint – document library • Update the CDNBasePath in write-manifest.json

28. SharePoint – document library • Upload app package to app catalog

29. SharePoint – document library • Upload .js files to document library

30. SharePoint – document library

31. Client side assets Introduced in SPFx v1.4 to include static assets in .sppkg file

32.

33.

34.

35. Demo CLIENT SIDE ASSETS

36. AZURE CDN

37. Demo Azure CDN

38. Office 365 - CDN

39.

40. Enable the SharePoint CDN origin • Open the SharePoint Online Management Shell • Execute the following Powershell commands to enable the CDN, set the CDN origin, and return the CDN Origin ID

41.

42. Demo Office 365 CDN

43. Tenant deploy Introduced in SPFx v1.4

44.

45.

46.

47. SharePoint Application Lifecycle Management API API to manage the deployment of your SharePoint Framework solutions

48.

49. SharePoint Application Lifecycle Management • Add SharePoint Framework solution or SharePoint Add-in to tenant app catalog. • Remove SharePoint Framework solution or SharePoint Add-in from tenant app catalog. • Enable SharePoint Framework solution or SharePoint Add-in to be available for installation in tenant app catalog. • Disable SharePoint Framework solution or SharePoint Add-in not to be available for installation in tenant app catalog. • Install SharePoint Framework solution or SharePoint Add-in from tenant app catalog to a site. • Upgrade SharePoint Framework solution or SharePoint Add-in to a site, which has a newer version available in the tenant app catalog. • Uninstall SharePoint Framework solution or SharePoint Add-in from the site. • List all and get details about SharePoint Framework solutions or SharePoint Add-ins in the tenant app catalog.

50. Supported operations

51. Demo PnP ALM

52. I developed a SharePoint Framework solution, what to do next and how to install it automatically? Yannick Borghmans

Editor's Notes

Tahoe/SPS 2001 – ASP Based, Single Box SP 2003 – Moved to ASP.NET, scale out, enterprise manageability SP 2007 – Added ECM, Publishing, Shared Services SP 2010 – FAST acquisition, search driven portals, scaled up doclibs SP 2013 – Multitenant, base for our cloud based release SP 2016 – First version migrated back from Cloud
Built into the SharePoint mobile apps
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:
Connect-SPOService -Url https://ventigratedev-admin.sharepoint.com/ -Credential $creds https://ventigratedev.sharepoint.com/sites/app/ClientSideAssets

SPSCasablanca - SPFx Deployment

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to SPSCasablanca - SPFx Deployment

Similar to SPSCasablanca - SPFx Deployment (20)

Recently uploaded

Recently uploaded (20)

SPSCasablanca - SPFx Deployment

Editor's Notes