►
From YouTube: Registering Office Add ins using URL query parameters
Description
Courtney Owen, Microsoft Engineer, shows a demonstration of how to register Office Add-ins in Office on the web using URL query parameters. You can effectively sideload add-ins to Office on the web.
Demo taken from the October Office Add-ins community call https://youtu.be/ab2QrLNosdk
Stay connected
Twitter https://twitter.com/microsoft365dev
YouTube https://aka.ms/M365DevYouTube
Blogs https://aka.ms/M365DevBlog
A
Okay,
folks,
today,
I'm
going
to
talk
about
registering
add-ins
to
office
online,
using
query
parameters
and
if
any
of
you
have
ever
worked
with
adams
and
office
online,
you
know
that
the
registration
process
is
currently
manual
and
it
can
be
a
little
tedious
to
have
to
do
things
manually.
It's
also
not
great
from
a
developer
experience
and
that
every
time
you
make
a
change
to
your
manifest,
you
have
to
manually
upload
it
again
and
it's
just
not
a
quick
process.
A
So
if
any
of
you
have
ever
used
our
yoga
office
tool
to
create
an
add-in,
you
probably
know
that
you
can
automatically
register
your
ad
in
desktop
and
I'll.
Give
you
an
example
of
that.
So
this
is
a
yo
office
project
and
it's
just
a
task
pane
project.
So
if
I
go
npm
start
here,
you'll
see
that
we
boot
up
word
and
we
automatically
register
the
add-in
starting
the
dev
server
right
there
booting
word
and
see
the
add-in
was
automatically
registered
and
that's
a
really
nice
thing
from
a
developer
standpoint.
A
A
Not
only
do
developers
want
it,
but
we
also
would
like
it
from
a
test
standpoint,
because
every
time
we
make
changes
to
our
project
templates,
we
have
to
manually
test
them,
and
if
we
had
an
automated
approach
to
doing
it,
it
would
allow
us
to
which
each
time
we
make
a
change
to
have
a
test
that
that
goes
through
and
executes
and
does
it.
So
I
just
want
to
show
you
the
current
process
of
registering
an
add-in
in
word,
for
example,
so
I
go
insert
add-ins
upload,
my
add-in
browse
select
my
manifest
upload.
A
Then
I
have
my
add-in,
so
this
is
not
really
great
from
a
developer
standpoint
that
you
have
to
do
all
these
manual
steps
and
each
time
I
change
the
manifest.
I
have
to
go
through
that
step
again,
so
I'm
going
to
go
ahead
and
clear.
My
cache
here
for
the
sake
of
my
demo,
so
this
add-in
is
not
here
anymore,
go
ahead
and
close
this
okay.
A
A
I
just
grab
the
document
url
and
if
you
look
at
my
package.json
here,
I
have
a
document
config
setting
and
that's
just
the
document
url
exactly
what
I
copied
and
then
we've
updated
our
tooling
set
so
that
you
can
run
our
existing
mpm
start
web
script.
And
what
that'll
do
is
that
will
start
the
dev
server
it'll,
look
and
see,
there's
a
document
parameter
here
and
it
will
construct
the
query.
Params
and
the
query.
A
Params
will
look
like
this,
so
what
we
have
here
is
we
have
the
dev
server
port
3000,
I'm
running
in
the
manifest
file
name,
which
is
just
my
manifest.xml
here
and
then
the
manifest
guide
and
the
manifest
guide
is
just
a
unique
id
from
here,
and
so
I'm
going
to
show
you
here
how
running
the
start.
Web
command
will
automatically
register
that
same
add-in
using
those
query,
param.
Okay,
now
npm
run
start
web.
A
Our
internal
security
folks
wanted
some
mechanism
in
place,
so
people
just
don't
send
you
a
url
and
maliciously
cause
you
to
add
an
add-in
to
your
documents
that
might
cause
some
sort
of
nefarious
things
to
happen.
So
we
opt-in
after
we've,
carefully
read
all
of
the
documentation,
of
course,
and
then
what
that
does
is
it
sets
a
value
in
your
local
storage
that
says,
you've
opted
in
then
the
next
time
I
run
this.
A
A
A
A
So
I'm
going
to
demo
that
next,
so
I'm
going
to
go
and
click
on
my
debug
here
and
I'm
going
to
do
office
online
and
you're
going
to
see
what
you're
going
to
see
here
is
the
browser
open
and
it's
going
to
open
in
chrome
and
the
reason
I'm
using
chrome
and
not
edge,
is
because
we're
having
problems
with
the
edge
debug
extension
attaching
right
now.
I
have
conversations
going
on
with
the
edge
folks
right
now
about
why
that
is
so.
A
A
A
This
is
something
that
we've
wanted
to
have
for
a
while
and
it
you
know
internally,
it's
a
really
nice
thing
for
us
testing,
but
we
think
it
should
be
a
good
thing
for
developers
as
well.
Now
what
I
demoed
this
morning
was
word.
You
could
also
do
this
in
onenote
now
and
ultimately,
it
will
be
supported
in
word,
onenote
powerpoint,
which
I
just
checked
in
last
night
and
excel,
which
is
in
code
review
right
now
you
may
be
asking
yourself
will
outlook.
A
B
A
So
this
the
ability
to
use
query
params
is
available
in
fast
food
right
now
for
word
and
onenote,
and
so,
if
you
were
to
want
to
try
this
out
yourself
did
I
just
I
think
I
killed
my
desktop
session.
I
can
put
the
query
params
in
the
chat
session
and
they
can
append
those
to
the
end
of
their
document
document
url
if
they're
in
fast
food.
A
If
they're
you
know
in
production,
it's
not
turned
on
yet
in
there.
The
tooling
that
I
showed
you
is
not
going
to
be
available
until
we've
turned
it
on
in
prod
in
production,
so
hopefully
in
the
next
month,
we'll
have
all
this
available.
But
if,
if
people
do
want
to
try
it
out
right
now,
they're
in
fast
food,
they
can
run
the
query
params
that
I'll
put
in
the
chat
window.