►
From YouTube: Community demo - SPFx web part using Microsoft Graph for accessing personal Microsoft Teams data
Description
This community call demo is taken from the SharePoint Framework community call recording on 11th of April 2019. In this video, Joel Rodrigues (JFMR Solutions Limited) demonstrates the process of building a client-side web part, which is using Microsoft Graph to access Microsoft Teams information.
Presenter - Joel Rodrigues (JFMR Solutions Limited) - @JoelFMRodrigues
The code sample is available from https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-my-teams
Full details on the community call from https://developer.microsoft.com/en-us/sharepoint/blogs/sharepoint-framework-community-call-recording-11th-of-april-2019/
More details on the SharePoint dev community calls from http://aka.ms/sppnp.
A
A
A
A
So
you
can
see
here
you
are
endemic
to
General
or
the
Attorney
General
come
on
yep,
so
if
I
then
switch
is
to
enable
that
and
I
click
on
demo
weren't,
for
example,
I
can
have
this
pop-up
and
I
want
to
open
on
the
up,
and
there
is
a
nation
at
the
moment
and
I
can
guarantee
you.
This
was
working
before
sometimes
I
was
trying
this
before
the
call
it
seems
like
did
not
always
switches
to
the
correctional
at
the
moment.
A
In
the
coin,
up
I
will
try
to
ever
look
on
that
and
fix
any
potential
issues
if
the
the
phase
one,
but
that's
basically
it
this
is
done
by
generating
different
URLs
when
you
enable
this
option.
So
in
theory,
if
I
go
to
him,
for
you
should,
after
it's
so
I
till
I
see
the
switch
for
the
channel
for
general,
the
general
shared
all
of
the
team
for
which
is
not
happening
and
I
have
no
time
before
the
cult
of
really
find
out.
A
So
under
web
part,
you
can
see
that
mainly
all
you
need
is
importing
the
graph,
client
and
initializing
it
so
I'm
doing
the
initializing
here
on
the
init
method
of
the
web
part
and
after
that,
I
just
pass
it
to
Tim
service,
which
does
it
cause.
You
could
potentially
fight
these
vitam
and
published
a
really
nice
post
about
that.
So
you
could
potentially
avoid
having
to
pass
the
client
to
the
service
like
that
and
make
it
more
have
completely
separation
between
the
service
and
the
web.
Part.
A
On
that,
my
teams
is
as
simple
as
that
notice:
I
don't
have
any
selects
for
properties,
that's
probably
something
you
until
either
for
production
code,
even
though
the
properties
for
the
teams
are
very
limited,
but
still
if,
in
the
future,
the
team
de
Graaff
team
decides
to
other
all
bunch
of
information
there.
You
probably
don't
want
to
retrieve
all
that
and
we
have
a
similar
method
for
the
channels.
A
In
this
case,
we
pass
the
team
ID,
which
is
required
for
the
call
and
again
I,
don't
have
any
select
here,
which
you
should
add
for
production
code.
If
you
look
at
the
sample
in
Geetha,
I
created
a
pull
request
before
the
goal.
Well,
actually,
probably
during
the
call
where
I
removed
another
matter
that
I
had
here
to
get
the
tenant
ID,
which
I
was
using
to
open
in
the
client
hub
I
found
out
I,
don't
need
that.
So
the
way
this
works
is.
A
When
you
click
on
one
of
these
links,
oops
I'm
going
to
do
the
request
and
get
the
channels
for
that
team
just
to
prevent
it.
So
if
you
have
a
large
number
of
things,
you
don't
want
to
do
all
those
requests
in
advance.
So
if
the
user
clicks
there,
you
get
channels
for
the
team,
in
this
case,
for
example,
I'm
just
getting
the
first
channel,
which
is
the
general
one
and
I
redirect
the
user
to
that
channel.
A
So
that's
well
now
another
difference
from
the
current
version
in
the
web
branch
of
the
samples.
So
whenever
the
pull
request
is
accepted,
you
will
get.
Those
are
plates,
but
you
can
see
on
the
pull
request.
The
changes
I
did
the
other
option
if
opening
client
app
is
switched
off
but
which
is
by
default,
uses
a
different
URL
to
open
on
the
web
browser
to
be
able
to
retrieve
this
information.
A
We
need
permissions
to
access
graph
which
I
declared
on
the
web
part.
So
so
you
may
wonder
if
you
haven't
used
this
before
so
I'll
do
I
know
where
to
get
is
from
a
very
simple
place
to
look
for
is
on
the
graph
documentation.
So
if
you
go
to
run,
link
talks,
Microsoft,
comm
and
then
go
to
graph,
you
have
a
view
on
reference
here
at
the
bottom,
which
I
have
open
here
in
here
you
basically
enough
left
navigation,
which
is
awesome
and
lets.
A
A
It's
as
simple
as
this
just
look
for
the
action
you
need
or
did
I
kill
unit,
and
basically
you
can
see
here,
definitions
you
need
so
in
this
case
I
need
user
at
all.
We
use
a
write
all
and
we
did
you
and
we
need
the
same,
but
for
a
group
to
retrieve
these
channels
yeah.
So
that's
what
I
have
in
my
web
part.
A
If
you
want
to
test
the
web
part
before,
basically
when
you're
doing
development-
and
you
don't
want
to
install
it,
but
you
want
to
run
it
on
workbench,
you
can
use
the
office365
CLI.
I
have
the
commands
here.
It's
extremely
extremely
simple
to
other
permissions
in
advance.
You
don't
need
to
replay
the
app
and
it's
just
awesome
when
you
you
deploy
be
hard
or
when
you
enable
the
permissions
you
on
the
admins
portal.
A
You
can
go
to
up
api
management
and
you
can
see
the
api
requests
approved
here.
So
when
you
do
it
through
the
CLI
they
get
automatically
approved
when
you
do
it
through
the
app
and
I'm
going
to
show
you
now.
I
just
package
the
up
in
advance.
If
I
had
it
the
app
catalog,
you
can
see
on
the
app
that
you
have
the
permissions
in
it
here.
A
A
This
this
permission
does
is
not
specific
to
your
solution.
It
applies
to
anyone
any
solution
on
the
tenant
or
any
script
that
runs
on
your
page
as
soon
as
you
enable
basically
open
the
door,
anyone
can
use
it.
So
there's
one
thing
to
keep
in
mind.
Hopefully
my
personal
point
of
view
is
I.
Wish
things
would
change
in
the
future,
but
let's
see
how
things
go.
A
Just
one
important
thing
to
keep
in
mind
and
then,
if
you
work,
for
example,
with
clients,
make
sure
you
always
make
this
very
clear
to
them,
because
if
they
find
out
later-
and
they
were
not
aware,
when
would
they
enable
permissions,
they
might
go
a
little
bit
crazy,
so
be
fully
transparent.
In
that
case
scenario,
so
you
have
other
issues.
If
you
try
to
approve,
you
will
so,
basically
anything
that
was
approved
it
will
file.
There
is
a
few
scripts
I've
seen
online
to
clean
up
duplicate
to
the
requests.
B
Justice,
I
think
I
think
we
can
try
that
the
basics-
a
few
comments
on
that
one.
First
of
all,
on
the
on
the
permissions.
If
you
would
use
the
isolated
bit
parts,
then
you
are
able
to
target
the
permissions
to
a
specific
application,
so
isolated
web
parts
are
actually
in
GA,
starting
from
one
point,
eight,
so
a
few
weeks
back.
So
that
will
actually
then
grant
you
and
give
you
the
capability
of
not
doing
organization
wide
permissions,
but
also
a
solution.
Specific
permission
now
and
then
the
the
you
I
thinks
are
pretty
horrible.
B
We
are
aware
of
them.
They
should
be
getting
cleaned
up
for
1.9
release,
so
we're
fixing
and
and
making
giving
some
love
in
quotes
for
this
page
for
the
next
releases
as
well.
So
because
there
are
bending
the
fact
that
you
can
actually
have
multiple
times.
The
same
permission
here
is
really
annoying
so
yeah.
A
B
And
thank
you
Joe,
a
really
good
demo
that
before
HS
actually
start
so
John
Charles
I.
Think
it's
not
a
massively
complex
web
point,
but
I
think
those
simple
web
parts
are
super
useful
to
understand
the
basic
scenarios,
because
then
you
can
actually
go
to
the
solution
and
sample
and
see.
Okay
now,
I
get
it
and
then
I'll
decorate
that
and
make
it
pretty
more
prettier
if
needed.
But
it's
really
a
kind
of
a
classic
scenario
where
we
want
to
use
Microsoft
graph.
We
want
to
get
access
on
the.