[hide] 在安装前最好sudo提权一下。 直接原生安装： apt install nodejs npm -y 安装完毕后你输入node -v 发现不是最新版的node，我们使用插件g npm i n -g 全局安装一个n插件 n lts 表示安装最新的稳定版！ 一些常用命令 n ls查看已安装的node版本 n rm 16.0.3删除16.0.3版本 更多功能阅读插件文档：n 等待安装完毕后，此时其实版本已经安装好了，但是输入node -v还是低版本，是因为用户缓存问题。 我们退出登录再登录就会刷新缓存了，此时的node -v输出的就是最新版本 exit 退出登录 [/hide]
前言 主要是搞定如何在node+ts环境实现环境变量处理，包括命令携带、本地env文件、以及环境变量类型声明。 教程 命令携带 由于windows端对于命令携带天然弱势，所以我们需要安装一个插件来实现全平台兼容： pnpm i cross-env 然后在需要环境变量的命令上添加： { "scripts": { "dev": "cross-env NODE_ENV=development ts-node ./main.ts", "prod": "cross-env NODE_ENV=production ts-node ./main.ts" } } NODE_ENV...
[hide] 先用yum 安装一次node 先升级 yum update 提示下载程序，回复y 安装node yum install nodejs yum安装的node一般都不是最新的，所以我们还需要升级node的版本 npm i n -g 全局安装一个n插件 n lts 表示安装最新的稳定版！ 一些常用命令 n ls查看已安装的node版本 n rm 16.0.3删除16.0.3版本 更多功能阅读插件文档：n 等待安装完毕后，此时其实版本已经安装好了，但是输入node -v还是低版本，是因为centos的用户缓存问题。 我们退出登录再登录就会刷新缓存了，此时的node -v输出...
前端发送token到后端，一般有三种方式： 链接中携带token，query参数 post这种请求body中携带token 头信息携带token 但是事实上http已经为我们提供了传token的方式，是一个相对来说比较安全的方式，就是HttpBearerAuth 其实他也是一个头信息来着，只是相对来说多了一点操作，在apipost软件中，我们可以直接可视化设置 如果是axios，则是需要添加一个头信息： axios({ method: 'get', url: url, responseType: 'blob', headers: { ...
微信的openid，前端登录时，会发送一个code码到后端，后端接收到这个code，然后配合appid、appsecret参数，像wx发送一个get请求。 wx的请求地址：GET https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 具体查看文档：微信官方文档-服务端 可以看到这段get请求有四个参数： 属性 类型 默认值 必填 说明 appid string 是 小程序 ...
在之前的代码中，我们使用了一个scope属性来表示用户的权限，但是scope是一个数字，他的阅读性是非常差的，当其他人开发的时候，可能并不知道你这个数字是什么意思？ 所以，我们需要将它转义成文本。 为了方便判断，我们在enum.js中增加一个用户等级的对象 enum.js： //通用判断是否存在该类型 function isThisType(val) { let flag = false; Object.keys(this).find(key => { if (this[key] === val) { return flag = true; } ...
之前我们在token中传入我们的自定义参数，现在我们要做一个token鉴权，很简单，如果他的token合法，就可以访问这个路由，如果不合法，就打回。 这个也不能说是真正意义上的鉴权，因为他还没有判断scope值，所以只能说是简单判断。 做这个判断我们就可以通过中间件的形式，于是我们在middlewares目录下创建一个auth.js文件 auth.js： const parseBearerToken = require("@utils/paresBearerToken"); const jwt = require("jsonwebtoken"); const { tokenConfig ...
登录类型 用户注册之后，自然是用户登录，登录的时候我们需要考虑到登录的方式，往往在正式的项目里面，登录的方式可能会有很多种： 账号密码登录 手机号登录 小程序一键登录 那么我们登录的时候就要进行判断，设置一个type的属性，用于在登录时判断用户是什么类型的登录，这个由前端那边设定参数。 type：1为账号密码登录，2为手机号登录，3为小程序一键登录 作为判断，我们可以写一个查询表（枚举），在项目根目录创建一个lib目录，在里面创建一个enum.js文件。 enum.js： //通用判断是否存在该类型 function isThisType(val) { let flag = fa...
用过vue cli的话，对路径中的@应该不陌生，他表示根目录，但是在node的环境里面，我们编写模块并引入时，并没有这种方便的写法。 在node环境中，我们可以通过process.cwd()来表示根目录，但是这样的话，每次使用绝对路径引入，路径总是需要写一大堆拼接。 const db = require(`${process.cwd()}/config/config`).database; 这样略显麻烦，于是我们可以在全局写一个引入插件的方法： global.myRequire = function (path) { return require(`${process.cwd()}/...
默认情况下，我们通过User.create({ email, password, nickname });模型传入的数据，是无加密的，也就是说，在数据库中密码是明文显示的，这样肯定是不行，我们需要使用bcrypt插件进行加密 yarn add bcryptjs --dev 打开models/user.js user.js： const bcrypt = require("bcryptjs"); const { sequelize } = require(`${process.cwd()}/core/db`); const { Sequelize, Model, DataTypes } ...
数据库的连接处理，我们需要使用sequelize插件。这个插件还有对应的数据库驱动，如果是使用mysql，那么驱动是mysql2，具体可以查看中文版的入门教程：入门 yarn add sequelize mysql2 --dev 安装完成后我们先需要创建数据库连接。 连接数据库 在根目录/core目录**下创建一个db.js文件用于连接数据库。 在连接数据库之前，我们需要一些数据库的参数，如账号，密码，端口，数据库名字，数据库地址，为了方便管理配置，我们在根目录创建一个config目录，里面存放一config.js文件 ，这个之前的教程我们就已经创建好了。 config.js： modu...
用户注册 用户数据表搭建完毕后，我们肯定是需要注册用户的，那么首先我们需要创建一个路由api了。 在根目录：/app/router/v1目录下创建一个user.js文件。 user.js： const Router = require("koa-router"); const router = new Router({ prefix: "/v1/user" }); const { User } = require(`${process.cwd()}/models/user`); //注册用户 router.post("/register", async (ctx, next) =&...
最近重装了系统，安装nrm后，使用就直接报错了，错误提示如下： internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, 'string', value); ^ [TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined at validateString (internal/validators.js:124:11) at Object.join (path...
说明 本教程根据YouTube的大神Vue Mastery的教程《Scaling Vue with Nuxt.js》；有兴趣可以油管搜索一下，b站有人搬运，并且带上了机翻，还可以 b站搬运 建议配合食用，毕竟，这个是我个人的笔记。 简介 nuxt是一个vue的一个类似cli框架的东西，用于处理vue无法做到的后端渲染，简单点来说就是vue的写法，服务端进行渲染成静态网页。 目前有三个这种后端渲染框架：next、nuxt、nest；分别对应目前前端三种框架：React、Vue、Angular，作为国内的话，可能国内nuxt是用的比较多的，虽然这是一个由国外开发者发布的一个工具。 静态的页面...
错误捕获 在koa中，我们的错误捕获是通过try...catch实现的，捕获的是next函数，在中间件中next就是下一个中间件触发回调，如果next运行出错了，那么就可以被try...catch捕获。 但是，这种捕获，只能捕获同步形式的代码，如果有异步处理，那么try...catch就无法捕获到了。 比如： try { setTimeout(() => { throw new Error("出错了") }, 1000) } catch (error) { console.log("error") }; 按道理，如果能捕获错误，那么最终输出的是一个字符error...
传递参数的方式 目前有四种传递参数的方式： 请求地址段 ?xx=xx这种query参数 body中携带参数 header头信息携带参数 那么koa是如何获取这四种参数呢？ koa获取参数 由于body参数获取比较复杂，我们需要安装一个中间件进行处理。 yarn add koa-bodyparser --dev 然后在app.js中引入并激活 const Koa = require("koa"); const InitManager = require("./core/init"); const bodyParser = require("koa-bodyparser"); con...
初始化管理器 如果所有的初始化代码都放在app.js里面，那么这个文件将会变得很臃肿，我们可以将一些代码拆分出来，比如之前讲的路由自动注册的方法。 再在项目根目录里创建一个core文件夹，这个文件夹存放一些通用的方法，如初始化方法init.js init.js const Router = require("koa-router"); const requireDirectory = require("require-directory"); class InitManager { //入口方法 static initCore(app) { InitManager.ap...
如何自动引入router文件夹下的路由文件，并且自动use注册? 我们可以手动引入并注册，但是过于麻烦，最原始的方式就是自己通过读取资源的方式获取，但是已经有插件做这个事件了，省事就直接安装对应的插件即可。 yarn add require-directory 安装完毕后引入并使用： const Koa = require("koa"); const Router = require("koa-router"); const requireDirectory = require("require-directory"); const app = new Koa(); requireDi...
全局安装一个插件：nodemon yarn global add nodemon 不太建议局部安装，因为局部安装的话，如果要使用nodemon命令前缀，前头要加上npx 安装完毕后我们可以使用如下命令启动程序，当我们修改了文件并进行保存后，程序会自动重启。 nodemon app.js 省事一点，我们直接在package文件里面，在script对象中直接编写一条快捷命令即可。 "scripts": { "serve": "nodemon app.js" } 兼容vscode断点 vscode可以在代码序号前面打上断点，然后f5进行断点测试，但是使用了nodemon就没办法直接...
koa的路由使用，有一个官方的路由插件koa-router，安装这个插件并如下方式使用： const Koa = require("koa"); const Router = require("koa-router"); const app = new Koa(); const router = new Router(); router.get("/", (ctx, next) => { console.log("进入到路由"); }) app.use(router.routes()); app.listen(8080); 引入路由，并new出路由对象，然后路由对象...
koa的中间件通过new出Koa对象的use方法进行注册，每个注册的中间件其实就是一个函数，函数接收两个参数：ctx和next。 ctx是上下文对象，是中间件共用的一个对象，也就是共享的对象，我在1中间件对这个ctx添加或者处理内容，再进过2中间件时，可以获取到1所做的所有处理后的结果。 next是一个回调函数，他是运行下一个中间件的关键，如果没有next，那么运行就结束在当前中间件中。 也正是这个next，才能达到koa所提倡的洋葱模型。 const Koa = require("koa"); const app = new Koa(); app.use((ctx, next) =&...
nvm作为一个切换node版本的管理软件，有时候非常好用。 下载 github window下载nvm-setup.zip 是一个安装版的，推荐使用 nvm-noinstall.zip则是一个免安装版的，看需要。 如果已经安装了node，再安装nvm他会提示信息，询问你已经安装node了，是否还要安装nvm进行版本管理，选是。 常用命令 nvm list available //查看网络可安装的node版本号（一般选LTS版本） nvm list //查看已安装的node版本 nvm install 11.15.0 //安装node v11.15.0 版本 nvm us...
npm有nrm，我yarn怎么能没有呢 全局安装 npm install -g yrm --registry=https://registry.npm.taobao.org 安装完毕，查看ls列表 yrm ls 如果提示你什么禁止运行脚本，且是win10 powerShell的话 可以这样做： get-executionpolicy //他会返回Restricted set-executionpolicy remotesigned //旧win10可以用，新版不行 Set-ExecutionPolicy -Scope CurrentUser //最新win10使用该命令，...
最近评论