api接口搭建教程（基于vercel和account.mongodb）免费版

最近在学习vue，突发奇想想用自己的接口，就开始在网上搜索相关教程，然后发现看不懂emm,就准备从此过去，去搜免费建站相关的内容，因为之前用过github搭建过一个静态的博客，就这这是转折出现了，以为发现了一篇文章，内容有一个用vercel+mongodb搭建的基础接口，使用TypeScript语言。

说以目前我发现的门槛吧，

• 首选要有良好的上网环境，毕竟人家服务器在国外

• 其次要回举一反三

本次使用的软件和网站有

vscode

https://vercel.com

https://cloud.mongodb.com

先注册vercel账号，再注册cloud.mongodb，因为vercel并不提供数据库的相关功能，这里用的是mongodb，MySQL也是可以的。

我是直接通过github登录

vercel登录后，开始配置数据库

创建新项目

创建数据库

选择免费版，服务器自己选一下，我选的香港，就不配图了

设置用户名密码

回到首页，能看到item就是我这次演示创建的

点进去选择连接

允许任何地方访问，Allow Access from Anywhere,

打开vscode

新建项目，根目录新建api文件夹vercel.json文件,welcome.html文件，api下新建test.js

右键根目录，在集成终端中打开

安装环境变量,一路回车，登录vercel，

vercel.json

welcome.html

test.js

上传

打开网址，目前打开效果

点击test

目前最基础的接口已经可以访问了

下面开始连接数据库

api下新建testdb.js和bendiceshi.js文件

bendiceshi.js

运行

连接成功

回到

打开testdb

到这里接口已经创建成功了，

剩下的就靠你的天马行空了，

这里给你个参考

https://www.shaohua.ml

这个也是vercel+mongodb搭建的