Hello and welcome to this video.
In this video, I'm going to be publishing the application to get pages so that anyone who has a link
to the application can interact with the application.
We're going to publish the code we have on our remote GitHub repository using GitHub pages.
So once you have your repository open, there is a tab for settings.
Click on that and then on the right here, just scroll down until you see the option for pages.
Click on that and then here Waze says no and click on the dropdown and then you have to select the name
of the branch.
So the name of the branch that contains the code is called main and then make sure you have root selected
is very important.
Once you've got that selected, just click on the Save button and that will pull all your code from
your remote repository on GitHub to GitHub pages.
So it says here your site is ready to be published.
He may take a few minutes for the site to be online, so if you check the link, the first time is not
online.
Don't worry about it.
Just check it a few minutes later, so we may take a while to get being fully initialized.
So this is the link to the application.
So I'm going to click on that and see if it's actually ready so you can see the application is ready.
So this is the link.
So if I give anyone this link, they will be able to access this app and interact with it.
So this is running on an T.P.S. connection.
I'm going to generate a report from where the app is running from.
That's the link address.
So I click Generate.
So the report has been generated from this link address, which is where the app is running from.
Looks like there might be some issues I click on the option for progressive web app.
Notice The ability to install the app option is great now that we can see this red triangle here, which
indicates there is an issue, says the web app Manifest or service worker to not meet the instability
requirements if you click on the reason here.
Click on the link here to tell you why.
But I think I know the reason why, so I'm going to head over to my manifest file.
So this is my manifest file for my deployment to GitHub.
And if we look on line number five, this URL is pointing to local hosts.
This is not running from local hosts, is running from GitHub pages, so I need to do I need to add
the link from the application here.
So if copied the link from the application URL and add it here on line number five.
So I'm just going to save the changes I just made to that to check the status of the files in my repository
to see if anything has changed.
I type in the command gate space status.
I press enter.
So you can see here tells me that I have modified the Manifest adjacent file.
So what I need to do is add the modified file, which is a manifesto.
Jason, I need to add that back into the repository committed and then push it up to the remote repository
on GitHub.
So to add the file with Taiping Gate Space, add space, manifest JSON press enter and we need to commit
the file.
If we type in gates both status again and press enter, we can see that the file has turned green in
text color, which means that it's in the staging area.
So the next step is to committed to the repository.
So to commit the changes I've typed in the Command Gate Space Command, Dash Dash is a message flag
and this is a message that will go along with the commit once you've Typekit and press enter.
You can see here says it has done the insertion, so the file has been committed.
If I type in space status, it should be clear there should be nothing you can see here is not nothing
to commit.
Everything is clean.
So I need to push the change I've made to the remote repository on GitHub.
So I type the command, get space push, dash use based origin space main and press enter.
You have to enter your GitHub username and then your access token, so I've entered my username.
Next, I need to enter my personal access token for the password.
After entering my personal access token, we can see here that it has reached.
In that change, I'm pushed it to the remote repository.
If we take a look the remote repository on GitHub, we can see here what's called a manifesto JSON file.
This is the commit message that I did when I committed the updated file.
To now, I should be able to refresh the website and those changes should reflect there.
So if we took a look at the development console on the Lighthouse, you can see we now have a green
tick next to progressive web app, which indicates that the app is not installable.
You can see that has turned green.
I'm going to install the app on my desktop for easy access so you can install it on any device that
is being used to view the app.
To install the app, you can either use this dropdown arrow and click on it or in your web browser.
There is this three dots here on Chrome.
Click on it and you have the option to install to do list up.
So click on that and you get this popup and you can see here tells you the link address or click install.
And that will install it.
So this is the app.
You can see the address, which is where the app is running from.
I now have two icons for my app on my desktop.
The first one here is running from my local machine.
So if I click on that, you can see that the address is local host.
The second one here is running from GitHub pages.
You can see the address here tells you where it is running from.
I have renamed the icons for my app to make it easy for me to identify, so I've called one remote an
app called One Local.
So that's it for this video.
In this video, I deploy the app to GitHub pages for hosting so that anyone who has a link to this app
anywhere in the world with an internet connection can interact with the app.
Thank you so much for watching.
Bye for now.