Learn how to Sign in with Apple from your Firebase web app in 100 seconds. Step-by-step breakdown: https://fireship.io/lessons/apple-signin-with-firebase-tutorial/

#firebase #100SecondsOfCode

Install the quiz app 🤓

iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. 

My VS Code Theme

- Atom One Dark 
- vscode-icons
- Fira Code Font
2024-02-04T06:23:35.202Z
nova-2
2-general-nova
2024-01-09.29447
30089e05-99d1-4376-b32e-c263170674af
e9e65418-ce87-44e4-864e-a68e7b6de9b9
19432f3e0672e44a7f55ce9b3833523ae1dd95669ebdc91a6d2cf39e3385f573
67875a7f-c9c4-48a0-aa55-5bdb8a91c34a
deprecated
Sign in with Apple was a feature announced by Apple in 2019, and it allows users to authenticate into a web or mobile application using their Apple ID.
It works just like other one click social sign in methods like Google, Facebook, Twitter, etcetera.
To implement this method in your Firebase app, You'll first need to have an Apple developer account, which will run you about $99 per year.
Now, head over to your Apple developer portal.
Create a new app ID or update an existing one to use the sign in with Apple capability.
From there, you'll create a new service ID and configure it to work with your domain.
Enter the hosting files from your Firebase project, then register the service ID.
Now, we need to verify ownership of this domain with Apple.
Go back to the configuration for the service ID.
You'll see the option to download a file.
Save that file under the well known directory in your public hosting folder.
Then upload this file to Firebase Hosting by running Firebase deploy from the command line.
Click Verify, and you should get a green check mark.
Now, the last thing we need is a private key.
Click on Keys, and then generate a new one for Apple sign Go ahead and download this file somewhere securely on your system, then open it in your editor.
At this point, we can go to the authentication tab on the Firebase console and click enable for Apple sign in.
Enter your team ID as well as the information from the private key.
And now, we just need to add a little bit of JavaScript to our front end app.
With Firebase Initialized, we'll make a reference to auth, then we'll define an async function called sign in with Apple.
It instantiates an OAuth provider for apple.com, then awaits the auth sign in with pop up method.
This prompts the user to log in with their Apple ID.
And when they're done, they'll be logged in to the Firebase app, and will have access to their user data on the result.
This has been Apple Sign In with Firebase in 100 seconds.
And I realize that was super fast, so head over to FireShip.
I Go to get a full step by step breakdown of the process.
Thanks for watching, make sure to like and subscribe, and I will see you in the next one.

Speaker 0: Sign in with Apple was a feature announced by Apple in 2019, and it allows users to authenticate into a web or mobile application using their Apple ID. It works just like other one click social sign in methods like Google, Facebook, Twitter, etcetera. To implement this method in your Firebase app, You'll first need to have an Apple developer account, which will run you about $99 per year. Now, head over to your Apple developer portal. Create a new app ID or update an existing one to use the sign in with Apple capability.

From there, you'll create a new service ID and configure it to work with your domain. Enter the hosting files from your Firebase project, then register the service ID. Now, we need to verify ownership of this domain with Apple. Go back to the configuration for the service ID. You'll see the option to download a file.

Save that file under the well known directory in your public hosting folder. Then upload this file to Firebase Hosting by running Firebase deploy from the command line. Click Verify, and you should get a green check mark. Now, the last thing we need is a private key. Click on Keys, and then generate a new one for Apple sign Go ahead and download this file somewhere securely on your system, then open it in your editor.

At this point, we can go to the authentication tab on the Firebase console and click enable for Apple sign in. Enter your team ID as well as the information from the private key. And now, we just need to add a little bit of JavaScript to our front end app. With Firebase Initialized, we'll make a reference to auth, then we'll define an async function called sign in with Apple. It instantiates an OAuth provider for apple.com, then awaits the auth sign in with pop up method.

This prompts the user to log in with their Apple ID. And when they're done, they'll be logged in to the Firebase app, and will have access to their user data on the result. This has been Apple Sign In with Firebase in 100 seconds. And I realize that was super fast, so head over to FireShip. I Go to get a full step by step breakdown of the process.

