►
From YouTube: PnP Webcast - Introducing Office 365 Connectors
Description
SharePoint / Office 365 Dev Patterns and Practices Web Cast with Paolo Pialorsi and Vesa Juvonen around the Office 365 Connectors. More information around the covered content can be found from http://dev.office.com/blogs
A
A
Welcome
everybody:
this
is
the
sharepoint
patterns
and
practices
webcast
and
this
time
we're
gonna
have
a
talk
around
the
office,
365
connectors
and
so
concentrating
on
what
they
actually
are
and
what
are
the
development
opportunities
or
customization
opportunities
around
this
office?
365
connectors,
my
name
is
Wes
I
avonin
I'm,
a
Senior
Program
Manager
from
sharepoint
engineering
and
Whitney.
Here
is
Powell
of
the
lrc
Sao
Paulo.
Will
they
do
quick
interest
as
well?
Yes,.
B
A
Good
I
said
I'm
always
having
fun
with
Paolo's
title
because
he's
working
in
a
company
of
his
own,
so
he's
choosing
goods
to
senior
consultant.
You
could
be
a
CIO
or
CTO
as
well,
but
anyway
it's
it's
a
matter
of
a
mood
of
the
day,
what
title
you're
using
so
let's
actually
get
moving
before
we
go
to
the
actual
content.
A
Let's
have
a
quick
look
on
the
on
the
BMP,
so
sharepoint
patterns
and
practices
want
to
make
sure
that
everybody
gets
this
free
code,
samples,
reusable
solutions,
reusable
components,
guidance,
documentation
in
in
stn
and
also
in
the
github
and
in
depth
at
office,
stuff,
common,
oh
and
so
on.
We
do
have
monthly
community
calls
by
vehicle
special
interest
group
calls
for
people
to
follow
up
on
what's
happening.
All
of
that
is
getting
recorded
and
it's
available
in
YouTube
in
our
YouTube
channel.
A
The
themes
are
around
SharePoint
framework,
which
is
the
new
stuff
Chevron
add-ins,
also
for
sharepoint
online
and
on
premises
and
the
marks
of
graph
and
office
365
AP
is
today
we
kind
of
concentrate
on
the
office
365
connectors,
which
falls
on
the
later
ladder
or
the
last
category
of
the
sections.
Http
AKA,
ms
sharepoint
pnta
status,
where
you
can
go
and
have
a
look
on
all
of
the
different
webcast
all
of
the
different
resources
what's
available,
but
let's
actually
deep
dive
on
the
actual
content
of
today
and
I'll.
A
B
Thank
you.
First
of
all,
we
need
to
figure
out
what
an
office
is.
5,
connector
is,
and
basically
the
office
by
connectors
are
extensions
for
the
offices,
five
groups
and
teams
and
those
extensions
allow
us,
as
developers
as
well
as
third
parties,
to
send
messages
or
information
or
event
toward
a
group
to
make
available
information
live
information
to
users
that
are
consuming
a
group.
B
We
use
objects
which
are
called
the
car
from
a
connectors
perspective
and
right
now
we
can
have
about
100
of
these
five
connectors
available
on
a
connectors
catalogue,
which
is
a
public
catalog
which
we
can
use
to
search
for
connectors
and
through
which
we
can
simply
install
and
use
ready
to
go
connectors
and
just
to
give
you
an
idea
of
the
growth
trend
of
the
connectors.
Just
a
few
month
ago,
there
were
less
than
half
of
those
connectors
available
in
the
cat
program
about
50
connectors.
B
From
an
architectural
perspective,
whenever
you
have
an
office
is
5
group
in
your
tenant,
you
can
simply
connect
your
group
with
an
external
connector
just
by
following
an
HTTP
GET
request
through
a
nice
orange
button
that
you
we'll
see
pretty
soon
in
a
demo
and
that
button
that
button
will
just
make
an
HTTP
request
against
a
back-end
system
which
could
be,
for
example,
a
provider
oster.
The
application
for
sharepoint
online
or
for
office
lease
five
more
in
general,
and
by
getting
these
HTTP
GET
request.
B
The
provided,
roster
application
will
be
able
to
register
itself
against
the
group,
of
course,
waiting
for
a
kind
of
an
approval
from
an
authorized
user,
and
then
it
will
be
able
to
send
messages
represented
as
JSON
objects
through
an
HTTP
POST
request.
That's
the
overall
idea,
and
it
is
a
really
really
simple
and
easy
architecture.
You
register
a
provider
which
will
provide
kartha
through
HTTP
request
targeting
a
web
hooker
endpoint,
so
really
really
simple,
quick.
A
Comment
on
and
a
quick
point
on
that
one
before
moving
ahead.
So
on
the
just
being
super
super
clear.
So,
even
though
they
test
provider
hosted
app,
it
doesn't
necessarily
mean
adding.
It
doesn't
necessarily
mean
anything
like
that,
so
it
could
be
just
the
website
hosted
in
assure
which
is
then
registered
right.
So
it's
not
really
really
kind
of
a
classic
shape
on
hosted
at
in
or
even
office
365
that
well
it
again
defend
it
and
depends:
how
do
we
define
those
terms,
but
still.
B
Still
a
web
application
hosted
somewhere
to
a
provider
exactly
exactly
the
one
we
are
used
to
use
or
to
define
when
we
talk
about
sharepoint
provider
of
studies,
that's
not
exactly.
Okay,
exactly
and
in
order
to
create
your
own
of
beautify
connectors.
You
have
at
least
the
two
choices.
The
first
one
is
the
easy
one.
B
Of
course,
this
kind
of
easy
solution
is
not
suitable
for
the
catalog,
so
you
will
be
able
to
create
a
connector
which
will
be
available
just
for
one
group
and
you
can't
reuse
those
kind
of
connectors
in
any
other
groups,
and
you
cannot
provide
them
to
third
parties
through
the
catalog.
So,
let's
move
to
the
first
demo
of
these
webcast
and
let's
see
how
you
can
create
such
kind
of
easy
connectors
for
offices,
five
groups.
So
let's
move
to
my
demo,
environment
and
but
first
of
all,
let's
open
the
web
browser.
B
Here
I
have
my
mailbox
through
my
outlook,
web
access,
UI
and,
as
you
probably
know,
I
can
create
any
new
group
just
using
the
UI
of
my
mailbox
by
pressing
the
create
button
here.
Just
beside
the
group's
title
here,
I
can
select
a
group
model.
I
will
go
for
the
standard.
One
I
will
give
a
name
which
can
be
connectors.
B
Webcast
I
can
provide
a
description
if
I
like
and,
of
course
it
could
be
a
public
or
a
private
group
and
I
can
have
a
basic
reference
language
for
that
group.
I
will
create
it.
I
will
assign
a
couple
of
people
as
members,
for
example,
visa
and
heroin,
and
I'm
done.
My
group
will
be
ready
to
go
in
a
matter
of
few
seconds
here.
B
Okay,
I
can
upload
an
image
if
I
want,
if
not
really
fundamental
right
now
and
they
can
create
my
web
book.
The
result
of
these
actions
will
be
that
I
will
get
back
as
you
can
see
here,
a
URL
which
is
kind
of
a
readable,
but
who
cares
in
it?
It
is
just
to
be
used
in
the
back
end
in
our
own
system.
I
can
copy
the
URL
of
this
web
book,
which
will
need
the
end
point
I
can
target
whenever
I
want
to
send
the
picard
toward
my
target
group.
B
So
I
will
close
this
screen
and,
as
you
can
see,
first
of
all,
I
have
a
message
in
my
conversation
wall
that
informs
me
that
I
have
a
new
connector
connected
to
my
group
and
then,
if
I
go,
for
example,
to
fiddler
here
and
I
use
the
composer,
I
can
make
an
HTTP
POST
request,
targeting
the
end
point
that
I
just
copied
from
the
UI
of
the
web
book
creation
my
card
that
will
have
to
be
a
json
message.
So
I
will
have
to
say
that
the
content
type
of
my
request
is
application.
B
Jason
and
inside
the
content
of
the
body
of
my
request.
I
can
say,
for
example,
that
I
want
to
send
a
card
which
will
have
one
title,
which
will
be
connectors,
webcast
title,
and
it
will
have
also
a
text
which
will
be
the
real
content
of
sorry
for
the
typo.
It
will
be
the
real
content
of
the
card,
which
can
be
there
real
content
of
the
car.
B
So
I
can
make
a
HTTP
POST
request
against
that
URL,
providing
an
application,
JSON
content
and,
as
you
will
see,
it
will
take
a
while
the
first
time,
because
the
web
book
infrastructure
will
be
true.
We'll
have
to
be
started
somehow,
but,
as
you
can
see,
I've
got
a
200
response
which
is
totally
okay.
It's
an
ok
response
and
if
I
go
back
to
my
browser,
you
can
see
have
a
new
activity
here.
B
A
B
For
example,
you
can
use
it
just
for
testing
purposes,
so
if
you
want
to
play
with
cars,
if
we
want
to
see
how
the
cars
behave
based
on
the
syntax
you
have
in
the
JSON,
which
represent
the
card,
you
can
play
with
it
and
to
be
fair.
There
is
also
a
kind
of
a
playground
area
in
the
depth
of
this
will
calm
side
that
can
be
reached
through
the
depth
office.com
site,
which
allows
you
to
play
with
all
of
the
flavors
different
flavors
that
you
have
for
the
cars
which
can
be
really
really
complex.
B
If
you
want
with
buttons
with
images
a
table
say
stuff
like
that,
and
so
you
can
play
with
the
JSON
messages
just
using
this
technique
or
using
the
playground
area
on
the
other
side.
If
you
simply
want
to
extend
one
group
and
just
and
only
one
group,
you
already
have
a
kind
of
a
custom
solutions
which
can
send
Jason
messages,
but
you
simply
need
to
have
the
web
book
URL.
You
can
use
this
technique
to
do
a
manual
registration
of
your
way
book.
B
B
By
now
we
we
will
go
back
to
the
presentation
decker
and
we
will
share
with
you
how
to
do
a
real,
how
to
create
every
allah
connector.
So,
first
of
all,
you
have
to
go
to
the
connectors
developer
dashboard,
which
is
a
URL
and
website
and
web
page
through
which
you
can
play
with
the
connectors
technology.
You
can
register
your
connectors
and
you
can
see
all
of
the
reference
documentation
to
create
a
real
connector
and
if
you
go
to
the
other
link,
is
gold
mic,
so
calm
forward,
link
and
whatever
else
in
the
URL.
B
This
a
nice
URL
will
bring
you
to
a
UI
which
allows
you
to
do
the
registration
from
scratch
of
a
fresh
new
connector
which
will
be
available
in
your
tenant,
tenant
wide
sole
and
that
can
be
used
in
all
of
your
office.
365
groups.
If
you
want
there,
you
will
have
to
provide
some
registration
information,
and
I
will
show
you
pretty
soon
in
the
next
demo
and
what
information
you
have
to
provide,
and
just
after
that,
you
will
get
back
a
bunch
of
HTML
code
which
will
be
the
HTML
code,
including
the
orange
bottom.
B
B
B
Whenever
you
register-
and
you
create
your
own
connectors,
you
will
have
to
provide
a
URL
which
will
be
used
for
the
registration
step,
and
this
URL
will
be
the
one
under
the
cover
of
the
registration
button
and
in
the
URL
there
will
be
a
bunch
of
or
just
a
few
query
string
argument,
which
will
be
a
cast
on
state
argument
which
can
be
whatever
you
like.
Is
it
a
text
argument
which
can
be
used
to
provide
some
custom
information
to
your
connector
infrastructure?
B
As
you
will
see
pretty
soon
in
the
demo,
you
have
to
provide
the
application
ID,
which
is
a
global,
unique
identifier
which
uniquely
identifies
your
connector
as
well
as
a
callback
URL,
which
is
a
URL
you
have
to
implement
in
your
own
solution
and
which
will
be
cold
by
the
registration.
You
I,
whenever
a
user
will
connect
your
connector
with
a
group.
B
The
browser
of
the
end
user
will
be
redirected
to
the
callback
URL,
which
will
be
a
page
you
have
to
create
from
scratch
and
which
will
get
through
still
to
the
URL
through
the
query
string
four
parameters
for
arguments,
but
first
one
is
the
state
which
is
the
one
you
can
provide
in
the
previous
screen.
Just
to
give
some
custom
information
to
your
connector.
There
is
the
group
name,
which
is
the
group
to
which
the
connector
is
going
to
be
connected.
There
is
the
web
hook,
URL,
which
would
be
the
URL.
B
So,
instead
of
clicking
the
connect
button,
we
say
no
I
don't
want
to
connect
your
connector
roommate
group,
and
so
you
will
get
back
and
access
denied
in
your
callback,
URL
page
or
on
your
side.
In
case
of
any
other
kind
of
issue,
you
will
get
an
invalid
request.
That's
all
so
far,
so
again
really
really
easy
and
simple,
but
really
fully
functional
for
the
purpose.
B
B
So
those
are
the
responses
that
you
should
be
able
to
handle
in
your
custom
implementation
of
the
client,
the
HTTP
client
that
will
send
the
car
against
the
intergroup
a
truly
webbook.
So
again,
that's
it.
I
think
that
if
we
see
how
to
do
that,
it
will
be
much
more
clear
than
talking
for
a
while
about
it.
So
no
more
wharf
and
much
more
practical
stuff.
Let
go
back
to
visual
studio
into
the
demo
environment
and
let's
see
how
to
create
a
real
connector
using.net.
That.
B
B
Of
course,
now
just
let
me
start
the
the
sample
application
to
show
you
how
it
works,
and
then
I
will
explain
you
some
inner
details
so
through
the
home
page
of
this
world
web
application,
which
is
a
classic
asp.net
MVC
application,
I,
don't
have
any
kind
custom
branding
to
make
it
behave
like
office
dc5.
It
is
just
a
classic
MVC
internet
application,
however
register
connector
section
if
I
click
on
this
button.
B
This
link,
under
the
cover
of
the
button,
will
bring
you
to
the
connectors
developer
dashboard,
which
is
the
UI
the
tool
that
you
can
use
to
register
your
own
connectors,
10
and
wide.
Here
you
can
click
on
the
new
connector
button
and
you
can
provide
and
you
have
to
provide,
because
it
is
mandatory-
the
connect,
your
name,
the
logo,
which
will
use
the
which
will
be
used
to
identify
the
connector
from
a
UI
perspective
description,
a
detailed
description
as
well
as
a
company
website
which
is
still
mandatory.
B
Think
about
that,
then
you
can
provide
just
as
a
description.
The
list
of
events
that
you
will
provide
to
any
target
group
that
will
be
connected
with
your
connector
and
those
two
links
are
are
the
most
useful.
The
first
one
is
the
landing
page
for
your
users,
and
it
is
the
link
which
will
have
the
connect
button
to
create
the
connection
between
your
connector
and
any
target
group
could
be
in
our
case
at
the
home
page
of
our
site,
just
to
make
an
example
and
the
redirect
URL,
which
is
really
really
fundamental.
B
B
They
will
select
the
group
to
connect
to,
they
will
click
the
connect
button
and
they
will
be
redirected
to
this
page,
and
this
page
will
getting
the
first
thing
all
of
the
argument
that
will
be
used
to
get
the
web
app
URL,
the
group
name
and
all
the
other
stuff
we
saw
in
the
slide
deck.
So
once
you
start
that
the
terms
and
you
click
the
Save
button,
you
will
get
back
in
this
area,
the
HTML
code
that
you
can
use
to
reproduce
the
orange
button
in
your
UI.
B
Let
me
go
back
and
let
me
show
you
the
already
registered
the
connector
that
we
have,
as
you
can
see
here,
I
have,
for
example,
this
URL
for
the
redirect
URL
can
I
have
the
HTML
for
the
orange
button.
Well,
you
can
copy
this
guy,
and
once
you
are
done
with
the
development
and
with
the
testing,
you
can
also
publish
your
connector
on
public
store,
as
I
told
you
now,
I
already
have
these
connect
or
registered.
So
I
can
simply
do
that.
B
I
can
connect
my
connector
with
any
of
the
groups
I
have
in
my
tenant.
As
you
can
see,
this
is
the
orange
button
that
you
get,
and
this
is
exactly
the
HTML
just
this
area,
the
orange
button
that
you
can
copy
from
the
registration
page
we
just
so.
If
I
click
on
this
button,
my
browser
will
be
brought
to
a
page
which
is
provided
by
office
365
as
you
can
see
and
which
will
get
in
the
UI
in
the
forest
ring.
B
Sorry,
this
state,
which
is
a
custom
input
that
I
have
and
I,
can
have
its
optional,
which
will
be
provided
to
my
callback
URL
in
order
to
provide
customer
inputs
to
the
connection
page
I
have
the
ID
of
my
connector
and
I
have
the
callback
URL,
which
is
the
one
we
have
defined
in
the
connector
registration.
Now
I
will
select
the
connector
webcast
group,
which
is
the
one
we
created
before,
and
I
will
allow
the
connection
between
my
connector
and
that
target
group.
B
By
clicking
the
allow
button
you
will
see,
my
browser
will
be
redirected
to
the
callback
URL
we
registered
getting
in
the
query
string
the
state
argument,
as
well
as
the
web
book
URL
and
the
group
name
somewhere
here
here.
It
is
so
under
the
cover.
I
have
an
ESP
dot
net
MVC
implementation,
which
will
get
these
very
string
parameters
and
we'll
use
these
parameters
to
configure
to
save
on
a
persistent
storage.
These
settings
of
the
connection
that
now
we
have
in
place
so
now
I
can
send
a
card
using
this
connector.
B
A
A
Signed
in
here
so-
and
that's
a
really
really
really
important
thing
to
realize,
because
that
means
that
you
might
have
whatever
daily
testing
unit,
testing
or
daily
results
or
whatever
are
coming
from
SI
p,
and
you
would
be
able
to
get
those
flooded
in
the
in
the
group
as
well.
So
it
really
doesn't
matter.
What
are
we
actually
sending
as
long
as
the
connection
is
established
exactly.
B
For
example,
in
a
project
I
made
it
just
a
few
months
ago.
We
use
this
technique
to
send
messages
from
a
workflow
running
on
the
SharePoint
side
of
the
story
to
a
group
which
is
used
as
the
UI
to
see
the
flow
process,
and
we
use
the
connector
one
connector
to
send
cars
to
the
group
just
to
show
the
evolution
of
the
work
flow
through
the
UI
and
through
the
conversation
wall
of
the
group.
This
is
just
an
example
of
many
possible
examples,
except
an
edge.
B
So,
as
you
can
see
here
now
we
have
the
new
activity
button.
We
can
click
it
and
we
can
see
that
we
have
a
new
message
well
with
two
messages:
one
that
informs
us
that
there
is
a
new
connection,
the
one
we
made
before
and
won
more,
which
is
the
car
that
the
application
sent
to
my
target
group
so
again
from
a
user
perspective,
pretty
easy
from
a
development
perspective.
Let
me
show
you
how
the
application
is
built
so.
A
Before
before
we
get
the
actual
just
to
pay
a
quick
point
in
this
case,
obviously
the
card
itself
is
a
super
super
simple
it
it's
just
as
a
subject
and
I
a
description.
But
if
you
turn
to
HTML
links,
it
could
have
images
and
all
of
that
in
the
cart
as
well.
So
you
you
have
to
full
flexibility
on
the
on
the
message
section:
isn't
that
right
power,
yeah.
B
It
is
totally
true-
and
one
nice
and
interesting
thing
to
know
is
that
whenever
you
want
to
create
HTML
like
elements
in
the
car,
you
will
have
to
use
the
markdown
syntax
instead
of
the
HTML
one.
So
if
you
want
to
put
a
link,
you
will
use
the
syntax
with
the
square
brackets
and
all
the
stuff
you
use
when
you
create
an
MD
document,
for
example
on
github,
which
is
really
interesting,
because
you,
you
can
reuse
your
knowledge
if
you
are
used
to
play
with
the
github
and
with
md
documents.
Also
when
creating
cards
which.
B
Of
course,
I
need
to
handle
that
error
and
I
will
create
a
new
response
which
will
be
provided
by
a
custom
view
which
is
connection
error
and
which
will
provide
custom
information
about
the
pair
or
just
happened
on
the
other
side.
If
everything
is
okay,
the
error
will
be
empty,
so
we
can
go
forward
and
we
can
create
the
real
connection.
B
And
here,
just
for
the
sake
of
simplicity
in
this
demo,
I
decided
to
not
use
any
database
is
any
real
enterprise-level
repository
I
just
use
a
JSON
file
which
is
stored
locally
in
my
app
data
folder.
Just
for
the
sake
of
simplicity
and
here,
I
store.
All
of
the
information
about
the
group,
his
state
of
the
group
and
the
web
hook
URL
of
the
web
book
that
I
can
use
to
send
messages
to
my
target
group.
B
So
just
to
keep
it
simple,
of
course,
if
you
want
to
reuse
these
as
a
starting
point,
most
likely,
you
will
have
to
do
some
refactoring
and
you
have
to
create
a
database
may
be
using
entity
framework
or
whatever,
but
this
is
just
to
keep
it
simple
and
easy
to
be
used
and
to
be
inspected
by
you.
If
you
are
interested.
B
So
whenever
we
send
a
card
which
is
the
other
interesting
part
of
the
story,
we
simply
get
the
available
connections
and
we
prepare
a
start-up
preview
to
go
carved
in
the
text
area
and
once
the
end
user
will
click
the
send
button.
We
will
have
an
HTTP
POST
against
these
new
actions
and
color,
which
will
simply
make
an
HTTP
POST
request
against
the
web
book
URL,
providing
the
content
of
the
car
and
specifying
the
application
Jason
content
type,
nothing
more
than
that
under
the
cover.
B
This
HTTP
helper
is
a
class
helper
class
of
my
own,
which
we
use
also
in
the
graph
SDK
samples
and
under
the
cover
of
this
method,
we
simply
create
an
HTTP
client
object.
We
set
the
content,
which
will
be
the
string
or
digital
content
of
the
card,
and
just
here
we
prepared
the
request
message
and
we
send
it
synchronously
waiting
for
the
result,
so
I
would
say
really.
A
B
B
So
if
you
want
to
play
with
your
own
connector,
you
should
do
the
registration
and
then
come
here
and
update
this
HTML
to
do
the
registration
because,
as
you
can
see
here,
I
have
my
custom
state
and
I
have
the
ID
of
my
connector,
which
should
be
changed
based
on
the
connector
that
you
want
to
connect.
Of
course,
so
it's
laid
I
think
we
can
go
back
to
the
deck
to
the
slide
deck,
mainly
just
to
say
that
we
want
to
thank
you
for
attending
this
webcast.
A
I
think
the
really
really
should
create
web
cast
around
showing
the
capabilities
and
and
showing
the
simplicity
of
the
whole
thing
so
I
think
there's
still
a
lot
of
kind
of
uncertainly
for
people
and
well
people
don't
know
how
these
connectors
actually
work
and
what
are
the
scenarios
for
the
connectors
but
but
I
think
there's
a
lot
of
interesting
scenarios
related
on
notifications
from
different
systems.
They
could
be
lob
systems.
A
You
could
who
blook
hooking
your
sure
hosted
web
application
using
service
us
towards
the
on-premises
and
then
have
a
high
preet
connectivity
to
on-premises
systems
and
whatever
they
said
this,
but
a
lot
of
a
lot
of
different
opportunities
around
these
connectors.
We
should
actually
probably
implement
an
example
scenario
around
high
preet,
connector,
sweet.
A
Watch
on
premium,
but
let's
do
that.
That's
the
following
steps
over
this
initial
sample
is
already
a
crate,
and
then
we
can
further
evolve
that
story
later
on,
but
I
think
that's
it.
So
thank
you.
Everybody
for
joining
and
watching
the
video
and
we'll
make
sure
that
we
have
the
right
links
the
additional
resources
in
the
video
notes
and
in
the
blog
post
related
on
the
webcast.
But
thank
you,
paula
and
thank.