DEV Community: aadilraza339

Shopify CLI app deploy on Heroku

aadilraza339 — Thu, 25 Aug 2022 06:41:00 +0000

What is the Shopify CLI app

Shopify CLI is a command-line interface tool that helps you build Shopify apps. It quickly generates Shopify apps and scaffolds app extensions. You can also use it to automate many common development tasks.

What is Heroku

Heroku is a container-based cloud Platform as a Service (PaaS). Developers use Heroku to deploy, manage, and scale modern apps

Let's focus to deploy an app on Heroku

create your account on heroku first
install heroku CLI link
create an account on Shopify
create an account on Shopify partners

you can follow this link to install Shopify-cli

once you install Shopify CLI, now you can log in to Shopify.
shopify login
shopify app create node

It will ask your app's name, simply enter a name related to your app, for now, you can give tutorial-app.

For this tutorial, I use node-js.

To run the app locally shopify app serve

Now you can make modifications accordingly with your required
if not initially
git init
git add
git commit -m "deploy on heroku"

create an app on Heroku
heroku create
it will print an app link on your terminal
git push heroku master
shopify app deploy heroku

Open your app set-up and replace your Heroku live URL with ngrok

Now you can your config variables

Host's value will Heroku live link which had printed on terminal

Now you can visit your Shopify partner and click on your store

Wow we have successfully deployed our app on heroku

Happy coding :)

Understanding JWT Authentication with Node.js

aadilraza339 — Sat, 22 May 2021 15:49:06 +0000

What is JSON Web Token?
JWT is a stander and secure way to transfer information between parties as a JSON object, that can be verifiable and JWT makes the tokens easy to transfer through an HTTP request.
JWT is mainly used for authentication. After a user signs in to an application, the application then assigns a JWT token to that user. Whenever user will make requests will include the assigned JWT token. This token tells the server what routes, services, and resources the user is allowed to access.
Structure of a JWT
Header — consists of two parts: the type of token (i.e., JWT) and the signing algorithm (i.e., HS512) header.
Payload — Contains the claims that provide information about a user who has been authenticated along with other information such as token expiration time payload
Signature — Final part of a token that wraps in the encoded header and payload, along with the algorithm and a secret.
Implement JWT with Node JS
Before you go ahead with this tutorial, you should have knowledge of express framework Here's the Link
for reference.
Create a file called index.js in the project directory. This is the only file that we create and work on in this project in order to keep things simple. Our main goal is to understand how JWTs work in a Node.js application.
So, let’s go ahead and understand what each snippet of code does in this file.
We are importing a couple of modules that we will be needing in the application: express, and JWT. We can install both modules with this command npm i express jsonwebtoken --save from the command line. Then in the index.js file paste the below code 👇.

const express = require("express");
const jwt = require("jsonwebtoken");
const app = express();
app.use(express.json())

Now we are going to write a post method with the express, which will help us to create a token.

app.post("/api/login", (req, res, next) => {
  const user = {
    id: 1,
    username: "john",
    email: "john@gmail.com"
  };
  const password = '*******'
  if(user.username === req.body.username && password === req.body.password) {
    jwt.sign({ user: user }, "secretkey", (err, token) => {
      res.cookie('token',token);
      res.status(200).json(
          "Auth successful"
        );
    });
  }
  else {
    res.status(401).json('Unauthorized client')
  }
});
// server running
app.listen(process.env.PORT || 3000, () => {
    console.log("Server started with express..");
});

! Don’t forget to run the index.js file use this command node index.js
Explanation
sign() method to create a JSON Web Token for that user and returns the token in the form of a JSON string. Now you can make a request through the postman on this URL http://localhost:8000/api/login and the token will save in the cookies
To make sure you got token, you can check in the postman, open postman, and in the top-right side you can click cookies, and then you should get token 👇

you can expand it by click on the token

Finally, we define another post method with verifyToken() that takes care of the token verification process. Let’s see How we can implement

app.post("/api/post/verify", (req, res) => {
  let token = req.headers.cookie.split("=")[1]
  jwt.verify(token, "secretkey", (err, authData) => {
    if (err) {
      res.sendStatus(403);
    } else {
      res.json({
        message: "verify successfully.",
        authData
      });
    }
  });
});

http://localhost:8000/api/post/verify make a request on it
Explanation
We took the token from our req.cookies.split("=")[1] or simplest way to get token use this NPM cookie-parser and then store it in token variable and by the use of .verify() method we are verifying token which we assigned in the previous request
and if the token is valid, will get a message verify successfully on the postman or 403.
HAPPY CODE LIFE
Aadil Raza

What is .env file in node JS

aadilraza339 — Sat, 22 May 2021 11:38:53 +0000

Its environment variables file. In simple term, it is a variable text file. In this file we set a variable with value and that you wouldn’t want to share with anyone, purpose of file is keep as secret and secure because in .env file we store our database password, username, API key etc…

how you can set variable
create a file called .env
open it in any editer
Then
You can easily set your environment variables and values with the syntax ENV_VARIABLE=VALUE and boom! 🙂

This how you can use these variables in your Node JS porject.
Run it on your command line npm i dotenv --save
require('dotenv').config() Is required in the file where you want to use.
To see if you have connected with your .env simply console console.log(process.env);

See some more example 👇

require('dotenv').config()
const db = require('db')
db.connect({
  host: process.env.DB_HOST,
  username: process.env.DB_USER,
  password: process.env.DB_PASS
})

!NOTE
.env includes sensitive information, so it should not be pushed with your code/GIT repo. Please make sure!
This is how you can avoid .env to push in your repo using GIT.

Create a file called .gitignore in the root directory of your project, then open it, then write .env in it. Now git will avoid pushing your .env file, you can know more about how .gitignore works here

HAPPY CODE LIFE