Thanks for watching, make sure to like and subscribe, and I will see you in the next one.
Sign in with Apple was a feature announced by Apple in 2019, and it allows users to authenticate into a web or mobile application using their Apple ID. It works just like other one click social sign in methods like Google, Facebook, Twitter, etcetera. To implement this method in your Firebase app, You'll first need to have an Apple developer account, which will run you about $99 per year. Now, head over to your Apple developer portal. Create a new app ID or update an existing one to use the sign in with Apple capability.
apple
From there, you'll create a new service ID and configure it to work with your domain. Enter the hosting files from your Firebase project, then register the service ID. Now, we need to verify ownership of this domain with Apple. Go back to the configuration for the service ID. You'll see the option to download a file. Save that file under the well known directory in your public hosting folder. Then upload this file to Firebase Hosting by running Firebase deploy from the command line. Click Verify, and you should get a green check mark. Now, the last thing we need is a private key. Click on Keys, and then generate a new one for Apple sign Go ahead and download this file somewhere securely on your system, then open it in your editor. At this point, we can go to the authentication tab on the Firebase console and click enable for Apple sign in. Enter your team ID as well as the information from the private key. And now, we just need to add a little bit of JavaScript to our front end app. With Firebase Initialized, we'll make a reference to auth, then we'll define an async function called sign in with Apple.
It instantiates an OAuth provider for apple.com, then awaits the auth sign in with pop up method. This prompts the user to log in with their Apple ID. And when they're done, they'll be logged in to the Firebase app, and will have access to their user data on the result.
apple
This has been Apple Sign In with Firebase in 100 seconds. And I realize that was super fast, so head over to FireShip. I Go to get a full step by step breakdown of the process.
Thanks for watching, make sure to like and subscribe, and I will see you in the next one.
Sign in with Apple was a feature announced by Apple in 2019, and it allows users to authenticate into a web or mobile application using their Apple ID. It works just like other one click social sign in methods like Google, Facebook, Twitter, etcetera. To implement this method in your Firebase app, You'll first need to have an Apple developer account, which will run you about $99 per year. Now, head over to your Apple developer portal. Create a new app ID or update an existing one to use the sign in with Apple capability. From there, you'll create a new service ID and configure it to work with your domain. Enter the hosting files from your Firebase project, then register the service ID. Now, we need to verify ownership of this domain with Apple. Go back to the configuration for the service ID. You'll see the option to download a file. Save that file under the well known directory in your public hosting folder. Then upload this file to Firebase Hosting by running Firebase deploy from the command line. Click Verify, and you should get a green check mark. Now, the last thing we need is a private key. Click on Keys, and then generate a new one for Apple sign Go ahead and download this file somewhere securely on your system, then open it in your editor. At this point, we can go to the authentication tab on the Firebase console and click enable for Apple sign in. Enter your team ID as well as the information from the private key. And now, we just need to add a little bit of JavaScript to our front end app. With Firebase Initialized, we'll make a reference to auth, then we'll define an async function called sign in with Apple. It instantiates an OAuth provider for apple.com, then awaits the auth sign in with pop up method. This prompts the user to log in with their Apple ID. And when they're done, they'll be logged in to the Firebase app, and will have access to their user data on the result. This has been Apple Sign In with Firebase in 100 seconds. And I realize that was super fast, so head over to FireShip. I Go to get a full step by step breakdown of the process. Thanks for watching, make sure to like and subscribe, and I will see you in the next one.
Sign
sign
in
in
with
with
Apple
apple
was
was
a
a
feature
feature
announced
announced
by
by
Apple
apple
in
in
2019,
2019
and
and
it
it
allows
allows
users
users
to
to
authenticate
authenticate
into
into
a
a
web
web
or
or
mobile
mobile
application
application
using
using
their
their
Apple
apple
ID.
id
It
it
works
works
just
just
like
like
other
other
one
one
click
click
social
social
sign
sign
in
in
methods
methods
like
like
Google,
google
Facebook,
facebook
Twitter,
twitter
etcetera.
etcetera
To
to
implement
implement
this
this
method
method
in
in
your
your
Firebase
firebase
app,
app
You'll
you'll
first
first
need
need
to
to
have
have
an
an
Apple
apple
developer
developer
account,
account
which
which
will
will
run
run
you
you
about
about
$99
$99
per
per
year.
year
Now,
now
head
head
over
over
to
to
your
your
Apple
apple
developer
developer
portal.
portal
Create
create
a
a
new
new
app
app
ID
id
or
or
update
update
an
an
existing
existing
one
one
to
to
use
use
the
the
sign
sign
in
in
with
with
Apple
apple
capability.
capability
From
from
there,
there
you'll
you'll
create
create
a
a
new
new
service
service
ID
id
and
and
configure
configure
it
it
to
to
work
work
with
with
your
your
domain.
domain
Enter
enter
the
the
hosting
hosting
files
files
from
from
your
your
Firebase
firebase
project,
project
then
then
register
register
the
the
service
service
ID.
id
Now,
now
we
we
need
need
to
to
verify
verify
ownership
ownership
of
of
this
this
domain
domain
with
with
Apple.
apple
Go
go
back
back
to
to
the
the
configuration
configuration
for
for
the
the
service
service
ID.
id
You'll
you'll
see
see
the
the
option
option
to
to
download
download
a
a
file.
file
Save
save
that
that
file
file
under
under
the
the
well
well
known
known
directory
directory
in
in
your
your
public
public
hosting
hosting
folder.
folder
Then
then
upload
upload
this
this
file
file
to
to
Firebase
firebase
Hosting
hosting
by
by
running
running
Firebase
firebase
deploy
deploy
from
from
the
the
command
command
line.
line
Click
click
Verify,
verify
and
and
you
you
should
should
get
get
a
a
green
green
check
check
mark.
mark
Now,
now
the
the
last
last
thing
thing
we
we
need
need
is
is
a
a
private
private
key.
key
Click
click
on
on
Keys,
keys
and
and
then
then
generate
generate
a
a
new
new
one
one
for
for
Apple
apple
sign
sign
Go
go
ahead
ahead
and
and
download
download
this
this
file
file
somewhere
somewhere
securely
securely
on
on
your
your
system,
system
then
then
open
open
it
it
in
in
your
your
editor.
editor
At
at
this
this
point,
point
we
we
can
can
go
go
to
to
the
the
authentication
authentication
tab
tab
on
on
the
the
Firebase
firebase
console
console
and
and
click
click
enable
enable
for
for
Apple
apple
sign
sign
in.
in
Enter
enter
your
your
team
team
ID
id
as
as
well
well
as
as
the
the
information
information
from
from
the
the
private
private
key.
key
And
and
now,
now
we
we
just
just
need
need
to
to
add
add
a
a
little
little
bit
bit
of
of
JavaScript
javascript
to
to
our
our
front
front
end
end
app.
app
With
with
Firebase
firebase
Initialized,
initialized
we'll
we'll
make
make
a
a
reference
reference
to
to
auth,
auth
then
then
we'll
we'll
define
define
an
an
async
async
function
function
called
called
sign
sign
in
in
with
with
Apple.
apple
It
it
instantiates
instantiates
an
an
OAuth
oauth
provider
provider
for
for
apple.com,
apple.com
then
then
awaits
awaits
the
the
auth
auth
sign
sign
in
in
with
with
pop
pop
up
up
method.
method
This
this
prompts
prompts
the
the
user
user
to
to
log
log
in
in
with
with
their
their
Apple
apple
ID.
id
And
and
when
when
they're
they're
done,
done
they'll
they'll
be
be
logged
logged
in
in
to
to
the
the
Firebase
firebase
app,
app
and
and
will
will
have
have
access
access
to
to
their
their
user
user
data
data
on
on
the
the
result.
result
This
this
has
has
been
been
Apple
apple
Sign
sign
In
in
with
with
Firebase
firebase
in
in
100
100
seconds.
seconds
And
and
I
i
realize
realize
that
that
was
was
super
super
fast,
fast
so
so
head
head
over
over
to
to
FireShip.
fireship
I
i
Go
go
to
to
get
get
a
a
full
full
step
step
by
by
step
step
breakdown
breakdown
of
of
the
the
process.
process
Thanks
thanks
for
for
watching,
watching
make
make
sure
sure
to
to
like
like
and
and
subscribe,
subscribe
and
and
I
i
will
will
see
see
you
you
in
in
the
the
next
next
one.
one
success
In this video, the speaker explains how to use Apple's sign-in feature in aiva app. They provide step-by-step instructions on creating a new app ID, setting up a new service ID, verifying ownership of a domain, and adding a JavaScript file to the front end app. The speaker also explains how to use the sign-in with Apple and provides a breakdown of the process.
Sign in with Apple from a Firebase Web App
Sign in with Apple was a feature announced by Apple in 2019, and it allows users to authenticate into a web or mobile application using their Apple ID. It works just like other one click social sign in methods like Google, Facebook, Twitter, etcetera. To implement this method in your Firebase app, You'll first need to have an Apple developer account, which will run you about $99 per year. Now, head over to your Apple developer portal. Create a new app ID or update an existing one to use the sign in with Apple capability. From there, you'll create a new service ID and configure it to work with your domain. Enter the hosting files from your Firebase project, then register the service ID. Now, we need to verify ownership of this domain with Apple. Go back to the configuration for the service ID. You'll see the option to download a file. Save that file under the well known directory in your public hosting folder. Then upload this file to Firebase Hosting by running Firebase deploy from the command line. Click Verify, and you should get a green check mark. Now, the last thing we need is a private key. Click on Keys, and then generate a new one for Apple sign Go ahead and download this file somewhere securely on your system, then open it in your editor. At this point, we can go to the authentication tab on the Firebase console and click enable for Apple sign in. Enter your team ID as well as the information from the private key. And now, we just need to add a little bit of JavaScript to our front end app. With Firebase Initialized, we'll make a reference to auth, then we'll define an async function called sign in with Apple. It instantiates an OAuth provider for apple.com, then awaits the auth sign in with pop up method. This prompts the user to log in with their Apple ID. And when they're done, they'll be logged in to the Firebase app, and will have access to their user data on the result. This has been Apple Sign In with Firebase in 100 seconds. And I realize that was super fast, so head over to FireShip. I Go to get a full step by step breakdown of the process. Thanks for watching, make sure to like and subscribe, and I will see you in the next one.
In this video, the speaker explains how to use Apple's sign-in feature in aiva app. They provide step-by-step instructions on creating a new app ID, setting up a new service ID, verifying ownership of a domain, and adding a JavaScript file to the front end app. The speaker also explains how to use the sign-in with Apple and provides a breakdown of the process.

        [INST]
        You are youtuber called Fireship you make engaging high-intensity and entertaining coding tutorials and tech news. 
        you covers a wide range of topics relevant to programmers, aiming to help them learn and improve their skills quickly.
        
        Given the title of the video : Sign in with Apple from a Firebase Web App 
        and a small summary : In this video, the speaker explains how to use Apple's sign-in feature in aiva app. They provide step-by-step instructions on creating a new app ID, setting up a new service ID, verifying ownership of a domain, and adding a JavaScript file to the front end app. The speaker also explains how to use the sign-in with Apple and provides a breakdown of the process.
        [/INST]
        
        Generate the video : Sign in with Apple was a feature announced by Apple in 2019, and it allows users to authenticate into a web or mobile application using their Apple ID. It works just like other one click social sign in methods like Google, Facebook, Twitter, etcetera. To implement this method in your Firebase app, You'll first need to have an Apple developer account, which will run you about $99 per year. Now, head over to your Apple developer portal. Create a new app ID or update an existing one to use the sign in with Apple capability. From there, you'll create a new service ID and configure it to work with your domain. Enter the hosting files from your Firebase project, then register the service ID. Now, we need to verify ownership of this domain with Apple. Go back to the configuration for the service ID. You'll see the option to download a file. Save that file under the well known directory in your public hosting folder. Then upload this file to Firebase Hosting by running Firebase deploy from the command line. Click Verify, and you should get a green check mark. Now, the last thing we need is a private key. Click on Keys, and then generate a new one for Apple sign Go ahead and download this file somewhere securely on your system, then open it in your editor. At this point, we can go to the authentication tab on the Firebase console and click enable for Apple sign in. Enter your team ID as well as the information from the private key. And now, we just need to add a little bit of JavaScript to our front end app. With Firebase Initialized, we'll make a reference to auth, then we'll define an async function called sign in with Apple. It instantiates an OAuth provider for apple.com, then awaits the auth sign in with pop up method. This prompts the user to log in with their Apple ID. And when they're done, they'll be logged in to the Firebase app, and will have access to their user data on the result. This has been Apple Sign In with Firebase in 100 seconds. And I realize that was super fast, so head over to FireShip. I Go to get a full step by step breakdown of the process. Thanks for watching, make sure to like and subscribe, and I will see you in the next one.
        