►
From YouTube: Get started building Microsoft Teams apps
Description
#Microsoft365 #MicrosoftTeams #AppDevelopment
In this video, Microsoft Cloud Advocates Bob German and Rabia Williams deep dive into the basic concepts of Microsoft Teams app development. They cover how to get started building apps for Teams in this in-depth tutorial.
Want this video in blog form? Check it out https://devblogs.microsoft.com/microsoft365dev/microsoft-teams-development-all-you-need-to-know/
🔗 LINKS 🔗
⭐️ Teams development documentation https://aka.ms/TeamsDevDoc
⭐️ TeamsFX SDK https://aka.ms/teams-fx
⭐️ Bot framework https://dev.botframework.com/
⭐️ Adaptive cards playground/samples https://adaptivecards.io
⭐️ LUIS https://aka.ms/LUIS-Overview
⭐️ QnA maker https://www.qnamaker.ai
⭐️ Bot composer https://aka.ms/BotFwkComposer
⭐️ Microsoft Graph https://aka.ms/graph-docs
⭐️ Microsoft Graph SDK https://aka.ms/Graph-SDK
⭐️ Microsoft Graph Toolkit https://aka.ms/learn-graph-toolkit
⭐️ Azure Active Directory https://aka.ms/AzureAD
⭐️ Meeting apps https://aka.ms/TeamsMeetingApps
⭐️ Adaptive cards https://aka.ms/ACS
⭐️ Join the M365 developer program https://aka.ms/m365cd-join-pgm
⭐️ Bot builder generator https://aka.ms/bot-builder-generator
⭐️ Teams samples gallery https://aka.ms/teams-samples
⭐️ Teams templates https://aka.ms/team-templates
0:00 Introduction
1:00 What is Microsoft Teams?
16:58 More Teams app capabilities
22:03 Microsoft Teams architecture
29:20 Microsoft Teams manifest
39:20 SDKs and APIs used in Teams applications
41:12 Adaptive cards
44:06 Packaging and installing Teams apps
53:03 Dev tools and app generators
55:46 3 quick app demos
1:01:31 Wrap up
A
B
A
B
B
Yeah,
I
thought
I
would
show
a
quick
demo
that
even
maybe
some
people
haven't
even
seen
microsoft
teams.
So
it's
I
thought
I
would
start
with
a
quick
demo
that
shows
even
teams
out
of
the
box
very
briefly
and
then
all
the
different
places
where
an
application
could
run
and
how
that
could
help
users
in
their
daily
life.
B
So
our
story
opens
where
I've
gotten
an
email
from
tony
smith.
Who
is
one
of
our
sales
representatives?
He
has
some
really
good
news
that
we
just
won
a
big
deal.
We
won
the
contoso
deal
which
is
great,
except
for
he
just
sticks
it
in
at
the
end
that
oh,
we
agreed
we'd
start
on
monday.
What
like
we
don't
even
have
like
the
lead.
You
know
for
this
project
hired
yet
so
that
puts
me
in
a
bit
of
a
predicament
also.
A
B
A
B
Just
some
other
things
there's
my
activity
feed.
This
is
where
I
go
in
the
morning
just
to
see
what
is
waiting
for
my
attention,
so
anything
that
requires
attention
kind
of
those
alerts
all
build
up
here.
I've
got
a
chat
place
where
I
can
have
chats
with
people
or
bots
throughout
my
organization
just
informally,
and
then
there
are
teams
which
are
more
organized
they're
topic
based
they
have
membership
and
and
then
there
are
channels
underneath
of
there.
You
can
see
here.
B
The
recruiting
channel
has
a
confidential
channel
and
two
public
channels
where
we
can
work
on
our
recruiting
efforts
together,
there's
also
a
calendar
here.
This
is
the
same
calendar
that
I
use
in
outlook
inside
of
microsoft
365,
but
I
can
just
easily
find
it
here
just
so.
I
don't
have
to
switch
applications
so
much.
I
can
make
phone
calls
depending
on
the
plan.
They
could
be
regular
phone
calls
or
just
through
teams,
and
then
I
can
get
to
recent
files.
B
Here's
another
app.
This
is
a
first
party
app
that
comes
with
the
product
for
shift
management.
So
if
a
team
of
people
are
actually
working
in,
say
a
retail
environment
or
manufacturing
environment,
they
can
actually
swap
off,
shifts
and
see
what
the
schedule
is
right
here,
nice
and
then
applications.
So
these
are
just
all
some
of
the
applications
that
are
available
inside
of
the
app
catalog
and
we're
going
to
get
into
that
quite
a
bit
later
in
the
video.
B
So
I'm
going
to
go
to
the
recruiting
channel
in
the
bad
old
days,
I
would
have
sent
an
email
off
to
some
unnamed,
alias
and
just
prayed
that
I
got
a
response
now.
I
can
actually
come
in
here
and
collaborate
directly
with
the
everyone
who's
involved
with
recruiting,
and
you
can
see
here.
Madeline
is
saying
something
in
french,
but
fortunately
there's
a
translation
built
in
which
is
kind
of
nice.
So
I'm
just
going
to
come
in
here
and
and
ask
kind
of
desperately
for
help.
B
B
That
will
work,
and
now
I
noticed
that
katie,
who
is
the
lead
recruiter?
She
just
responded,
spoke
to
a
great
candidate
today,
that's
great,
but
she
wants
a
job
description.
Of
course
it
makes
sense.
So
let
me
let
me
go
for
that
so
right
here
inside
of
the
recruiting
channel,
we
have
our
documents
and
one
of
the
things
is
our
job
descriptions.
B
B
And
I'm
using
actually
a
first
party
application
is
microsoft
word
and
I'm
using
that
right
inside
of
teams.
So
now
I
can
come
in
here
and
edit
the
I
take
away
the
job
code,
that's
for
hr
to
insert-
and
I'm
just
going
to
add
this
one
experience
that
I
want,
which
is
somebody
who
has
some
iot
experience,
and
now
I'm
going
to
open
up
the
conversation
panel
and
share
this
with
the
rest
of
the
team.
So
in
other
words
yeah
I
could
be
using
the
application
and
having
a
chat.
At
the
same
time,.
A
B
I'm
just
going
to
bring
katie
in
and
see
if
she'll
look
at
it,
and
hopefully
she
will
in
fact
it
she
is,
and
I
can
see
that
here
she
is
literally
co-authoring
the
the
document
so
we're
editing
the
doc
at
the
same
time
as
we're
chatting
about
the
doc
and
she's
going
to
go
ahead
and
fill
in
that
job
code,
which
is
great,
so
I
think
we're
we're
kind
of
like
on
the
right
track
here
and
again.
This
could
be
your
app
right.
B
A
B
B
Yes,
tony,
I
know
right
like
well,
you
know
he's
he
closed
the
big
deal,
I'm
not
going
to
complain,
but
do
they
have
a
cv?
He
already
wants
the
cv,
so
you
know
what
I'm
going
to
do.
I'm
going
to
add
katie
to
this
conversation
now
watch
carefully.
What
happens
right
now?
It's
me
and
tony
in
a
one-on-one
chat
and
you
can
see
over
on
the
left.
It
just
says
tony
smith,
okay,.
A
B
Katie
we're
going
to
end
up
with
a
new
chat
with
the
three
of
us
inside
of
here
and
now
next
time
tony
has
a
question:
katie
will
see
it
directly
right
and
we
can
all
work
in
here
on
this
particular
little
recruiting
effort
and
oh
great,
so
katie
has
a
cv
here
for
this
candidate
and
again
we
can
come
in
here
and
now
we're
actually
we're
it's
similar
to
before,
because
we're
editing
the
document
together.
It's
a
it's
a
first
party
app
running
with
a
chat
alongside,
except
for
this
time.
B
A
B
So
so
that's
just
kind
of
out
of
the
box.
What
happens
if
we
start
adding
an
application
in
here
as
well,
so
I'm
going
to
show
an
application
and
we're
going
to
introduce
a
few
of
the
major
capabilities
tabs,
bots
and
adaptive
carts.
Now,
I'm
logged
in
as
katie
and
I'm
back
in
that
team's
channel
or
that
team
for
recruiting,
and
you
can
see
here
that
I
have
a
hiring
board
tab.
B
So
this
is
great
because
I
can
see
all
the
job
openings
and
the
candidates
who
are
in
the
pipeline
without
leaving
the
team.
So
let
me
come
here,
I'm
going
to
actually
add
a
new
tab,
and
this
is
kind
of
interesting.
This
is
called
a
configuration
page.
So
when
you
add
a
tab
in
a
teams
channel,
you
get
this
configuration
experience
now.
I
know
robbie's
going
to
again
explain
this
a
little
bit
more
later,
but
a
little
foreshadowing.
B
B
These
configuration
pages
work
for
tabs
and
also
for
connectors
and
messaging
extensions
and
again
we'll
get
into
all
that
terminology
later,
but
just
letting
you
know
this
is
kind
of
a
common
pattern
and
what
we've
done
here,
the
app
developer,
stripped
away
their
navigation,
because
you
don't
really
want
to
navigate
every
time
you
go
into
the
tab.
Right
I
mean
part
of
the
pain
of
switching
apps
is
not
just
switching,
but
it's
having
to
go.
Look
up
certain
information
inside
of
the
app
when
you
go
to
use
it.
B
So
we're
going
to
just
highlight
this
specific,
urgent
hire
right
here
and
then
we're
going
to
go
into
that
and
you
can
see
it
so
now.
Other
people
can
just
click
on
this
tab
to
see
what's
the
urgent
kind
of
higher
of
the
day,
and
you
can
see
that
it
also
put
a
notification
into
the
channel
so
that
you
know
people
can
kind
of
be
drawn
in
here.
So
that's
that's.
What
tabs
are
the
other
big
thing
that
is
common
in
teams?
B
So
I
can
click
into
one
of
these
and
what
you're
seeing
is
something
richer
than
a
typical
text
message
that
might
come
from
a
bot.
Specifically,
it's
called
an
adaptive
card
and
that's
something
that
we'll
also
cover
a
little
bit
later.
In
this
video
we
can
interact
with
those
adaptive
cards.
We
can
display
richer
information
using
the
adaptive
cards
and
now,
let's
add
another
concept
on
here,
remembering
that
tabs
could
be
any
web
page
bots
could
be
any
azure
bot
and
adaptive
cards
are
just
simple,
json
structures.
B
So
now,
let's
add
something
called
a
task:
module
a
lot
of
new
developers.
A
lot
of
new
teams
developers
miss
this
and
don't
realize
there's
something
normally
would
be
called
a
dialog
box,
but
it's
called
a
task
module
in
teams
for
historical
reasons,
and
that
also
could
be
any
web
page
or
adaptive
card.
So
let's
see
how
that
can
be
used
to
interact
with
one
user
at
a
time
while
we're
in
the
middle
of
the
group
chat
or
the
the
team
environment.
B
So
katie's
going
to
say
all
right.
I
want
to
create
a
new
position,
so
she's
got
another
job
opening
she
needs
to
fill,
and
you
can
see
that
now
this
pops
up
and
and
sort
of
allows
her
to
interact
directly
without
everybody
else
inside
of
that
team
having
to
see
what
she's
doing
until
she's
done
right.
B
B
B
B
So,
instead
of
sending
an
email,
she's
going
to
post
a
feedback
request
right
here
and
what
you're
seeing
here
is
while
she's
in
the
compose
box,
where
she,
where
you
would
normally
write
a
a
message,
she's,
actually
able
to
go
and
insert
business
data
into
there,
because
the
hr
app
has
a
connection
into
a
messaging
extension.
So
now,
here's
the
candidate
can
click
that
and
we're
going
to
get
this
nice
adaptive
card
with
all
the
information
about
donna
and
request
to
go
ahead
and
fill
in
that
feedback
now
watch
what
happens
I'm.
Actually.
B
B
I
have
everything
that
I
would
have
had
on
my
desktop,
and
here
is
that
adaptive
card
now
in
the
old
days
I
might
have
had
to
drive
back
to
the
office
to
get
on
the
corporate
network
to
go
to
some
line
of
business
system
to
submit
my
feedback,
or
maybe
I
have
to
go,
get
my
computer
and
connect
to
a
vpn
so
that
I
can
get
in
and
update
the
feedback.
Oh
and
when
I
went
in
by
the
way
to
that
hr,
app
I'd
have
to
find
the
candidate
again.
B
I'd
have
to
figure
out
which
candidate
it
was
now.
I
don't
have
to
do
any
of
that.
I'm
on
my
phone.
All
I
have
to
do
is
I
could
schedule
another
interview
or
just
click
leave
a
comment,
and
I'm
just
going
to
use
the
voice
feature
on
my
phone
to
do
this
and
leave
my
little
comment.
I
don't
have
to
look
up
the
candidate
switch,
apps
or
anything
and
I'll
go
ahead
and
submit
that
and
that's
it
I'm
done
I
I
don't
have
to
think
about
it.
B
I
can
just
get
the
task
done
right
away
and
here's
the
feedback
by
the
way.
This
is
what
an
adaptive
card
looks
like
on
your
phone.
So
works
the
same
on
a
phone
as
it
does
in
on
the
desktop
application.
While
I'm
here,
I'm
actually
going
to
go
and
build
the
hours
for
the
consulting
meeting.
I
just
had
again
I'll
use
the
voice
feature
on
the
phone
and
again,
instead
of
having
to
go
into
the
app
and
some
other
app
and
find
the
client
enter
the
data.
B
A
B
Usually
yes,
but
you
can
also
have
an
adaptive
card
which
I
know
you're
going
to
discuss
those
a
little
bit
later.
You
could
put
that
inside
of
your
your
pop-up,
your
dialogue,
but
I
think
the
most
powerful
method
is
to
just
use
an
iframe
and
yeah,
if
you're,
basically
anywhere
in
teams
that
you're
providing
a
visual
user
interface
outside
of
the
conversation,
that's
going
to
be
an
iframe
and
the
same
sdks
and
programming
techniques
will
work
in
an
adaptive
card
in
a
tab
or
in
one
of
those
configuration
pages.
A
Cool
so
now
we're
gonna
talk
about
messaging
extensions,
and
you
know
a
bit
more
about
machine
extensions.
There
are
two
types
of
messaging
extensions:
one
is
the
search
base.
One
and
the
other
is
an
action
based
one,
so
search
space
is
probably
the
most
widely
used.
I
would
say,
because
it's
so
so
useful
if
you've
got
external
data,
that
you
want
to
plug
right
into
teams
application.
You
can
do
that.
You
can
perform
a
search,
get
that
information.
A
A
A
Exactly
and
if
you
look
closely
in
that
you
you
all
also
can
see
multiple
tabs,
I
think
you
had
the
search
for
candidates
and
also
for
positions
and
they're
like
tabs.
So
you
can
have
multiple
tabs
of
you
know
different
search
categories,
cetera
it's
pretty
useful
stuff
and
action-based.
One
is
if
you
want
to
do
something
with
that
with
a
message.
If
you
want
to
invoke
a
like
a
task
module
and
then
put
that
information
in
a
chat,
you
know
to
put
more
eyes
into
your
message,
etc.
A
You
can
see
those
tiny
icons,
especially
you
know
like
if
you
want
to
format
the
message
or
if
you
want
to
put
a
nice
gif,
you
would
go
into
that
compose
area
where
you
can
see
icons,
that's
where
you
actually
invoke
your
messaging
extensions
as
well.
So
if
you
see
the
three
dots
there,
you
could
just
open
up
and
find
your
app,
which
will
be
a
messaging
extension.
A
There
is
also
on
your
message:
if
you
click
on
the
ellipsis,
that
is
number
two
here,
you
can
see
there
is
more
action,
so
this
is
another
area
where
you
can
invoke
your
messaging
extension,
maybe
to
share
this
message
into
teams,
etc
and
right
on
top
number
three
is
where
you
could
quickly
go
and
find
your
messaging
extension.
If
you're
used
other
chat
apps,
you
would
be
familiar
with
this.
You
know
slash
to
do
or
that
something
like
that.
A
You
could
go
ahead
and
invoke
your
messaging
extension
from
the
bar
up
there.
So
that's
few
things
we
wanted
to
discuss
with
you
know
with
messaging
extension,
and
another
thing
that
we
didn't
discuss
here
is
the
meeting
apps
you
could
have
applications
show
up.
For
example,
stabs
show
up
in
a
meeting.
A
You
could
have
people
collaborate
in
a
meeting
as
well,
so
there
are
three
areas
where
you
would
put
your
applications,
while
maybe
before
a
meeting
you
know,
you're
preparing
for
a
meeting
you've
have
all
the
attendees
information
everything
is
set
up.
You
could
have
like
a
tab
where
you
could
show
some
information.
A
That's
one
area
where
you
could
utilize
to
put
your
application
in
when
you're
in
the
meeting.
So
if,
if
you're
in
a
meeting
with
your
teammates-
and
you
want
to
collaborate-
maybe
it's
a
sprint
planning
session
or
it's
some
sort
of
a
project
status
meeting
you
could
bring
up
your
app,
you
could
bring
up
devops
or
any
board
or
anything.
You
could
work
collaboratively
with
your
team.
That's
another
area
where
you
can
focus.
So
let
me
just
share
my
screen.
A
So
if
you
can
see
here,
they're
actually
called
side
panels
where
you
can
show
your
app
in
a
side
panel.
You
could
also
show
in
a
stage
where
you
can
collaborate
with
your
teammates,
and
you
could
also
bring
up
your
site
panel
and
then
you
could
also
have
your
results.
You
know
whatever,
and
maybe
it's
a
voting.
You
know
that
you
did
during
the
meeting
you
could
have
those
results
displayed
after
the
meeting
as
well.
B
A
B
Let's
start
by
just
looking
at
the
teams
architecture
itself,
and
I
think
that
will
probably
help
and
then
maybe
we
can
dig
into
the
the
app
aspect
of
it.
So
as
you'll
see
here's
the
microsoft
teams,
architecture
and
along
the
top,
we
have
the
client
which
I'll
talk
about
more
in
just
a
second
and
in
the
bottom,
you'll
see
that
the
services
include
not
only
team,
specific
services
and
some
services
for
communication
that
are
actually
originated
with
skype
for
business.
B
But
there
are
other
services
here,
like
sharepoint
onedrive,
we
saw
word
onenote
exchange
for
emails
right,
so
your
files
live
in
sharepoint
on
onedrive.
All
of
these
are
more
mature
services
that
are
part
of
microsoft.
365.
They
support
a
number
of
compliance
and
security
features
that
our
customers
need
so
by
building
teams.
On
top
of
those,
we
actually
are
able
to
provide
the
security
and
compliance
features
without
having
to
reinvent
all
of
that.
B
Now
the
and
your
app
is
going
to
live
there
with
all
those
services
right
where
it
says
your
service
is
here
and
and
robbie
is
going
to
get
into
that
in
just
a
minute
just
to
talk
quickly
about
the
team's
client
architecture.
Currently,
the
desktop
application
in
windows,
mac
and
linux.
I
should
add
linux
to
the
slide.
B
It's
an
electron
app,
which
means
that
there's
common
code
between
that
and
the
web
browser
based
teams,
and
then
there
are
native
applications
for
apple
and
android.
So
just
so
that
you
know,
you
probably
want
to
think
about
testing
in
these
three
in
the
three
major
clients
somewhere
in
the
desktop
and
then
something
on
an
iphone
or
an
ipad,
and
then
something
on
android
just
to
make
sure
that
you're
kind
of
testing
everything.
Otherwise
there
aren't
huge
differences
between
mobile
and
desktop,
obviously
any
tabs
or
any
user
interface
that
you
build.
B
B
The
idea
here
is
that
if
a
group
of
people
are
working
together,
they're
going
to
need
access
to
a
set
of
files
to
a
calendar
to
some
streaming
videos
to
some
notes
and
all
these
different
icons
are
just
the
different
applications
rather
than
having
to
one
by
one
give
permission
with
a
microsoft
365
group
you
can
actually
give
permission
to
all
of
those
underlying
assets
in
one
membership
service.
So
if
rabia
joins
the
team,
we
add
her
to
the
microsoft
365
group.
B
She
gets
access
to
the
sharepoint
files,
the
calendar
and
outlook,
the
videos
in
stream,
the
reports
in
power,
bi,
etc,
etc,
etc,
and
then,
if
she
leaves
the
group,
I
don't
need
to
remember
to
clean
all
those
things
up.
I
just
remove
her
from
the
microsoft
365
group,
and
I'm
done
so.
Teams
is
built
on
this.
In
fact,
every
team
has
a
microsoft
365
group
underneath
of
it,
and
so,
when
you
add
a
member
to
a
team,
you're,
actually
adding
them
to
a
microsoft,
365
group.
B
So
the
advantage
of
this
is
that
if
you
are
building
an
app
that's
going
to
run
in
a
team
rather
than
in
a
one-on-one
or
group
chat,
you
can
rely
on
the
fact
that
there's
a
sharepoint
site
there,
where
you
could
put
files
and
that
the
users
of
that
team
have
permission
to
that
sharepoint
site.
The
same
thing
would
be
true
for
an
outlook
calendar
or
any
of
these
other
workloads.
B
A
B
Absolutely
well,
the
answer
is
actually
on
this
slide,
which
I
I
grabbed
from
my
friend
rob
gates.
It's
kind
of
he
had
to
pull
this
together
from
a
lot
of
different
sources,
short
term
the
data
lands
in
places
like
cosmos,
db
for
messages
and
other
locations
in
azure
in
the
long
term.
All
that
data
is
ultimately
pushed
either
into
exchange
or
sharepoint
or
onedrive,
and
sharepoint
and
onedrive
are
kind
of
the
same
product
with
different
front
ends.
So
the
reason
for
that
is
for
compliance
reasons.
B
If
you
wanted
to
do
retention
schedules,
if
you
wanted
to
do
e-discovery
things
like
that,
those
are
supported
there.
The
thing
is,
even
though
we're
showing
this
to
you.
You
shouldn't
really
know
this.
You
should
really
use
the
microsoft
graph,
because
this
is
kind
of
internals
of
microsoft
teams
and
it
might
change
over
time.
So
really
the
best
bet
is
to
use
the
microsoft
graph
now.
One
thing
that
you
probably
do
need
to
understand,
though,
is
about
files
in
particular
files.
B
This
probably
won't
change
over
time
and
you
can
still
use
the
microsoft
graph
api
to
get
to
this,
but
it
is
useful
to
understand
where
files
are
stored.
If
you're
inside
of
a
microsoft
teams
team,
then
your
files
are
going
to
land
in
the
sharepoint
site.
That
is
underlying
that
team.
So
you
remember,
there's
always
a
microsoft
365
group
for
each
team,
there's
always
a
sharepoint
site
for
each
m365
group
and
your
files
are
going
to
be
organized
by
channel
into
folders
within
the
document
library
of
that
site.
A
B
It's
somewhere
else:
it's
wherever
your
app
wants
to
put
it
right,
your
app
might
use
some
database,
it
might
use
some
back-end
system
and
it's
really
up
to
you
as
a
developer,
to
decide
where
you
want
to
store
that
data
and
a
lot
of
the
apps
that
have
come
from
our
isv
partners.
They
already
had
put
the
data
somewhere
and
who
knows
it
might
be
in
amazon.
It
might
be
an
azure,
it
might
be
on
premises,
and
it's
really
not
our
business.
It's
their
business
right,
because
they're.
A
B
A
A
Yep,
absolutely
so
a
bit
of
a
overview
of
what
we
just
talked
about.
You
can
have
tabs
their
iframes
hosted
anywhere.
Okay,
they
should
be
up
in
the
cloud
somewhere
that
is
easily
browseable
from
the
internet,
so
we
have
got
bots.
You
know,
web
services
that
uses
azure
about
framework
messaging
extension
their
web
services.
Again,
they
use
bot
framework
again
to
communicate
with
your
web
service
and
microsoft
teams
connectors.
You
know,
notifying
channels.
You
know.
If
you
already
have
web
hooks
that
you've
developed,
you
could
easily
make
a
connector
out
of
it.
A
Adaptive
cards
like
bob
mentioned
earlier.
You
know
they
are
just
interactive
cards
or
rich.
You
know,
ui
that
you
can
put
into
teams
application.
It's
just
a
simple
json
file,
an
activity
feed.
I
think
this
one
also
we
showed
earlier
bob
showed
in
the
in
the
demo.
You
know
where
you
could
see
all
your
notifications
that
you
need
to
get
on
top,
so
you
could
also
program
and
develop
stuff
that
could
invoke
a
notification
there
in
the
activity
feed.
These
are
the
things
that
you
can
develop
right
now
and
mind
you.
A
These
things
are
all
hosted
somewhere
else.
It
does
not
live
in
microsoft
teams.
It
is
surfaced
in
microsoft
teams
using
something
called
a
app
package,
and
this
app
package
basically
consists
of
three
files:
two
icons
with
basically
just
helping,
you
know
identifying
the
application
and
one
manifest
file
which
is
again
a
json
file.
It's
like
a
file
that
holds
everything
together.
A
So
if
you've
got
a
tab,
it
will
tell
microsoft
teams
that
hey
this
application
actually
points
to
this
url
that
is
probably
online
somewhere
or
if
it's
a
bot,
it
would
say,
hey
use
this
bot
id
and
you
know,
invoke
and
connect
with
this
web
service.
Things
like
that.
So
this
is
basically
what
happens
so
you
when
you
say
developing
teams,
applications
not
like
you
develop
something
where
it
lives.
Inside
teams,
it's
like
you
develop
an
application
that
is
already
out
there
somewhere
online
and
you're.
Just
going
to
surface
that
into
microsoft,
teams.
A
That's
right,
and
you
know
what
it
it's
always
good
to
show
something
than
just
talk
about
it.
So
I'm
just
gonna
open
up
the
manifest
file
of
the
hr,
app
that
we
saw
because
it's
perfect
right.
So
we
because
we
already
saw
the
capabilities
that
app
can
provide.
I
can
just
go
in
and
deep
dive
and
show
in
dissect
and
show
you
you
know
where
each
of
those
capabilities
live.
So
this
is
basically
I'm
just
gonna
make
it
a
bit
bigger,
but
this
is
basically
the
manifest
file.
A
Like
I
said
it's
a
json
file,
it
will
it
it
actually
consists
of
in
the
beginning
it
will
consist
of
the
name
of
the
app
you
know:
the
developer
name,
the
privacy,
url
terms,
url,
etc,
basically,
names
and
descriptions
and
stuff
like
that.
Then
you
see
something
called
configurable
tabs.
Now
these
are
tabs.
You
know,
so
it's
it's
configurable
in
the
sense
that
it
it
is.
It
has
settings
you
know,
so
you
can
put
settings
in
and
configure
that
tab
to
act
a
certain
way.
Maybe
it's
just
a
title
name
or
maybe
it's.
A
You
know
some
some
sort
of
a
query
string
that
you
want
to
pass
so
this
configurable
tab.
If
you
can
see
here
it
points
to
a
url
that
is,
you
know
somewhere
hosted
in
azure
websites.
You
know
like
it
is
probably
a
static
web
app
or
something-
and
this
is
where
you
tell
microsoft-
teams
that
okay,
this
app
actually
points
to
this
tab,
and
you
can
see
here
scopes
which
we
will
again
come
into
in
our
next
discussion.
That
is,
team
scopes.
That's
something
that
we
all
need
to
know.
A
A
A
Exactly
so
yeah
that's
right,
so
static
tabs
basically
are
like
personal.
Like
bob
mentioned,
there
are
personal
tabs
that
would
be
there
for
each
user,
so
it's
basically
for
users.
So
if,
as
a
user
you're
logged
in-
and
you
want
to
see-
maybe
a
list
of
my
tasks
for
today
or
my
you
know
most
important
emails
or
something
like
that-
you've
developed
an
app
that
actually
shows
personalized
information
for
that
particular
user.
Then
you
would
put
that
in
the
static
tabs
and
configurable
tabs
are
basically
like
bob
mentioned
it's
something
in
the
team.
A
A
What
do
you
want
me
to
do
with
this
spot?
You
know,
maybe
you
want
candidate
details.
Maybe
you
want
positions,
maybe
you
want
a
bit
of
a
help
there.
You
know
all
these
things
you
would
provide
here
and
then
there
are
connectors.
So
if
you've
got
a
connector
to
notify
your
channel
on
a
new
position
that
opened
up
in
the
hr
system,
then
you
know
I
would
probably
go
ahead
and
configure
my
connector
and
then
provide
the
configuration
url,
which
is
basically
my
webhook
url
into
this
section.
A
A
You
can
see
search
base
one,
and
you
can
also
see
action
based
one.
If
you
have
so
search
base
one,
it
would
have
something
like
type
query
and
if
it's
a
type
action,
then
it
would
be
an
action
based
messaging
extension.
So
these
are
where
you
can
go
ahead
and
configure
and
tell
microsoft
teams
that
hey
I've
got.
You
know
messaging
extension
that
does
this
this
this
and
in
the
back
end,
of
course,
there
is
bot
code
running
for
that.
You
need
the
bot
framework
yep.
A
A
A
Cool
next
up,
we're
gonna
discuss
about
scopes
that
we
quickly
saw
in
the
manifest
file,
which
is
also
pretty
important
topic,
so
teams
application
scopes
can
be
divided
into
three,
the
first
one
being
the
team
scope,
which
basically
is
when
your
application
is
in
a
teams
channel
say,
for
example,
you've
got
a
hr
recruiting
channel
where
recruiters
discuss
about
new
positions
or
new
candidates.
Then
you
probably
would
have
your
application.
A
If
you
have
got
a
tab
that
displays,
you
know
the
whole
information,
then
you
would
have
that
in
a
team
scope,
because
you
want
to
put
that
in
a
team's
channel
now,
group
conversations
or
meeting
ones
are.
Basically
when
you
have
one-on-one
chat
or
you
have.
You
know
rece
when
we
when
we
saw
the
demo,
we
saw
that
tony
and
another
recruiter
and
yourself
who
are
in
a
conversation
right.
Three
people
in
one
conversation,
they're
called
group
conversations
you
can
all.
A
If
you
want
to
add
some
application
into
that
kind
of
a
conversation
or
a
one-on-one
chat,
then
you
probably
will
scope
your
application.
As
you
know,
for
for
group
conversation,
you
also
have
the
third
one,
which
is
the
personal
scope.
Personal
scope
is
when
you
want
to
have
your
applications
only
for
that
particular
logged-in
user,
for
example
the
example
that
I
mentioned
before
you
know
you
want
to
see
something
that
I
did.
You
know
my
task,
my
personal
hub
things
like
that,
then
you
would
basically
go
for
a
personal
scoped
app.
B
B
So
ravia
something
I've
been
asked.
A
lot
by
our
partners
is
what
are
the
software
development
kits
and
apis
that
you
would
use
as
developing
a
team.
I
mean
I
get
that
your
your
team's
app
is
running
in
a
web
page
somewhere
or
it's
a
running
a
web
service
implementing
a
bot,
but
when
it
needs
to
do
things,
what
are
there
just
so
many
sdks
in
microsoft,
365
that
it's
really
easy
to
get
confused.
A
That's
a
great
point
bob,
and
yes,
honestly,
if
you,
if
you
have
got
tabs
or
if
you've
got
some
web
app,
that's
online
or
if
you've
got
a
meeting
app,
then
you
would
you
teams
js
sdk,
but
if
you
have
got
a
bot
or
messaging
extension,
they
would
use
the
azure
bot
framework
sdk.
So
these
are
the
two
things
I
would
say:
development
wise.
You
invest
in
an
sdk4
based
on
each
applications.
A
Now
your
applications,
like
I
mentioned
you
know,
tabs
bots
messaging
whatever
it
is.
If
you
want
to
leverage
all
the
services
in
microsoft,
365
and
get
the
data
or
you
know,
do
actions
on
them,
then
you
would
use
microsoft
graph,
which
is
basically
a
single
entry
api
that
you
would
use
to
access
all
these
different
workloads
in
microsoft,
365..
A
B
A
A
Sure
so,
if
you've
used,
you
know
any
action
cards
from
outlook
or
if
you've
used
a
bot,
you
know
basically
a
card
in
your
teams
where
you've
done
some
action,
approve
something,
etc.
Then
you
probably
have
used
adaptive
cards,
and
I
also
like
this
example
where,
if
for
windows,
users,
if
you've
seen
your
notification
pop
up
about
some
updates
happening
or
some
email
that
you
need
to
reply
to,
etc,
that's
an
adaptive
card
they're
basically
made
to
enable
you
to
take
actions
right
from
your
applications.
A
Cross-Platform
cross
app
snippets
of
ui,
it's
really
rich,
and
it
also
takes
the
form
of
the
host
that
that
it
is
in.
So
if
it's
an
outlook,
it
will
look
like
an
outlook
application
outlook
card
in
teams.
It
would
look
like
a
teams
card.
Basically
it's
just
it's
just
an
amazing
piece
of
discovery.
I
would
say
so.
If
you
can
go
to
adaptivecars.io,
you
can
see
a
whole
lot
of
information
about
what
an
adaptive
card
is
and
when
you're
creating
teams
application,
you
might
want
to
consider.
A
You
know
changing
your
ui
or
if
you
want
to
pull
in
more
eyes
into
your
messages
or
your
cards
or
your
forms,
then
adaptive
cars
is
your
best
friend.
So
you
can
go
to
this
link
here
adaptivecards.io
and
you
can
see
a
whole
bunch
of
documentation
on
why
and
how
useful
adaptive
cards
are.
You
could
also.
This
is
my
favorite.
A
So
designer
is
another
tab
in
this
website
where
you
can
go
ahead
and
design
adaptive
cards
they're
like
what
bob
mentioned
snippets
of
json,
that
you
can
go
ahead
and
design
with
bunch
of
elements
that
you
have
on
your
left
side.
So
one
of
the
card
looks
like
this.
You
know
if
you
want
to
put
some
nice
looking
ui
into
your
application,
you
can
do
so
and
there
are
so
many
samples
that
is
the
best
thing
about
this.
A
Is
that
you've
got
samples
for
you
to
go
ahead
and
copy
and
improvise
and
use
in
your
application.
I
really
like
the
list
of
samples
that
they've
provided,
and
this
is
the
schema
explorer.
So
if
you
want
to
know
more
about
what
you
need
to
put
inside
that
json,
then
you
could
go
ahead
and
refer
to
this
schema
as
well.
A
B
B
It's
just
that
it's
giving
me
kind
of
a
little
form
to
fill
out
and
making
the
whole
thing
a
little
bit
easier.
So
this
is
something
that
I
think
a
lot
of
existing
teams
developers
are
familiar
with.
One
of
the
things
that
I
will
typically
do
is
come
in
here
and
actually
download
the
app
manifest
and
check
it
into
source
control.
So
that
might
be.
That
makes
sense
right
because
a
lot
of
times
you
don't
really
want
to
do
this.
B
B
This
is
the
same
sort
of
thing
as
app
studio.
It's
just
that
it's
browser-based
and
again
I
can
come
in
here
and
hopefully
find
that
app
here
it
is
and
it's
the
same
sort
of
thing.
This
has
more
help
for
store,
validation
and
that'll,
be
other
videos
and
things
like
that.
But
but
basically
again
it's
the
same
sort
of
thing
where
at
the
end
I
can
publish
my
app
within
my
organization.
B
I
can
publish
it
to
the
store
and
submit
it
for
the
store,
or
I
can
just
download
the
app
package
and
then
go
ahead
and
put
that
into
source
control
or.
However,
I
want
to
manage
that.
It's
just
like
you
showed
it's
just
a
zip
file
with
two
icons
and
a
manifest.json
file,
and
this
is
just
a
convenience.
B
B
Tools
like
powerapps
will
generate
an
app
manifest
for
you,
so
there's
some
tools
that
will
generate
it
for
you
as
well.
Now,
if
I
go
back
into
teams,
you'll
see
here
under
apps,
this
is
what
users
would
see
when
they
come
in
if
they
want
to
install
an
app
and
built
for
your
org.
These
are
ones
that
have
been
installed
into
our
tenant,
whereas
all
these
others
are
actually
in
the
app
store
and
again
we'll
be
covering,
in
other
videos
how
to
get
your
app
into
the
app
store,
if
you
so
desire.
B
If
I
want
to
upload
a
custom
app,
I
can
either
do
this
for
me
or
my
teams.
This
is
all
this
requires
an
administrative
policy
which
I'll
show
in
just
a
sec,
so
this
is
turned
off
by
default.
If
you
want
people
to
be
able
to
upload
directly
and
use
an
app
without
putting
it
in
any
catalog,
you
need
to
enable
that
policy
or
because
I'm
a
tenant
admin.
B
I
can
upload
an
app
for
my
whole
org
and
then
right
or
I
could
submit
this
to
the
app
catalog,
which
would
actually
run
it
through
an
approval
workflow,
where
an
administrator
could
then
add
it
to
the
organizational
catalog.
So
maybe
I
want
to
maybe
I've
written
an
app
and
I'm
in
one
of
the
free
developer,
tenants
that
anyone
can
get,
and
I
built
the
app
now
I
want
to
deploy
it
in
my
company's
tenant.
B
Maybe
I
would
submit
that
there
so
there's
a
lot
of
different
ways
to
get
your
app
on
this
list
so
that
people
can
can
install
it
and
use
it.
Let
me
show
you
what
the
administrator
would
see.
So
here
I
am
looking
at
the
team's
admin
admin
center
and
you
can
see
here
that
I
can
manage
apps.
I
could
upload
the
apps
into
my
enterprise
catalog
right
here.
B
If
I
want
to
this
is
also
where,
if
somebody
submitted
an
app
where
I
would
see
that
there
was
apps
pending
approval
and
I
could
decide
whether
or
not
to
allow
those
to
go
into
the
catalog,
so
here's
that
same
app
that
we
looked
at
before
and
you
can
see
that
I
can
set
permissions
and
get
a
little
bit
of
information
about
the
app
from
right
here.
Inside
of
the
admin
center
permission,
policies
are
where
you
actually
decide
who
has
permission
to
use
which
apps.
B
B
Each
policy
allows
you
to
allow
all
the
apps
allow
specific,
apps
and
block
all
the
others
or
flip
that
block
all
specific
apps
and
allow
all
the
others
or
just
block
all
the
apps.
So
this
is
available.
These
choices
are
available
for
microsoft,
apps
for
third-party
apps
enterprise
apps.
So
you
can
really
control
that
and
you
should
be
aware,
if
you're
writing
an
app
that
administrators
can
actually
control.
B
Who
can
see
your
app
or
whether
they're
allowed
to
use
your
app.
So
you
want
to
be
nice
to
the
administrators
for
sure
now,
here's
setup
policies.
This
is
where
you
can,
first
of
all,
turn
on
and
off.
Who
can
upload
custom
apps,
who
can
pin
apps
onto
the
navigation
and
then
I
can
proactively
install
apps
for
the
users.
So
maybe
I
want
to
push
an
app
out
to
all
the
hr
personnel
or
out
to
all
the
frontline
workers.
Or
what
have
you
right?
B
A
B
In
my
earlier
demo,
well,
that's
because
they
were
pinned
here
inside
of
these
policies.
Another
way
that
you
can
proactively
publish,
apps
or
install
them
for
people
is
to
build
them
into
a
team
template.
So
this
is
something
you
might
want
to
encourage
administrators
to
do.
If
your
app
is
designed
to
work
inside
of
a
certain
type
of
team.
Let
me
show
you
how
this
works,
so
I'm
going
to
come
in
here
and
add
a
new
team
template
and
let's
just
go
ahead
and
make
this
a
staffing
team.
B
So
this
is
something
that
anytime
we're
hiring
we're
going
to
use
one
of
these,
and
I
give
it
a
description
and
a
locale
and
all
these
kind
of
details
and
I'm
going
to
add
a
channel
automatically
called
interview
tips,
and
this
will
show
up
anytime.
Anybody
creates
a
staffing
team
and
then
I
can
also
go
ahead
and
edit
this
channel
and
add
an
app
inside
of
the
general
channel
of
every
one
of
those
teams.
So
now
the
new
talent
app
is
going
to
be
automatically
provisioned
whenever
anybody
creates
a
staffing
team.
B
B
A
B
A
B
A
I'm
glad
you
asked
this
is
a
hot
topic
right,
so
we've
got
two
code
generators
right
now
in
the
documentation
we've
got
yeoman
generator,
which
is
a
cli
based
generator,
which
scaffolds
our
project
for
teams,
applications
for
you,
and
it
was
probably
the
first
generator
we
had.
So
it's
a
community
built
one.
It's
amazing!
It
is
it
actually
scuffles
react
apps
it.
It
has
many
capabilities
that
it
can
scaffold.
A
Then
we
have
the
microsoft
microsoft
owned
code
generator,
which
is
called
teams
toolkit,
so
teams
toolkit
it's
a
extension
in
vs
code
and
visual
studio
that
you
can
install
it's
pretty
simple
to
install
and
you
can
just
get
started.
You
know
it's
like
a
wizard
that
would
run
and
then
you
could
create
an
app.
A
I
think
it
also
has
a
cli
side
to
it,
where
you
could
just
run
comments
and
create
applications,
but
the
thing
is,
you
could
also
have
an
application
that
you
already
have
wrap
and
running
somewhere,
like
we
mentioned,
hosted
somewhere
that
you
could
bring
into
teams
right.
So
for
that
you
don't
need
a
code
generator,
because
you
already
have
your
application.
This.
B
B
B
If
you
have
a
web
service
that
looks
up
some
information,
maybe
you
could
adapt
that
in
with
the
bot
framework
into
a
messaging
extension
to
allow
querying
that
information.
So
the
point
here
is
that
teams
is
actually
designed
to
support
what
you've
already
built.
You
don't
have
to
kind
of
start
from
scratch.
Each
time.
B
B
The
key
is
that
it's
running
locally
and
that
I
have
a
manifest
here
that
I've
created
for
this
with
localhost
colon
3000
as
my
url
and
then
here's
my
static
tab,
pointing
to
pointing
to
that
code,
and
then
I
added
localhost
colon
3000
to
valid
domains.
That's
it
now.
If
I
wanted
my
tab
to
be
configurable
so
that
it
could
work
in
a
team's
channel
or
group
conversation,
I
would
need
to
build
a
little
configuration
page
normally.
This
could
have
a
whole
little
form
of
data
on
it.
B
B
A
All
right,
so
this
is
my
feedback
bot,
I'm
invoking
it
asking
a
question.
How's
the
weather.
Today
my
teammates
get
to
reply
back
in
a
nice.
Little
form
a
deal
replies
it's
nice
and
sunny.
I
get
to
see
that
summary
here
and,
let's
see
what
alex
has
to
say,
alex
says
something
really
funny
and
he
posts
it
back
to
me
and
I
can
see
all
the
summary
of
all
my
teammates
who
responded
to
this
feedback
part.
A
A
We
have
all
the
code
needed
for
this
functionality
to
work,
I'm
storing
conversation
data,
I'm
getting
the
responses
and
based
on
user
roles,
whether
it's
an
initiator
or
person
taking
part
in
the
feedback
I'm
sending
out
adaptive
cards.
So
this,
basically,
is
a
team
spot
that
I've
built.
So
if
you
can
go
ahead
and
check
it
out,
it's
open
source,
we
have
really
cool
app
that
you
want
to
show
it's
a
bot.
It's
built
by
one
of
our
colleague,
tomomi
and
bob.
Do
you
want
to
show
the
demo?
B
A
B
B
B
B
So
you
can
see
here
it's
just
an
express
server
and
it's
going
to
bring
in
the
bot
builder
sdk
and
bring
in
the
bot
code
itself.
It's
going
to
create
this
thing
called
a
bot
framework
adapter,
which
is
the
thing
that
communicates
with
the
azure
bot
service,
and
then
it's
going
to
make
the
http
cat
bot
and
run
that
and
listen
on
slash
api,
slash
messages.
B
The
bot
itself
is
going
to
only
really
listen
for
these
activities.
Called
teams
messaging
extension
query
when
one
of
them
comes
in
it
looks
up
the
status
code
and
then
it
formats
a
little
adaptive
card,
which
is
what
you
saw
as
the
output
and
it
returns
that
and
sends
it
back
to
teams.
So
that's
it.
B
A
A
B
Yeah,
absolutely
so,
if
you're
building
a
tab,
you
you're
building
a
single
page
app,
you
can
use
any
technology,
you
want
you
like
angular,
you
want
view
you
want
to
just
build
on
es6
modules.
You
can
do
anything.
I
say
react
is
easiest,
because
there
are
more
microsoft.
Uses
react.
A
lot
and
teams
is
porting
itself
over
to
react
and
is
more
reactive.
React
react
all
the
time
and
both
yo
teams
and
the
team's
toolkit
generate
react
code.
B
So
there's
just
a
lot
more
examples
and
documentation
around
react,
but
you
don't
really
need
to
use
that.
What
you
will
need
in
the
case
of
anything
that
has
a
browser-based
iframe
surface
is
you'll,
probably
need
the
team's
javascript
sdk.
Just
to
talk
to
teams
from
inside
of
the
iframe
and
teams
framework
is
an
sdk
that
layers
on
top
of
the
team's
javascript
sdk
and
makes
it
a
lot
easier
to
do.
Authentication
and
some
of
the
other
tasks
that
you'll
want
to
do.
B
B
If
you're
building
a
bot
or
a
messaging
extension,
then
the
the
thing
that
you
can
mainly
talk
to
is
the
bot
is
the
azure
bot
framework
and
there's
an
sdk
called
the
bot
builder
sdk.
If
you
want
to
build
adaptive
cards,
you're
going
to
end
up
needing
to
understand
how
those
work
also
for
bot
builders,
it's
very
convenient
to
have
language
understanding
through
luis,
which
is
a
cognitive
service
in
azure
q,
a
maker
which
is
managers,
the
knowledge
base
and
bot
framework
composer
is
a
really
useful
tool
in
building
those
bots.
A
B
And
then
we
have
a
couple
of
advanced
scenario
links
here
at
the
end,
one
is
meeting
apps
as
mentioned
earlier
and
another
one
is
azure
communication
services
which
allows
you
to
build
chat
and
video
and
audio
interfaces
between
teams
and
another
application.
So
maybe
you
wanted
to
have
a
public
facing
app
that
people
can
use
outside
of
teams
and
then
they
can
chat
into
teams
that
would
use
azure
communication
services.
B
A
B
B
If
you
go
to
pnp.github.io,
you
can
find
the
landing
page
for
all
this.
They
have
regular
community
calls
where
you
can
jump
in
and
see
demos
of
the
latest
and
greatest,
and
maybe
even
ask
a
question
or
two:
there
are
sample
galleries
for
various
types
of
applications,
including
teams,
app
samples.
So
there's
a
lot
of
samples
here.