Name: 3.5 Web應用部署（Glitch和Heroku）--在JavaScript中使用數據和API。 (3.5 Web Application Deployment (Glitch and Heroku) - Working with Data and APIs in JavaScript)
Uploaded: 2021-01-14T10:18:28.000Z
Duration: 19 min 10 s
Description: 【看影片學英語】數萬部 YouTube 影片，搭配英漢字典即點即查，輕鬆掌握單字發音與用法，長久累積看電影不必再看字幕。

Welcome to another working with data and APIs video.

I have one more thing to demonstrate to you.

there's probably hundred thousands, tens of thousands,

millions of things that I've missed that I should cover

that I could get to that I don't even know about

And so I look forward to hearing all about in the comments

more videos that continue these projects and this discussion.

But before I go, at least in this first round

of what I'm making right now, I'm gonna show you one thing.

Put it out in the world so that people could access and use it.

There's an inherent problem with me even making this video,

get your own internet connection, get an IP address,

create your own web server on a Raspberry Pi

even, put it somewhere out in the forest wirelessly.

But what I want to look for here at least,

of using a commercial hosting service that

allows you to deploy your node code and have it run somewhere.

And we'll give you a URL so that you can actually

And the two services I want to show you are Glitch and Heroku.

It's an amazing code editor in the browser

that you can write node code, client JavaScript.

And honestly, I could imagine a version of these tutorials

opening up Glitch and building the project there.

But since I've already built the project,

I'm going to show you how to import it right into glitch

It's a cloud platform that lets you deploy web applications.

It has a pretty reasonable free tier that I can get up

There are lots of other servers that I've used.

And I'm happy to come back and show some other ones in a video

as well if that might be something useful.

Or leave in the comments what type of cloud server

There's also this thing called serverless programming.

So here I am logged into my Glitch account.

My Glitch account is actually linked to my GitHub account,

although you don't need to GitHub account

to sign up and start working with Glitch.

I could make a new project, and I could actually

to start when I was back in the day I didn't have anything yet

and I could just make a new simple express app

But I'm going to do something a little bit different.

I'm going to use this clone from Git Repo.

Since I've already gone through all the motions

of writing my code locally on the computer

and then pushing it to GitHub, I could just

But before I do that, I better make one more change.

There's something that I missed that's rather important.

So in my code, I have hard coded in here the port 3000.

choosing to run and test the stuff locally on this computer.

is probably going to generate a port automatically.

And there are some standard ports for hosting up a website.

So I actually want to pull that from the environment variable.

And this will be maybe an environment variable

that I don't actually set but that already

So not necessarily something that I put in here,

but something that's just going to be present whenever

me add a const port equals process dot env dot port.

Now when I run this-- and I'm going to put this port here,

字幕列表影片播放

3.5 Web應用部署（Glitch和Heroku）--在JavaScript中使用數據和API。 (3.5 Web Application Deployment (Glitch and Heroku) - Working with Data and APIs in JavaScript)

stuff

multiple

grab

demonstrate