irpas技术客

2022年-最新二次部署yapi流程及解决方案(优化版)_前端CV攻城狮_yapi最新版本

大大的周 4244

一:环境配置

首先你应该保证电脑有node,有mongoDB吧,mongoDB安装方法放在最后了,直接上重点 注:windows系统我试了几个版本的node都不太行,可能是我菜,有条件的装个nvm吧,直接切8.9.4版本的node,嘎嘎好用~

二:mongoDB配置

请确认是否已完成MongoDB的基本配置,例如

1.配置环境变量

open -e .bash_profile (因为我这没有这个文件所以我要新建一个)

2.mongodb下新建一个空的数据文件data,在data下新建一个db文件夹 3.mongodb下新建一个空的日志文件log 三:mongodb准备工作完成后,开启服务 1.启动数据库

从mongodb文件夹下的bin进入终端,输入命令

mongod --dbpath C:/mongodb/data/db

这条命令是开启服务,它会一直运行,只要你要使用Mongodb,这个窗口就不能关 请确认你是否完成上面配置,确保有 data和db这两个文件夹 这样便是开启成功了

2.创建mongodb的用户名、密码

因为如果是新安装mongodb的话,没有管理员账号,无法初始化yapi数据库

//进入mongodb mongo //进入账号管理 use admin // 以下两种都可以 // 创建全局账号,这里是一个管理员账号,可以指定某个数据库的管理员 db.createUser({ user: "admin", pwd: "123456", roles: [{ role: "userAdminAnyDatabase", db: "admin" }] }) // 创建超级管理员 db.createUser({user:"root",pwd:"123456",roles:[{role: 'root', db: 'admin'}]})

出现下图样式,说明已经创建好了

四:启动yapi 1.代码准备

把gitlab上yapi代码拉下来 你应该已经有了,不然不会看到这一步,所以…我没贴地址 拉下来的代码放在一个空文件夹里,把项目文件夹里的config_example.json复制一份,放在与项目文件夹同级的地方,并改名为config.json

2.配置config.json

打开congfig.json,更改mongodb的用户名、密码,即刚刚创建的管理员账密, authSource改为admin,目的是通过admin库进行登录认证

db.user 和 db.pass 是 mongodb 的用户名和密码,如果没有开启 mongo 认证功能,可以删除这两个选项。

3.安装依赖 //打开yapi项目文件所在终端 cd vendors // 安装依赖,我用的这个可以成功,如果不成功,可以换成其他的镜像 npm install --registry https://registry.npm.taobao.org 4. 初始化 (后续启动可跳过这一步,直接进行 5) //mac系统操作方法: //安装程序会初始化数据库索引和管理员账号,管理员账号名可在 config.json 配置 npm run install-server //windows系统操作方法 //需要先执行重置数据库的操作,也就是 node server/install.js //也就是pagckage.json中的 "install-server": " node server/install.js", 5.默认输出

初始化管理员账号成功,账号名:“admin@admin.com”,密码:“ymfe.org”

6.启动服务 //MAC操作方法 npm run dev //windows操作方法 //分别运行 一个后端服务,一个前端服务 "dev-server": " nodemon server/app.js dev -L", "dev-client": "ykit s -p 4000", // 为什么我dev-client烧了一句话呢? 因为他没有build,所以读取不了图标,两种解决方案,一种是删除命令,另一种把icon文件夹复制一份到根目录,就可以解决了, 内心os:为什么windows这么折腾 //最后用 :3000 打开前端即可

启动服务器后,请访问 127.0.0.1:{config.json配置的端口},初次运行会有个编译的过程,请耐心等候 例如我的是:127.0.0.1:3000 运行编译时间可能会久一点,大约半分钟左右

编译完成后,即可根据初始账密登陆yapi

登陆成功之后即可进行后续操作了

7.拓展

这里yapi连接mongodb就成功了,要想看到数据信息可以下载一个可视化工具 接下来可以下载一个mongodb可视化工具,查看yapi数据,推荐mongodb官方社区版MongoDB Compass,下载地址:https://·/download-center/compass

或者使用navicat-mongodb版本

五:问题清单

若启用server服务报错 鉴权失败 解决方案1:请重试创建mongodb的用户名、密码 解决方案2: 确认启动MongoDB服务器的目录是否为 MongoDB/bin/data

六:MongoDB的安装 mac版本 可根据菜鸟教程安装mongodb,或自己鼓捣,官网下载并安装最新版mongodb 下载地址 2.下载完安装包后,解压放到一个喜欢的文件夹里,改名为mongodb,方便命令操作与辨认

3.这里我放在usr-local下,后续路径也会是这个路径,可根据具体安装情况改变

windows版本

1.windows版本就简单多了,exe打开之后选择安装目录,然后创建data/db文件夹 log文件夹 好像就可以了,具体时间久了,记不得了,网上安装的教程很多,多尝试尝试.


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #yapi最新版本 #e #bash_profile