Fayyaz Ahmed | Shopify Developer
내용
[subtitle-meta] lang=en auto=True
Hello everyone. In this video we are
going to build a small application
Node.js application where we will fetch
the
uh Shopify products by using their
node modules.
So, I have a created a folder Shopify
admin API.
Now, press control shift C from Windows
and it will open a command prompt.
Let me just
uh bigger the font size.
And here you will type npm init
and that will create a
uh
percent enter enter enter enter and
enter.
And that will create a
package.json
file in your folder. Now, go back again
and install
express. So, npm install express.
We are going to use express
for this project.
So, now
go back here and create a new file
app.js
and type const express
equal to
require
express
and then
const app is equal to express function.
And we need a port. const
port
is equal to 5000.
And app.listen
and we are going to pass port
and then call back function
where we will console log
The
is running
at port
not that.
So, port should be capital.
Okay?
Now, we need to define a route. app
.get
and at home page route, we are going to
pass
a callback function and in callback
function, we are going to
give two arguments,
a request and res.
And
res.send
H1
app
Our app is
running.
Now, go back to the
command prompt and type nodemon
app.js
And server is running. Now, open that
application in the browser.
Type localhost:5000
and now you can see our app is running.
Now, we need to add the Shopify module.
So, search Shopify
and node API
and it will take you to the
Shopify node API
module
and copy this
and go back to the
application and press control shift C
and
paste that here. Now, it is installing
the new package for Shopify
node API.
So, now
go back here again
and copy this
this this thing.
Copy that and paste that over
here.
So,
we
we call this
uh we put that in the const variable
Shopify.
And we create a new instance of Shopify
and here we need to pass
your shop name, API key, and password.
So, let's uh
grab that from the
admin.
Go to the settings and
click on apps and sales channel, then
click on develop apps, and create a new
app.
Need to create a new app like uh node.
You can name it anything. Create that.
And then
we need to
configure the admin scope. Let's say
read products.
And you can
you can uh read and write products. Save
that.
And from here,
API credentials, you need to install the
app.
Install that.
And from here, you can get every product
API key
and
API password. Reveal that one time and
you will see it and copy that.
So,
and now you can see I have added this
package
require.env where I have uh put all the
credentials of Shopify.
And then I call them by using
process.env.shopname.
These are the variable names.
And you can always put them in .env file
so no one can see your credentials.
Now,
let's uh
go back to the
uh Shopify node module.
And uh
we need to copy this uh shop order.
We are going to grab the products. So,
let's copy that. And
then
I will add app
.get
and /products.
And here I'm going to pass a sync
function
request and response.
And
then
um
I'll paste this. And we are going to
grab the Shopify products, not orders.
So, clearly change this with the
product.
And limit would be five. And here,
products.
And
products, we are not going to
console.log them. We are going to
uh
send them response in the browser. So,
our response.
send
I'm going to pass products.
products
And let's add await
in front of it.
So, if I click on the
products
And now you can see we have our five
products
list.
Yeah, more plus five products, as you
can see.
And we can change the limit from here.
Let's say
only one product.
And I reload the page again.
And now we have only one product.
And this is how you can grab the
products from Shopify
admin using node.js.
원문 자막 펼치기
WEBVTT Kind: captions Language: en 00:00:00.320 --> 00:00:02.510 align:start position:0% Hello<00:00:00.640><c> everyone.</c><00:00:01.320><c> In</c><00:00:01.520><c> this</c><00:00:01.760><c> video</c><00:00:02.120><c> we</c><00:00:02.360><c> are</c> 00:00:02.510 --> 00:00:02.520 align:start position:0% Hello everyone. In this video we are 00:00:02.520 --> 00:00:05.270 align:start position:0% Hello everyone. In this video we are going<00:00:02.840><c> to</c><00:00:03.000><c> build</c><00:00:03.200><c> a</c><00:00:03.240><c> small</c><00:00:03.680><c> application</c> 00:00:05.270 --> 00:00:05.280 align:start position:0% going to build a small application 00:00:05.280 --> 00:00:07.710 align:start position:0% going to build a small application Node.js<00:00:05.960><c> application</c><00:00:06.640><c> where</c><00:00:06.960><c> we</c><00:00:07.080><c> will</c><00:00:07.320><c> fetch</c> 00:00:07.710 --> 00:00:07.720 align:start position:0% Node.js application where we will fetch 00:00:07.720 --> 00:00:08.750 align:start position:0% Node.js application where we will fetch the 00:00:08.750 --> 00:00:08.760 align:start position:0% the 00:00:08.760 --> 00:00:11.830 align:start position:0% the uh<00:00:08.960><c> Shopify</c><00:00:09.480><c> products</c><00:00:10.320><c> by</c><00:00:10.480><c> using</c><00:00:10.840><c> their</c> 00:00:11.830 --> 00:00:11.840 align:start position:0% uh Shopify products by using their 00:00:11.840 --> 00:00:13.950 align:start position:0% uh Shopify products by using their node<00:00:12.360><c> modules.</c> 00:00:13.950 --> 00:00:13.960 align:start position:0% node modules. 00:00:13.960 --> 00:00:17.150 align:start position:0% node modules. So,<00:00:14.640><c> I</c><00:00:14.800><c> have</c><00:00:15.160><c> a</c><00:00:15.680><c> created</c><00:00:16.040><c> a</c><00:00:16.080><c> folder</c><00:00:16.520><c> Shopify</c> 00:00:17.150 --> 00:00:17.160 align:start position:0% So, I have a created a folder Shopify 00:00:17.160 --> 00:00:18.510 align:start position:0% So, I have a created a folder Shopify admin<00:00:17.440><c> API.</c> 00:00:18.510 --> 00:00:18.520 align:start position:0% admin API. 00:00:18.520 --> 00:00:22.950 align:start position:0% admin API. Now,<00:00:19.520><c> press</c><00:00:19.840><c> control</c><00:00:20.800><c> shift</c><00:00:21.120><c> C</c><00:00:21.360><c> from</c><00:00:21.760><c> Windows</c> 00:00:22.950 --> 00:00:22.960 align:start position:0% Now, press control shift C from Windows 00:00:22.960 --> 00:00:26.270 align:start position:0% Now, press control shift C from Windows and<00:00:23.320><c> it</c><00:00:23.520><c> will</c><00:00:23.720><c> open</c><00:00:24.240><c> a</c><00:00:24.320><c> command</c><00:00:24.760><c> prompt.</c> 00:00:26.270 --> 00:00:26.280 align:start position:0% and it will open a command prompt. 00:00:26.280 --> 00:00:28.510 align:start position:0% and it will open a command prompt. Let<00:00:26.520><c> me</c><00:00:26.640><c> just</c> 00:00:28.510 --> 00:00:28.520 align:start position:0% Let me just 00:00:28.520 --> 00:00:30.950 align:start position:0% Let me just uh<00:00:28.840><c> bigger</c><00:00:29.160><c> the</c><00:00:29.280><c> font</c><00:00:29.520><c> size.</c> 00:00:30.950 --> 00:00:30.960 align:start position:0% uh bigger the font size. 00:00:30.960 --> 00:00:35.990 align:start position:0% uh bigger the font size. And<00:00:31.200><c> here</c><00:00:31.680><c> you</c><00:00:31.800><c> will</c><00:00:31.960><c> type</c><00:00:32.320><c> npm</c><00:00:33.160><c> init</c> 00:00:35.990 --> 00:00:36.000 align:start position:0% 00:00:36.000 --> 00:00:38.030 align:start position:0% and<00:00:36.320><c> that</c><00:00:36.560><c> will</c><00:00:36.720><c> create</c><00:00:37.080><c> a</c> 00:00:38.030 --> 00:00:38.040 align:start position:0% and that will create a 00:00:38.040 --> 00:00:41.230 align:start position:0% and that will create a uh 00:00:41.230 --> 00:00:41.240 align:start position:0% 00:00:41.240 --> 00:00:42.950 align:start position:0% percent<00:00:41.720><c> enter</c><00:00:41.960><c> enter</c><00:00:42.200><c> enter</c><00:00:42.520><c> enter</c><00:00:42.840><c> and</c> 00:00:42.950 --> 00:00:42.960 align:start position:0% percent enter enter enter enter and 00:00:42.960 --> 00:00:44.830 align:start position:0% percent enter enter enter enter and enter. 00:00:44.830 --> 00:00:44.840 align:start position:0% enter. 00:00:44.840 --> 00:00:46.870 align:start position:0% enter. And<00:00:45.080><c> that</c><00:00:45.320><c> will</c><00:00:45.520><c> create</c><00:00:45.880><c> a</c> 00:00:46.870 --> 00:00:46.880 align:start position:0% And that will create a 00:00:46.880 --> 00:00:49.430 align:start position:0% And that will create a package.json 00:00:49.430 --> 00:00:49.440 align:start position:0% package.json 00:00:49.440 --> 00:00:53.950 align:start position:0% package.json file<00:00:49.920><c> in</c><00:00:50.080><c> your</c><00:00:50.720><c> folder.</c><00:00:51.560><c> Now,</c><00:00:52.280><c> go</c><00:00:52.480><c> back</c><00:00:52.800><c> again</c> 00:00:53.950 --> 00:00:53.960 align:start position:0% file in your folder. Now, go back again 00:00:53.960 --> 00:00:56.030 align:start position:0% file in your folder. Now, go back again and<00:00:54.480><c> install</c> 00:00:56.030 --> 00:00:56.040 align:start position:0% and install 00:00:56.040 --> 00:01:01.990 align:start position:0% and install express.<00:00:57.120><c> So,</c><00:00:58.080><c> npm</c><00:00:58.920><c> install</c><00:00:59.840><c> express.</c> 00:01:01.990 --> 00:01:02.000 align:start position:0% express. So, npm install express. 00:01:02.000 --> 00:01:04.310 align:start position:0% express. So, npm install express. We<00:01:02.160><c> are</c><00:01:02.240><c> going</c><00:01:02.520><c> to</c><00:01:02.640><c> use</c><00:01:03.080><c> express</c> 00:01:04.310 --> 00:01:04.320 align:start position:0% We are going to use express 00:01:04.320 --> 00:01:06.950 align:start position:0% We are going to use express for<00:01:04.480><c> this</c><00:01:04.680><c> project.</c> 00:01:06.950 --> 00:01:06.960 align:start position:0% for this project. 00:01:06.960 --> 00:01:09.510 align:start position:0% for this project. So,<00:01:07.920><c> now</c> 00:01:09.510 --> 00:01:09.520 align:start position:0% So, now 00:01:09.520 --> 00:01:12.870 align:start position:0% So, now go<00:01:09.680><c> back</c><00:01:10.000><c> here</c><00:01:10.680><c> and</c><00:01:11.120><c> create</c><00:01:11.360><c> a</c><00:01:11.400><c> new</c><00:01:11.560><c> file</c> 00:01:12.870 --> 00:01:12.880 align:start position:0% go back here and create a new file 00:01:12.880 --> 00:01:15.550 align:start position:0% go back here and create a new file app.js 00:01:15.550 --> 00:01:15.560 align:start position:0% app.js 00:01:15.560 --> 00:01:18.910 align:start position:0% app.js and<00:01:16.400><c> type</c><00:01:16.800><c> const</c><00:01:17.440><c> express</c> 00:01:18.910 --> 00:01:18.920 align:start position:0% and type const express 00:01:18.920 --> 00:01:20.590 align:start position:0% and type const express equal<00:01:19.440><c> to</c> 00:01:20.590 --> 00:01:20.600 align:start position:0% equal to 00:01:20.600 --> 00:01:23.390 align:start position:0% equal to require 00:01:23.390 --> 00:01:23.400 align:start position:0% 00:01:23.400 --> 00:01:24.750 align:start position:0% express 00:01:24.750 --> 00:01:24.760 align:start position:0% express 00:01:24.760 --> 00:01:26.110 align:start position:0% express and<00:01:25.040><c> then</c> 00:01:26.110 --> 00:01:26.120 align:start position:0% and then 00:01:26.120 --> 00:01:31.750 align:start position:0% and then const<00:01:26.840><c> app</c><00:01:27.440><c> is</c><00:01:27.640><c> equal</c><00:01:27.920><c> to</c><00:01:28.040><c> express</c><00:01:28.680><c> function.</c> 00:01:31.750 --> 00:01:31.760 align:start position:0% 00:01:31.760 --> 00:01:35.790 align:start position:0% And<00:01:32.640><c> we</c><00:01:32.800><c> need</c><00:01:33.080><c> a</c><00:01:33.120><c> port.</c><00:01:33.800><c> const</c> 00:01:35.790 --> 00:01:35.800 align:start position:0% And we need a port. const 00:01:35.800 --> 00:01:37.110 align:start position:0% And we need a port. const port 00:01:37.110 --> 00:01:37.120 align:start position:0% port 00:01:37.120 --> 00:01:41.150 align:start position:0% port is<00:01:37.400><c> equal</c><00:01:37.760><c> to</c><00:01:38.000><c> 5000.</c> 00:01:41.150 --> 00:01:41.160 align:start position:0% 00:01:41.160 --> 00:01:44.790 align:start position:0% And<00:01:41.680><c> app.listen</c> 00:01:44.790 --> 00:01:44.800 align:start position:0% 00:01:44.800 --> 00:01:47.390 align:start position:0% and<00:01:45.160><c> we</c><00:01:45.280><c> are</c><00:01:45.360><c> going</c><00:01:45.640><c> to</c><00:01:45.760><c> pass</c><00:01:46.080><c> port</c> 00:01:47.390 --> 00:01:47.400 align:start position:0% and we are going to pass port 00:01:47.400 --> 00:01:50.790 align:start position:0% and we are going to pass port and<00:01:47.680><c> then</c><00:01:48.080><c> call</c><00:01:48.360><c> back</c><00:01:48.600><c> function</c> 00:01:50.790 --> 00:01:50.800 align:start position:0% and then call back function 00:01:50.800 --> 00:01:56.750 align:start position:0% and then call back function where<00:01:51.280><c> we</c><00:01:51.480><c> will</c><00:01:51.720><c> console</c><00:01:52.200><c> log</c> 00:01:56.750 --> 00:01:56.760 align:start position:0% 00:01:56.760 --> 00:01:57.550 align:start position:0% The 00:01:57.550 --> 00:01:57.560 align:start position:0% The 00:01:57.560 --> 00:01:59.790 align:start position:0% The is<00:01:57.840><c> running</c> 00:01:59.790 --> 00:01:59.800 align:start position:0% is running 00:01:59.800 --> 00:02:05.670 align:start position:0% is running at<00:02:00.240><c> port</c> 00:02:05.670 --> 00:02:05.680 align:start position:0% 00:02:05.680 --> 00:02:07.630 align:start position:0% not<00:02:06.040><c> that.</c> 00:02:07.630 --> 00:02:07.640 align:start position:0% not that. 00:02:07.640 --> 00:02:11.830 align:start position:0% not that. So,<00:02:08.000><c> port</c><00:02:08.360><c> should</c><00:02:08.640><c> be</c><00:02:09.360><c> capital.</c> 00:02:11.830 --> 00:02:11.840 align:start position:0% So, port should be capital. 00:02:11.840 --> 00:02:12.750 align:start position:0% So, port should be capital. Okay? 00:02:12.750 --> 00:02:12.760 align:start position:0% Okay? 00:02:12.760 --> 00:02:16.470 align:start position:0% Okay? Now,<00:02:13.120><c> we</c><00:02:13.280><c> need</c><00:02:13.520><c> to</c><00:02:13.600><c> define</c><00:02:14.040><c> a</c><00:02:14.120><c> route.</c><00:02:14.840><c> app</c> 00:02:16.470 --> 00:02:16.480 align:start position:0% Now, we need to define a route. app 00:02:16.480 --> 00:02:18.310 align:start position:0% Now, we need to define a route. app .get 00:02:18.310 --> 00:02:18.320 align:start position:0% .get 00:02:18.320 --> 00:02:20.470 align:start position:0% .get and<00:02:18.760><c> at</c><00:02:18.920><c> home</c><00:02:19.160><c> page</c><00:02:19.360><c> route,</c><00:02:19.720><c> we</c><00:02:19.880><c> are</c><00:02:20.000><c> going</c><00:02:20.320><c> to</c> 00:02:20.470 --> 00:02:20.480 align:start position:0% and at home page route, we are going to 00:02:20.480 --> 00:02:22.590 align:start position:0% and at home page route, we are going to pass 00:02:22.590 --> 00:02:22.600 align:start position:0% pass 00:02:22.600 --> 00:02:25.070 align:start position:0% pass a<00:02:22.920><c> callback</c><00:02:23.320><c> function</c><00:02:24.080><c> and</c><00:02:24.520><c> in</c><00:02:24.680><c> callback</c> 00:02:25.070 --> 00:02:25.080 align:start position:0% a callback function and in callback 00:02:25.080 --> 00:02:27.110 align:start position:0% a callback function and in callback function,<00:02:25.480><c> we</c><00:02:25.640><c> are</c><00:02:25.760><c> going</c><00:02:26.080><c> to</c> 00:02:27.110 --> 00:02:27.120 align:start position:0% function, we are going to 00:02:27.120 --> 00:02:29.630 align:start position:0% function, we are going to give<00:02:27.600><c> two</c><00:02:28.440><c> arguments,</c> 00:02:29.630 --> 00:02:29.640 align:start position:0% give two arguments, 00:02:29.640 --> 00:02:32.990 align:start position:0% give two arguments, a<00:02:29.680><c> request</c><00:02:30.240><c> and</c><00:02:30.680><c> res.</c> 00:02:32.990 --> 00:02:33.000 align:start position:0% a request and res. 00:02:33.000 --> 00:02:35.990 align:start position:0% a request and res. And 00:02:35.990 --> 00:02:36.000 align:start position:0% 00:02:36.000 --> 00:02:39.470 align:start position:0% res.send 00:02:39.470 --> 00:02:39.480 align:start position:0% 00:02:39.480 --> 00:02:45.550 align:start position:0% H1 00:02:45.550 --> 00:02:45.560 align:start position:0% 00:02:45.560 --> 00:02:47.110 align:start position:0% app 00:02:47.110 --> 00:02:47.120 align:start position:0% app 00:02:47.120 --> 00:02:48.949 align:start position:0% app Our<00:02:47.440><c> app</c><00:02:48.000><c> is</c> 00:02:48.949 --> 00:02:48.959 align:start position:0% Our app is 00:02:48.959 --> 00:02:52.190 align:start position:0% Our app is running. 00:02:52.190 --> 00:02:52.200 align:start position:0% 00:02:52.200 --> 00:02:55.190 align:start position:0% Now,<00:02:53.120><c> go</c><00:02:53.320><c> back</c><00:02:53.640><c> to</c><00:02:53.800><c> the</c> 00:02:55.190 --> 00:02:55.200 align:start position:0% Now, go back to the 00:02:55.200 --> 00:02:58.390 align:start position:0% Now, go back to the command<00:02:55.560><c> prompt</c><00:02:56.080><c> and</c><00:02:56.280><c> type</c><00:02:56.800><c> nodemon</c> 00:02:58.390 --> 00:02:58.400 align:start position:0% command prompt and type nodemon 00:02:58.400 --> 00:03:00.830 align:start position:0% command prompt and type nodemon app.js 00:03:00.830 --> 00:03:00.840 align:start position:0% app.js 00:03:00.840 --> 00:03:03.870 align:start position:0% app.js And<00:03:01.040><c> server</c><00:03:01.360><c> is</c><00:03:01.519><c> running.</c><00:03:02.120><c> Now,</c><00:03:02.800><c> open</c><00:03:03.239><c> that</c> 00:03:03.870 --> 00:03:03.880 align:start position:0% And server is running. Now, open that 00:03:03.880 --> 00:03:05.949 align:start position:0% And server is running. Now, open that application<00:03:04.480><c> in</c><00:03:04.560><c> the</c><00:03:04.640><c> browser.</c> 00:03:05.949 --> 00:03:05.959 align:start position:0% application in the browser. 00:03:05.959 --> 00:03:09.710 align:start position:0% application in the browser. Type<00:03:06.720><c> localhost:5000</c> 00:03:09.710 --> 00:03:09.720 align:start position:0% Type localhost:5000 00:03:09.720 --> 00:03:13.630 align:start position:0% Type localhost:5000 and<00:03:09.920><c> now</c><00:03:10.239><c> you</c><00:03:10.400><c> can</c><00:03:10.560><c> see</c><00:03:10.880><c> our</c><00:03:11.200><c> app</c><00:03:11.400><c> is</c><00:03:11.840><c> running.</c> 00:03:13.630 --> 00:03:13.640 align:start position:0% and now you can see our app is running. 00:03:13.640 --> 00:03:16.390 align:start position:0% and now you can see our app is running. Now,<00:03:13.800><c> we</c><00:03:13.880><c> need</c><00:03:14.120><c> to</c><00:03:14.239><c> add</c><00:03:14.640><c> the</c><00:03:14.840><c> Shopify</c><00:03:15.560><c> module.</c> 00:03:16.390 --> 00:03:16.400 align:start position:0% Now, we need to add the Shopify module. 00:03:16.400 --> 00:03:19.750 align:start position:0% Now, we need to add the Shopify module. So,<00:03:17.320><c> search</c><00:03:17.880><c> Shopify</c> 00:03:19.750 --> 00:03:19.760 align:start position:0% So, search Shopify 00:03:19.760 --> 00:03:22.550 align:start position:0% So, search Shopify and<00:03:19.959><c> node</c><00:03:20.480><c> API</c> 00:03:22.550 --> 00:03:22.560 align:start position:0% and node API 00:03:22.560 --> 00:03:25.070 align:start position:0% and node API and<00:03:22.840><c> it</c><00:03:23.040><c> will</c><00:03:23.200><c> take</c><00:03:23.440><c> you</c><00:03:23.600><c> to</c><00:03:23.760><c> the</c> 00:03:25.070 --> 00:03:25.080 align:start position:0% and it will take you to the 00:03:25.080 --> 00:03:27.949 align:start position:0% and it will take you to the Shopify<00:03:25.640><c> node</c><00:03:26.480><c> API</c> 00:03:27.949 --> 00:03:27.959 align:start position:0% Shopify node API 00:03:27.959 --> 00:03:29.430 align:start position:0% Shopify node API module 00:03:29.430 --> 00:03:29.440 align:start position:0% module 00:03:29.440 --> 00:03:31.710 align:start position:0% module and<00:03:29.840><c> copy</c><00:03:30.160><c> this</c> 00:03:31.710 --> 00:03:31.720 align:start position:0% and copy this 00:03:31.720 --> 00:03:35.310 align:start position:0% and copy this and<00:03:31.959><c> go</c><00:03:32.120><c> back</c><00:03:32.440><c> to</c><00:03:32.600><c> the</c> 00:03:35.310 --> 00:03:35.320 align:start position:0% 00:03:35.320 --> 00:03:38.509 align:start position:0% application<00:03:35.959><c> and</c><00:03:36.120><c> press</c><00:03:36.400><c> control</c><00:03:36.760><c> shift</c><00:03:37.000><c> C</c> 00:03:38.509 --> 00:03:38.519 align:start position:0% application and press control shift C 00:03:38.519 --> 00:03:40.870 align:start position:0% application and press control shift C and 00:03:40.870 --> 00:03:40.880 align:start position:0% and 00:03:40.880 --> 00:03:43.190 align:start position:0% and paste<00:03:41.160><c> that</c><00:03:41.440><c> here.</c><00:03:41.920><c> Now,</c><00:03:42.200><c> it</c><00:03:42.320><c> is</c><00:03:42.480><c> installing</c> 00:03:43.190 --> 00:03:43.200 align:start position:0% paste that here. Now, it is installing 00:03:43.200 --> 00:03:46.870 align:start position:0% paste that here. Now, it is installing the<00:03:44.000><c> new</c><00:03:44.160><c> package</c><00:03:44.680><c> for</c><00:03:44.880><c> Shopify</c> 00:03:46.870 --> 00:03:46.880 align:start position:0% the new package for Shopify 00:03:46.880 --> 00:03:49.750 align:start position:0% the new package for Shopify node<00:03:47.920><c> API.</c> 00:03:49.750 --> 00:03:49.760 align:start position:0% node API. 00:03:49.760 --> 00:03:51.070 align:start position:0% node API. So,<00:03:49.880><c> now</c> 00:03:51.070 --> 00:03:51.080 align:start position:0% So, now 00:03:51.080 --> 00:03:53.590 align:start position:0% So, now go<00:03:51.280><c> back</c><00:03:52.200><c> here</c><00:03:52.480><c> again</c> 00:03:53.590 --> 00:03:53.600 align:start position:0% go back here again 00:03:53.600 --> 00:03:56.430 align:start position:0% go back here again and<00:03:54.720><c> copy</c><00:03:55.000><c> this</c> 00:03:56.430 --> 00:03:56.440 align:start position:0% and copy this 00:03:56.440 --> 00:03:58.150 align:start position:0% and copy this this<00:03:56.960><c> this</c><00:03:57.200><c> thing.</c> 00:03:58.150 --> 00:03:58.160 align:start position:0% this this thing. 00:03:58.160 --> 00:04:01.430 align:start position:0% this this thing. Copy<00:03:58.480><c> that</c><00:03:59.040><c> and</c><00:03:59.720><c> paste</c><00:04:00.040><c> that</c><00:04:00.280><c> over</c> 00:04:01.430 --> 00:04:01.440 align:start position:0% Copy that and paste that over 00:04:01.440 --> 00:04:03.790 align:start position:0% Copy that and paste that over here. 00:04:03.790 --> 00:04:03.800 align:start position:0% 00:04:03.800 --> 00:04:05.190 align:start position:0% So, 00:04:05.190 --> 00:04:05.200 align:start position:0% So, 00:04:05.200 --> 00:04:07.670 align:start position:0% So, we 00:04:07.670 --> 00:04:07.680 align:start position:0% we 00:04:07.680 --> 00:04:09.150 align:start position:0% we we<00:04:07.840><c> call</c><00:04:08.120><c> this</c> 00:04:09.150 --> 00:04:09.160 align:start position:0% we call this 00:04:09.160 --> 00:04:11.670 align:start position:0% we call this uh<00:04:09.360><c> we</c><00:04:09.720><c> put</c><00:04:09.959><c> that</c><00:04:10.320><c> in</c><00:04:10.560><c> the</c><00:04:10.760><c> const</c><00:04:11.160><c> variable</c> 00:04:11.670 --> 00:04:11.680 align:start position:0% uh we put that in the const variable 00:04:11.680 --> 00:04:13.030 align:start position:0% uh we put that in the const variable Shopify. 00:04:13.030 --> 00:04:13.040 align:start position:0% Shopify. 00:04:13.040 --> 00:04:15.870 align:start position:0% Shopify. And<00:04:13.680><c> we</c><00:04:13.800><c> create</c><00:04:14.080><c> a</c><00:04:14.120><c> new</c><00:04:14.400><c> instance</c><00:04:14.920><c> of</c><00:04:15.160><c> Shopify</c> 00:04:15.870 --> 00:04:15.880 align:start position:0% And we create a new instance of Shopify 00:04:15.880 --> 00:04:18.030 align:start position:0% And we create a new instance of Shopify and<00:04:16.320><c> here</c><00:04:16.600><c> we</c><00:04:16.720><c> need</c><00:04:16.920><c> to</c><00:04:17.040><c> pass</c> 00:04:18.030 --> 00:04:18.040 align:start position:0% and here we need to pass 00:04:18.040 --> 00:04:22.190 align:start position:0% and here we need to pass your<00:04:19.040><c> shop</c><00:04:19.400><c> name,</c><00:04:19.920><c> API</c><00:04:20.280><c> key,</c><00:04:20.640><c> and</c><00:04:20.880><c> password.</c> 00:04:22.190 --> 00:04:22.200 align:start position:0% your shop name, API key, and password. 00:04:22.200 --> 00:04:25.470 align:start position:0% your shop name, API key, and password. So,<00:04:23.360><c> let's</c><00:04:24.280><c> uh</c> 00:04:25.470 --> 00:04:25.480 align:start position:0% So, let's uh 00:04:25.480 --> 00:04:27.750 align:start position:0% So, let's uh grab<00:04:25.800><c> that</c><00:04:26.040><c> from</c><00:04:26.360><c> the</c> 00:04:27.750 --> 00:04:27.760 align:start position:0% grab that from the 00:04:27.760 --> 00:04:28.909 align:start position:0% grab that from the admin. 00:04:28.909 --> 00:04:28.919 align:start position:0% admin. 00:04:28.919 --> 00:04:31.909 align:start position:0% admin. Go<00:04:29.000><c> to</c><00:04:29.120><c> the</c><00:04:29.240><c> settings</c><00:04:30.360><c> and</c> 00:04:31.909 --> 00:04:31.919 align:start position:0% Go to the settings and 00:04:31.919 --> 00:04:33.909 align:start position:0% Go to the settings and click<00:04:32.120><c> on</c><00:04:32.480><c> apps</c><00:04:32.919><c> and</c><00:04:33.080><c> sales</c><00:04:33.320><c> channel,</c><00:04:33.720><c> then</c> 00:04:33.909 --> 00:04:33.919 align:start position:0% click on apps and sales channel, then 00:04:33.919 --> 00:04:36.230 align:start position:0% click on apps and sales channel, then click<00:04:34.160><c> on</c><00:04:34.320><c> develop</c><00:04:34.800><c> apps,</c><00:04:35.480><c> and</c><00:04:35.720><c> create</c><00:04:35.960><c> a</c><00:04:36.000><c> new</c> 00:04:36.230 --> 00:04:36.240 align:start position:0% click on develop apps, and create a new 00:04:36.240 --> 00:04:37.270 align:start position:0% click on develop apps, and create a new app. 00:04:37.270 --> 00:04:37.280 align:start position:0% app. 00:04:37.280 --> 00:04:41.150 align:start position:0% app. Need<00:04:37.440><c> to</c><00:04:37.520><c> create</c><00:04:37.800><c> a</c><00:04:37.880><c> new</c><00:04:38.080><c> app</c><00:04:38.800><c> like</c><00:04:39.720><c> uh</c><00:04:39.800><c> node.</c> 00:04:41.150 --> 00:04:41.160 align:start position:0% Need to create a new app like uh node. 00:04:41.160 --> 00:04:44.230 align:start position:0% Need to create a new app like uh node. You<00:04:41.240><c> can</c><00:04:41.400><c> name</c><00:04:41.640><c> it</c><00:04:41.880><c> anything.</c><00:04:42.520><c> Create</c><00:04:42.880><c> that.</c> 00:04:44.230 --> 00:04:44.240 align:start position:0% You can name it anything. Create that. 00:04:44.240 --> 00:04:46.270 align:start position:0% You can name it anything. Create that. And<00:04:44.880><c> then</c> 00:04:46.270 --> 00:04:46.280 align:start position:0% And then 00:04:46.280 --> 00:04:47.950 align:start position:0% And then we<00:04:46.360><c> need</c><00:04:46.720><c> to</c> 00:04:47.950 --> 00:04:47.960 align:start position:0% we need to 00:04:47.960 --> 00:04:51.230 align:start position:0% we need to configure<00:04:48.400><c> the</c><00:04:48.880><c> admin</c><00:04:49.560><c> scope.</c><00:04:50.760><c> Let's</c><00:04:51.040><c> say</c> 00:04:51.230 --> 00:04:51.240 align:start position:0% configure the admin scope. Let's say 00:04:51.240 --> 00:04:53.390 align:start position:0% configure the admin scope. Let's say read<00:04:51.560><c> products.</c> 00:04:53.390 --> 00:04:53.400 align:start position:0% read products. 00:04:53.400 --> 00:04:58.790 align:start position:0% read products. And<00:04:53.919><c> you</c><00:04:54.120><c> can</c> 00:04:58.790 --> 00:04:58.800 align:start position:0% 00:04:58.800 --> 00:05:01.750 align:start position:0% you<00:04:59.000><c> can</c><00:04:59.640><c> uh</c><00:04:59.680><c> read</c><00:04:59.960><c> and</c><00:05:00.120><c> write</c><00:05:00.360><c> products.</c><00:05:01.440><c> Save</c> 00:05:01.750 --> 00:05:01.760 align:start position:0% you can uh read and write products. Save 00:05:01.760 --> 00:05:03.230 align:start position:0% you can uh read and write products. Save that. 00:05:03.230 --> 00:05:03.240 align:start position:0% that. 00:05:03.240 --> 00:05:05.190 align:start position:0% that. And<00:05:03.600><c> from</c><00:05:03.919><c> here,</c> 00:05:05.190 --> 00:05:05.200 align:start position:0% And from here, 00:05:05.200 --> 00:05:07.270 align:start position:0% And from here, API<00:05:05.520><c> credentials,</c><00:05:06.280><c> you</c><00:05:06.400><c> need</c><00:05:06.600><c> to</c><00:05:06.680><c> install</c><00:05:07.120><c> the</c> 00:05:07.270 --> 00:05:07.280 align:start position:0% API credentials, you need to install the 00:05:07.280 --> 00:05:08.350 align:start position:0% API credentials, you need to install the app. 00:05:08.350 --> 00:05:08.360 align:start position:0% app. 00:05:08.360 --> 00:05:10.030 align:start position:0% app. Install<00:05:08.800><c> that.</c> 00:05:10.030 --> 00:05:10.040 align:start position:0% Install that. 00:05:10.040 --> 00:05:12.030 align:start position:0% Install that. And<00:05:10.200><c> from</c><00:05:10.480><c> here,</c><00:05:10.720><c> you</c><00:05:10.840><c> can</c><00:05:11.000><c> get</c><00:05:11.200><c> every</c><00:05:11.520><c> product</c> 00:05:12.030 --> 00:05:12.040 align:start position:0% And from here, you can get every product 00:05:12.040 --> 00:05:13.470 align:start position:0% And from here, you can get every product API<00:05:12.440><c> key</c> 00:05:13.470 --> 00:05:13.480 align:start position:0% API key 00:05:13.480 --> 00:05:14.550 align:start position:0% API key and 00:05:14.550 --> 00:05:14.560 align:start position:0% and 00:05:14.560 --> 00:05:17.070 align:start position:0% and API<00:05:14.880><c> password.</c><00:05:15.520><c> Reveal</c><00:05:15.880><c> that</c><00:05:16.440><c> one</c><00:05:16.720><c> time</c><00:05:17.000><c> and</c> 00:05:17.070 --> 00:05:17.080 align:start position:0% API password. Reveal that one time and 00:05:17.080 --> 00:05:19.030 align:start position:0% API password. Reveal that one time and you<00:05:17.160><c> will</c><00:05:17.240><c> see</c><00:05:17.400><c> it</c><00:05:17.480><c> and</c><00:05:17.600><c> copy</c><00:05:17.919><c> that.</c> 00:05:19.030 --> 00:05:19.040 align:start position:0% you will see it and copy that. 00:05:19.040 --> 00:05:25.430 align:start position:0% you will see it and copy that. So, 00:05:25.430 --> 00:05:25.440 align:start position:0% 00:05:25.440 --> 00:05:27.630 align:start position:0% and<00:05:25.720><c> now</c><00:05:25.919><c> you</c><00:05:26.080><c> can</c><00:05:26.240><c> see</c><00:05:26.640><c> I</c><00:05:26.840><c> have</c><00:05:27.160><c> added</c><00:05:27.400><c> this</c> 00:05:27.630 --> 00:05:27.640 align:start position:0% and now you can see I have added this 00:05:27.640 --> 00:05:28.830 align:start position:0% and now you can see I have added this package 00:05:28.830 --> 00:05:28.840 align:start position:0% package 00:05:28.840 --> 00:05:31.750 align:start position:0% package require.env<00:05:30.160><c> where</c><00:05:30.520><c> I</c><00:05:30.680><c> have</c><00:05:31.080><c> uh</c><00:05:31.200><c> put</c><00:05:31.480><c> all</c><00:05:31.640><c> the</c> 00:05:31.750 --> 00:05:31.760 align:start position:0% require.env where I have uh put all the 00:05:31.760 --> 00:05:34.310 align:start position:0% require.env where I have uh put all the credentials<00:05:32.720><c> of</c><00:05:32.919><c> Shopify.</c> 00:05:34.310 --> 00:05:34.320 align:start position:0% credentials of Shopify. 00:05:34.320 --> 00:05:36.270 align:start position:0% credentials of Shopify. And<00:05:34.520><c> then</c><00:05:34.720><c> I</c><00:05:34.840><c> call</c><00:05:35.120><c> them</c><00:05:35.720><c> by</c><00:05:35.919><c> using</c> 00:05:36.270 --> 00:05:36.280 align:start position:0% And then I call them by using 00:05:36.280 --> 00:05:38.030 align:start position:0% And then I call them by using process.env.shopname. 00:05:38.030 --> 00:05:38.040 align:start position:0% process.env.shopname. 00:05:38.040 --> 00:05:40.150 align:start position:0% process.env.shopname. These<00:05:38.240><c> are</c><00:05:38.360><c> the</c><00:05:38.480><c> variable</c><00:05:38.919><c> names.</c> 00:05:40.150 --> 00:05:40.160 align:start position:0% These are the variable names. 00:05:40.160 --> 00:05:43.550 align:start position:0% These are the variable names. And<00:05:40.600><c> you</c><00:05:40.760><c> can</c><00:05:40.919><c> always</c><00:05:41.320><c> put</c><00:05:41.520><c> them</c><00:05:41.720><c> in</c><00:05:41.880><c> .env</c><00:05:42.560><c> file</c> 00:05:43.550 --> 00:05:43.560 align:start position:0% And you can always put them in .env file 00:05:43.560 --> 00:05:47.110 align:start position:0% And you can always put them in .env file so<00:05:44.040><c> no</c><00:05:44.200><c> one</c><00:05:44.400><c> can</c><00:05:44.640><c> see</c><00:05:44.840><c> your</c><00:05:45.360><c> credentials.</c> 00:05:47.110 --> 00:05:47.120 align:start position:0% so no one can see your credentials. 00:05:47.120 --> 00:05:48.430 align:start position:0% so no one can see your credentials. Now, 00:05:48.430 --> 00:05:48.440 align:start position:0% Now, 00:05:48.440 --> 00:05:49.750 align:start position:0% Now, let's<00:05:49.080><c> uh</c> 00:05:49.750 --> 00:05:49.760 align:start position:0% let's uh 00:05:49.760 --> 00:05:51.550 align:start position:0% let's uh go<00:05:49.880><c> back</c><00:05:50.240><c> to</c><00:05:50.440><c> the</c> 00:05:51.550 --> 00:05:51.560 align:start position:0% go back to the 00:05:51.560 --> 00:05:54.510 align:start position:0% go back to the uh<00:05:51.680><c> Shopify</c><00:05:52.320><c> node</c><00:05:52.600><c> module.</c> 00:05:54.510 --> 00:05:54.520 align:start position:0% uh Shopify node module. 00:05:54.520 --> 00:05:56.390 align:start position:0% uh Shopify node module. And<00:05:55.120><c> uh</c> 00:05:56.390 --> 00:05:56.400 align:start position:0% And uh 00:05:56.400 --> 00:05:59.750 align:start position:0% And uh we<00:05:56.560><c> need</c><00:05:56.760><c> to</c><00:05:56.840><c> copy</c><00:05:57.120><c> this</c><00:05:57.600><c> uh</c><00:05:57.680><c> shop</c><00:05:58.200><c> order.</c> 00:05:59.750 --> 00:05:59.760 align:start position:0% we need to copy this uh shop order. 00:05:59.760 --> 00:06:03.190 align:start position:0% we need to copy this uh shop order. We<00:05:59.880><c> are</c><00:05:59.960><c> going</c><00:06:00.240><c> to</c><00:06:00.360><c> grab</c><00:06:00.640><c> the</c><00:06:00.760><c> products.</c><00:06:01.520><c> So,</c> 00:06:03.190 --> 00:06:03.200 align:start position:0% We are going to grab the products. So, 00:06:03.200 --> 00:06:05.790 align:start position:0% We are going to grab the products. So, let's<00:06:03.440><c> copy</c><00:06:03.720><c> that.</c><00:06:04.600><c> And</c> 00:06:05.790 --> 00:06:05.800 align:start position:0% let's copy that. And 00:06:05.800 --> 00:06:07.870 align:start position:0% let's copy that. And then 00:06:07.870 --> 00:06:07.880 align:start position:0% then 00:06:07.880 --> 00:06:10.510 align:start position:0% then I<00:06:08.080><c> will</c><00:06:08.280><c> add</c><00:06:08.720><c> app</c> 00:06:10.510 --> 00:06:10.520 align:start position:0% I will add app 00:06:10.520 --> 00:06:12.270 align:start position:0% I will add app .get 00:06:12.270 --> 00:06:12.280 align:start position:0% .get 00:06:12.280 --> 00:06:14.630 align:start position:0% .get and<00:06:12.440><c> /products.</c> 00:06:14.630 --> 00:06:14.640 align:start position:0% and /products. 00:06:14.640 --> 00:06:17.470 align:start position:0% and /products. And<00:06:15.040><c> here</c><00:06:15.320><c> I'm</c><00:06:15.520><c> going</c><00:06:15.800><c> to</c><00:06:15.920><c> pass</c><00:06:16.400><c> a</c><00:06:16.520><c> sync</c> 00:06:17.470 --> 00:06:17.480 align:start position:0% And here I'm going to pass a sync 00:06:17.480 --> 00:06:18.909 align:start position:0% And here I'm going to pass a sync function 00:06:18.909 --> 00:06:18.919 align:start position:0% function 00:06:18.919 --> 00:06:22.790 align:start position:0% function request<00:06:20.040><c> and</c><00:06:20.520><c> response.</c> 00:06:22.790 --> 00:06:22.800 align:start position:0% request and response. 00:06:22.800 --> 00:06:24.510 align:start position:0% request and response. And 00:06:24.510 --> 00:06:24.520 align:start position:0% And 00:06:24.520 --> 00:06:26.230 align:start position:0% And then 00:06:26.230 --> 00:06:26.240 align:start position:0% then 00:06:26.240 --> 00:06:27.310 align:start position:0% then um 00:06:27.310 --> 00:06:27.320 align:start position:0% um 00:06:27.320 --> 00:06:29.990 align:start position:0% um I'll<00:06:27.560><c> paste</c><00:06:27.880><c> this.</c><00:06:28.520><c> And</c><00:06:28.840><c> we</c><00:06:29.040><c> are</c><00:06:29.120><c> going</c><00:06:29.520><c> to</c> 00:06:29.990 --> 00:06:30.000 align:start position:0% I'll paste this. And we are going to 00:06:30.000 --> 00:06:33.950 align:start position:0% I'll paste this. And we are going to grab<00:06:30.400><c> the</c><00:06:31.160><c> Shopify</c><00:06:32.120><c> products,</c><00:06:32.640><c> not</c><00:06:32.880><c> orders.</c> 00:06:33.950 --> 00:06:33.960 align:start position:0% grab the Shopify products, not orders. 00:06:33.960 --> 00:06:35.550 align:start position:0% grab the Shopify products, not orders. So,<00:06:34.200><c> clearly</c><00:06:34.720><c> change</c><00:06:35.080><c> this</c><00:06:35.320><c> with</c><00:06:35.480><c> the</c> 00:06:35.550 --> 00:06:35.560 align:start position:0% So, clearly change this with the 00:06:35.560 --> 00:06:37.150 align:start position:0% So, clearly change this with the product. 00:06:37.150 --> 00:06:37.160 align:start position:0% product. 00:06:37.160 --> 00:06:39.990 align:start position:0% product. And<00:06:37.640><c> limit</c><00:06:37.960><c> would</c><00:06:38.120><c> be</c><00:06:38.240><c> five.</c><00:06:39.120><c> And</c><00:06:39.520><c> here,</c> 00:06:39.990 --> 00:06:40.000 align:start position:0% And limit would be five. And here, 00:06:40.000 --> 00:06:43.110 align:start position:0% And limit would be five. And here, products. 00:06:43.110 --> 00:06:43.120 align:start position:0% 00:06:43.120 --> 00:06:45.190 align:start position:0% And 00:06:45.190 --> 00:06:45.200 align:start position:0% And 00:06:45.200 --> 00:06:46.870 align:start position:0% And products,<00:06:45.720><c> we</c><00:06:45.919><c> are</c><00:06:46.040><c> not</c><00:06:46.440><c> going</c><00:06:46.760><c> to</c> 00:06:46.870 --> 00:06:46.880 align:start position:0% products, we are not going to 00:06:46.880 --> 00:06:50.550 align:start position:0% products, we are not going to console.log<00:06:48.320><c> them.</c><00:06:48.600><c> We</c><00:06:48.880><c> are</c><00:06:49.000><c> going</c><00:06:49.360><c> to</c> 00:06:50.550 --> 00:06:50.560 align:start position:0% console.log them. We are going to 00:06:50.560 --> 00:06:52.030 align:start position:0% console.log them. We are going to uh 00:06:52.030 --> 00:06:52.040 align:start position:0% uh 00:06:52.040 --> 00:06:54.190 align:start position:0% uh send<00:06:52.520><c> them</c><00:06:52.680><c> response</c><00:06:53.240><c> in</c><00:06:53.360><c> the</c><00:06:53.480><c> browser.</c><00:06:53.880><c> So,</c> 00:06:54.190 --> 00:06:54.200 align:start position:0% send them response in the browser. So, 00:06:54.200 --> 00:06:56.670 align:start position:0% send them response in the browser. So, our<00:06:54.360><c> response.</c> 00:06:56.670 --> 00:06:56.680 align:start position:0% our response. 00:06:56.680 --> 00:06:58.590 align:start position:0% our response. send 00:06:58.590 --> 00:06:58.600 align:start position:0% send 00:06:58.600 --> 00:07:02.710 align:start position:0% send I'm<00:06:58.760><c> going</c><00:06:59.000><c> to</c><00:06:59.120><c> pass</c><00:06:59.440><c> products.</c> 00:07:02.710 --> 00:07:02.720 align:start position:0% 00:07:02.720 --> 00:07:04.710 align:start position:0% products 00:07:04.710 --> 00:07:04.720 align:start position:0% products 00:07:04.720 --> 00:07:07.550 align:start position:0% products And<00:07:05.000><c> let's</c><00:07:05.400><c> add</c><00:07:05.919><c> await</c> 00:07:07.550 --> 00:07:07.560 align:start position:0% And let's add await 00:07:07.560 --> 00:07:10.510 align:start position:0% And let's add await in<00:07:07.760><c> front</c><00:07:08.160><c> of</c><00:07:08.360><c> it.</c> 00:07:10.510 --> 00:07:10.520 align:start position:0% in front of it. 00:07:10.520 --> 00:07:14.310 align:start position:0% in front of it. So,<00:07:11.400><c> if</c><00:07:11.680><c> I</c><00:07:11.760><c> click</c><00:07:12.120><c> on</c><00:07:12.320><c> the</c> 00:07:14.310 --> 00:07:14.320 align:start position:0% So, if I click on the 00:07:14.320 --> 00:07:16.990 align:start position:0% So, if I click on the products 00:07:16.990 --> 00:07:17.000 align:start position:0% products 00:07:17.000 --> 00:07:18.870 align:start position:0% products And<00:07:17.240><c> now</c><00:07:17.440><c> you</c><00:07:17.560><c> can</c><00:07:17.760><c> see</c><00:07:17.919><c> we</c><00:07:18.120><c> have</c><00:07:18.360><c> our</c><00:07:18.480><c> five</c> 00:07:18.870 --> 00:07:18.880 align:start position:0% And now you can see we have our five 00:07:18.880 --> 00:07:20.270 align:start position:0% And now you can see we have our five products 00:07:20.270 --> 00:07:20.280 align:start position:0% products 00:07:20.280 --> 00:07:22.230 align:start position:0% products list. 00:07:22.230 --> 00:07:22.240 align:start position:0% list. 00:07:22.240 --> 00:07:24.830 align:start position:0% list. Yeah,<00:07:22.560><c> more</c><00:07:23.560><c> plus</c><00:07:23.800><c> five</c><00:07:24.080><c> products,</c><00:07:24.520><c> as</c><00:07:24.760><c> you</c> 00:07:24.830 --> 00:07:24.840 align:start position:0% Yeah, more plus five products, as you 00:07:24.840 --> 00:07:26.150 align:start position:0% Yeah, more plus five products, as you can<00:07:25.080><c> see.</c> 00:07:26.150 --> 00:07:26.160 align:start position:0% can see. 00:07:26.160 --> 00:07:28.430 align:start position:0% can see. And<00:07:26.320><c> we</c><00:07:26.440><c> can</c><00:07:26.640><c> change</c><00:07:26.960><c> the</c><00:07:27.040><c> limit</c><00:07:27.480><c> from</c><00:07:27.800><c> here.</c> 00:07:28.430 --> 00:07:28.440 align:start position:0% And we can change the limit from here. 00:07:28.440 --> 00:07:30.070 align:start position:0% And we can change the limit from here. Let's<00:07:28.680><c> say</c> 00:07:30.070 --> 00:07:30.080 align:start position:0% Let's say 00:07:30.080 --> 00:07:33.230 align:start position:0% Let's say only<00:07:30.400><c> one</c><00:07:30.640><c> product.</c> 00:07:33.230 --> 00:07:33.240 align:start position:0% 00:07:33.240 --> 00:07:36.350 align:start position:0% And<00:07:33.840><c> I</c><00:07:33.919><c> reload</c><00:07:34.280><c> the</c><00:07:34.400><c> page</c><00:07:34.680><c> again.</c> 00:07:36.350 --> 00:07:36.360 align:start position:0% And I reload the page again. 00:07:36.360 --> 00:07:40.070 align:start position:0% And I reload the page again. And<00:07:36.560><c> now</c><00:07:36.760><c> we</c><00:07:36.919><c> have</c><00:07:37.160><c> only</c><00:07:37.400><c> one</c><00:07:37.640><c> product.</c> 00:07:40.070 --> 00:07:40.080 align:start position:0% And now we have only one product. 00:07:40.080 --> 00:07:43.310 align:start position:0% And now we have only one product. And<00:07:40.320><c> this</c><00:07:40.520><c> is</c><00:07:40.680><c> how</c><00:07:40.919><c> you</c><00:07:41.120><c> can</c><00:07:41.880><c> grab</c><00:07:42.280><c> the</c> 00:07:43.310 --> 00:07:43.320 align:start position:0% And this is how you can grab the 00:07:43.320 --> 00:07:45.630 align:start position:0% And this is how you can grab the products<00:07:43.880><c> from</c><00:07:44.240><c> Shopify</c> 00:07:45.630 --> 00:07:45.640 align:start position:0% products from Shopify 00:07:45.640 --> 00:07:49.280 align:start position:0% products from Shopify admin<00:07:46.120><c> using</c><00:07:46.480><c> node.js.</c>