Série de Vídeos - Coding Stuff: Projeto #01 - Desenvolvendo Aplicação JWT com Node + MongoDB + Vue & Azure
Repositório responsável pelo primeiro projeto da série de vídeos: Coding Stuff.
O objetivo da série é ensinar inúmeros tutoriais e projetos direto ao ponto no meu Canal do Youtube!
Nesse primeiro projeto da série do Coding Stuff! vamos aprender um pouco sobre como podemos criar aplicações de autenticação usando o JWT com Node.js. Assim sendo, estaremos desenvolvendo uma aplicação E2E (desde o Back-End ao Front) de login e senha, a qual faremos uso do JWT e persistindo no MongoDb.Após isso, faremos o lado do client usando o Vue.Js.
Ao término do projeto local, estaremos hospedando a aplicação no Azure tanto no lado do server e client-side!
☕
Apoie e Ajude esse Projeto!
Se você curte ou curtiu os vídeos feitos desse curso e deseja apoiar com um valor de um Cafezinho Brasileiro, então sinta-se à vontade em fazer o seu donation no botão abaixo:
��
Recursos utilizados
- Visual Studio Code
- Node.js
- Vue.js
- Postman
- MongoDB
- MongoDB Compass
- Azure CosmosDB
- Conta - Azure
- Static Web Apps
- Libs do Node usadas no Projeto
⭐️
Conta - Azure For Students
Caso você seja um(a) estudante de alguma Instituição de Ensino de Faculdade ou Universidade, poderá criar sua conta no Azure for Students. Essa conta te dará o benefício em possuir crédito de USD 100,00 para usar os serviços de maneira gratuita, sem necessidade de possuir um cartão de crédito. Para ativar essa conta, bastam acessar o link ao lado: AQUI
��
Série de Vídeos
Os vídeos sairão todas às quintas-feiras no meu Canal do Youtube!
Abaixo seguem os links da cada vídeo da série do projeto realizados até o momento (atualizado semanalmente)
Back-End
| Vídeo Aula | Descrição |
|---|---|
| Vídeo 01 - JWT + Node.js + MongoDB + Vue | Estruturação do Projeto |
| Vídeo 02 - JWT + Node.js + MongoDB + Vue | Desenvolvimento da Rota Default da Api |
| Vídeo 03 - JWT + Node.js + MongoDB + Vue | Criando a Conexão da Base de Dados |
| Vídeo 04 - JWT + Node.js + MongoDB + Vue | Criando a Classe 'User' e as Regras de Negócio com JWT & BcryptJs |
| Vídeo 05 - JWT + Node.js + MongoDB + Vue | Criando a Rota 'Register' e a Lógica na Controller |
| Vídeo 06 - JWT + Node.js + MongoDB + Vue | Criando a Rota Aprendendo a Depurar a API no Vs Code |
| Vídeo 07 - JWT + Node.js + MongoDB + Vue | Desenvolvendo o middleware 'Auth' |
| Vídeo 08 - JWT + Node.js + MongoDB + Vue | Desacoplamento de Responsabilidade e Ajustes Importantes no Código |
Front-End (Em breve)
| Vídeo Aula | Descrição |
|---|---|
| Vídeo 09 - JWT + Node.js + MongoDB + Vue | Iniciando o Projeto no lado do Front-End com Vue.Js |
| Vídeo 10 - JWT + Node.js + MongoDB + Vue | Criando e Organizando as pastas e arquivos no Projeto com Vue.js |
| Vídeo 11 - JWT + Node.js + MongoDB + Vue | Desenvolvimento da Página de Login |
| Vídeo 12 - JWT + Node.js + MongoDB + Vue | Desenvolvimento da Página de Cadastro |
| Vídeo 13 | Vídeo EM BREVE |
| Vídeo 14 | Vídeo EM BREVE |
| Vídeo 15 | Vídeo EM BREVE |
| Vídeo 16 | Vídeo EM BREVE |
Migração para Nuvem (Em breve)
| Vídeo Aula | Descrição |
|---|---|
| EM BREVE | Vídeo EM BREVE |
| EM BREVE | Vídeo EM BREVE |
| EM BREVE | Vídeo EM BREVE |
| EM BREVE | Vídeo EM BREVE |
❗️
Links & Recursos Importantes
Como dito durante as live codings, sempre estaremos citando links e recursos importantes que direcionarão para: documentações, cursos gratuitos, livros e conteúdos relacionados a Node.js & PostgreSQL. Abaixo, segue uma lista desses recursos, que são considerados leituras, cursos ou livros recomendados:
-
✅ Curso Grátis de Vue.Js - Microsoft Learn -
✅ Curso Grátis de Criando Aplicações JavaScript com Node.js -
✅ Curso Grátis Azure Functions com Node -
✅ Curso Grátis CosmosDB com Node -
✅ Curso de Deploy Automático com SWA + GitHub Actions -
✅ Azure para devs JavaScript & Node.js -
✅ Documentação do Node.js usando o Vs Code -
✅ Depurando Aplicações Node com Vs Code -
✅ Documentação do Vs Code com Vue -
✅ Documentação Oficial do JWT -
✅ Documentação Oficial do ExpressJs
❓
Tenho Dúvidas... O que Faço?!
Caso tenham dúvidas aos códigos desenvolvidos durante a série de vídeos, sintam-se a vontade em abrir uma ISSUE AQUI. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!
(documentação em desenvolvimento)
-
用gin-vue-admin 框架，遇到的问题汇总一下： 1. 获取传过来的参数， get 用 ShouldBindQuery，DELETE 、 POST 、PUT 用 ShouldBindJSON 2. 后台能得到前台的参数，并且有返回空列表，那有可能不是接口的问题，可能是数据的问题。 3. 新增一个字段： 在 server\model , 对应的文件，增加一个字段，然后运行，就会在数据库里新
-
vue使用jwt加密 介绍 (Introduction) In the previous parts of the series, we looked at how to create the User Interface of our Invoicing Application that allowed users to create and view existing invoices. In
-
ruoyi介绍 RuoYi-Vue 是一个 Java EE 企业级快速开发平台，基于经典技术组合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置；支持集群，支持多数据源，支持分布式事务。 系统需求 JDK >= 1.8 MySQL >= 5.7 Ma
-
撸了一个自己的个人博客 一直是想写一个自己的博客，最近有点时间，花费了几天就撸了一个，雏形已经有了，后续完善内容，优化功能，有很多地方还没来的及做处理，后续继续优化。自己能力有限，有些地方处理的不好，希望大家能够给予指正，以后自己的博客也会同步到这个网站上，下面进入正题。 github地址 网站地址 前端页面的文档 页面的话，直接使用vue-cli生成项目，安装相应依赖包，运行项目，该项目中安装的
-
补充一下：想选择Paypal做支付的，慎选，由于网络服务器网速原因访问部分网站网速极其的慢，他的支付网站还设置timeout过时，导致跳转到他的支付页 资源都没全部拉取下来就timeout掉了。有段时间情况好一点，有段时间完全不能访问！ 注：找了个韩国的VPN网络测速正常。可能跟国内外网络封锁有很大关系！ 开发者中心地址：https://developer.paypal.com/developer
-
一、移除MOCK,前后端交互 1.修改 vue.config.js devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, // before: require('./mock/mock-server.js'),// 替换mo
-
问题内容： 如何在成功进行身份验证时结合本地护照以返回JWT令牌？ 我想使用node-jwt-simple并查看passport.js，我不确定该怎么做。 调用done（）时是否可以返回令牌？像这样…（只是伪代码） 如果没有，我该如何退还令牌？ 问题答案： 我想到了！ 首先，您需要实施正确的策略。就我而言，是LocalStrategy，您需要提供验证逻辑。例如，让我们在护照本地使用一个。 您提供的
-
本文向大家介绍在node中使用jwt签发与验证token的方法，包括了在node中使用jwt签发与验证token的方法的使用技巧和注意事项，需要的朋友参考一下 1.什么是token token的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。 token是在服务端产生的。如果前端使用用户名和密码向服务端发送请求认证，服务端认证成功，那么在服务端会返回token给前端。 前端
-
增加验证逻辑 我们不想要谁都可以访问 todo 、folder 的一些API，至少我们需要用户登陆了才可以访问，这个时候我们需要 JSON Web Token。 json 代表一种格式，web 代表所处的环境，token 代表一段加密好的字符串。 它的流程通常是这样，在没登录之前访问 todo 或者 folder 是不会给你任何数据的，当我们请求 login 或者 register 接口的时候，校
-
JWT 简介 JWT 是 Json web token 的简称, 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准（RFC 7519).该 token 被设计为紧凑且安全的，特别适用于分布式站点的单点登录（SSO）场景。JWT 的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息，以便于从资源服务器获取资源，也可以增加一些额外的其它业务逻辑所必须的声明信息，该 tok
-
介绍 在 imi 框架中非常方便地接入 jwt Github: https://github.com/imiphp/imi-jwt Composer 本项目可以使用composer安装，遵循psr-4自动加载规则，在你的 composer.json 中加入下面的内容: { "require": { "imiphp/imi-jwt": "~1.0" } } 然后执行
-
JWt (Java Web Toolkit) 是一个用来开发交互式 Web 应用的 Java 工具包，参考桌面 GUI 的做法，主要面向网页 Widget 的开发。对开发人员而言，它提供了完整的 Web 规范的抽象层，基于事件机制对用户接口的数据更新进行处理。 演示地址： Hello World 报表和图表 树状列表以及拖拉控件