Twikoo Vercel 部署

本文涉及的产品
云数据库 MongoDB,独享型 2核8GB
推荐场景:
构建全方位客户视图
简介: Twikoo Vercel 部署
官方文档: twikoo

部署视频:https://www.bilibili.com/video/av205905942

一、申请 MongoDB 账号

注册地址:https://www.mongodb.com/zh-cn/cloud/atlas/register

image-20211205165354005

二、创建 MongoDB 账号数据库

​ 创建免费 MongoDB 数据库,区域推荐选择 AWS / N. Virginia (us-east-1)

image-20211205165658451

image-20211205170143533

image-20211205170024806

在 Clusters 页面点击 CONNECT

image-20211205170331308

按步骤设置允许所有 IP 地址的连接

image-20211205170525773

image-20211205170555732

设置数据库账号密码,并记录数据库连接字符串

image-20211205170645550

image-20211205170721212

image-20211205170800153

image-20211205170848461

三、Vercel 部署

1、申请 Vercel 账号

​ 地址:https://vercel.com/signup (注意:使用GitHub注册,不要使用qq邮箱绑定的账号,不然会注册失败。在注册之前可以去改一下自己绑定的邮箱,123或者谷歌(建议)邮箱)

2、官方文档点击一键部署

地址:云函数部署

image-20211205171248709

image-20211205171428102

image-20211205171556652

3、添加环境变量

进入 Settings - Environment Variables,添加环境变量 MONGODB_URI

image-20211205171804575

value 就是在创建 MongoDB 步骤时,需要保存的链接

image-20211205171916438

4、重新部署

进入 Overview,点击 Domains 下方的链接,如果环境配置正确,可以看到 “Twikoo 云函数运行正常” 的提示

image-20211205172216298

5、获取环境id

image-20211205172335211

访问地址,会返回以下内容

image-20211205172408611

相关实践学习
MongoDB数据库入门
MongoDB数据库入门实验。
快速掌握 MongoDB 数据库
本课程主要讲解MongoDB数据库的基本知识,包括MongoDB数据库的安装、配置、服务的启动、数据的CRUD操作函数使用、MongoDB索引的使用(唯一索引、地理索引、过期索引、全文索引等)、MapReduce操作实现、用户管理、Java对MongoDB的操作支持(基于2.x驱动与3.x驱动的完全讲解)。 通过学习此课程,读者将具备MongoDB数据库的开发能力,并且能够使用MongoDB进行项目开发。   相关的阿里云产品:云数据库 MongoDB版 云数据库MongoDB版支持ReplicaSet和Sharding两种部署架构,具备安全审计,时间点备份等多项企业能力。在互联网、物联网、游戏、金融等领域被广泛采用。 云数据库MongoDB版(ApsaraDB for MongoDB)完全兼容MongoDB协议,基于飞天分布式系统和高可靠存储引擎,提供多节点高可用架构、弹性扩容、容灾、备份回滚、性能优化等解决方案。 产品详情: https://www.aliyun.com/product/mongodb
目录
相关文章
|
11月前
|
移动开发 安全 JavaScript
uniapp打包成H5部署到服务器教程
uniapp打包成H5部署到服务器教程
1092 0
|
2月前
|
资源调度 JavaScript 前端开发
搭建和部署nuxt项目
【8月更文挑战第4天】
|
4月前
|
域名解析 JavaScript 前端开发
宝塔快速部署若依项目
宝塔快速部署若依项目
|
5月前
|
Devops Java 开发工具
【DevOps】(三)jekins插件下载和安装
【DevOps】(三)jekins插件下载和安装
49 0
|
10月前
|
前端开发 Go
vercel
vercel
96 0
|
域名解析 前端开发 Cloud Native
【阿里云开发】一键部署静态博客——Hexo
【阿里云开发】一键部署静态博客——Hexo
417 0
【阿里云开发】一键部署静态博客——Hexo
|
Kubernetes JavaScript 前端开发
k8s KubeSphere流水线部署Vue前端项目 详细教程
k8s KubeSphere流水线部署Vue前端项目 详细教程
|
存储 JavaScript Linux
运维笔记:关于使用vitepress 制作静态站点并托管到gitee
本文总环关于使用vitepress 制作静态站点并托管到gitee
1104 0
|
网络安全 开发工具 git
使用vercel快速部署vuepress-next项目
使用vercel快速部署vuepress-next项目
|
前端开发
前端工程化-cdn-私服-组件库-云-devops-cnpm-webpack
前端工程化-cdn-私服-组件库-云-devops-cnpm-webpack
92 0
前端工程化-cdn-私服-组件库-云-devops-cnpm-webpack