阿里云云开发Web应用训练营-第四次打卡任务详解

阿里云云开发Web应用训练营-第四次打卡任务详解

废话不说,直接开始

说明:由于是补发,为了快速打卡,有些步骤有省略。。

一、创建新应用

登陆阿里云云开发平台 https://workbench.aliyun.com/
阿里云云开发Web应用训练营-第四次打卡任务详解_第1张图片
点击【创建新应用】在新建应用窗口技术场景选择【WEB】解决方案选择【NodeJS存量应用迁移方案】点击【下一步】
阿里云云开发Web应用训练营-第四次打卡任务详解_第2张图片
填写应用名称、应用介绍【20200922】点击完成,等待代码仓库初始化,后点击【开发部署】打开Cloud IDE。IDE打开后点击下方终端标签,在终端中输入

npm i

二、测试应用

然后点击左上角【WB】图标,点击测试标签,选择预览模式,点击【测试】按钮,IDE中打开标签,显示测试结果。
阿里云云开发Web应用训练营-第四次打卡任务详解_第3张图片
复制测试结果中的环境变量信息

OTS_ENDPOINT=https://todolist.cn-shanghai.ots.aliyuncs.com
OTS_INSTANCE=todolist
OTS_ACCESSKEY=LTAI4G1j3U8ue1yT3g6Tg1TG
OTS_SECRET=WB8Ev6zMHoKQnUSLp8V4zP7xeAgbWC
RDS_HOST=rm-uf6y14uhf0080yfrb7o.mysql.rds.aliyuncs.com
RDS_DBNAME=faas-test
RDS_USERNAME=faas_db_test
RDS_PASSWORD=YY6i8Jp7W_mtYxU

三、应用配置

打开云开发平台应用列表点击【应用配置】
阿里云云开发Web应用训练营-第四次打卡任务详解_第4张图片
在弹出页面的【绑定域名】输入框中输入我们的日常环境所用的域名点击【批量添加环境变量】将刚才在IDE中复制的环境变量粘贴
阿里云云开发Web应用训练营-第四次打卡任务详解_第5张图片
阿里云云开发Web应用训练营-第四次打卡任务详解_第6张图片
点击预发环境标签,填写预发环境绑定域名,并添加刚复制的环境变量
阿里云云开发Web应用训练营-第四次打卡任务详解_第7张图片
点击线上环境标签,填写线上环境绑定域名,并添加刚复制的环境变量
阿里云云开发Web应用训练营-第四次打卡任务详解_第8张图片

四、部署应用

点击【确定】按钮回到IDE中点击左上角【WB】标签,点击【部署】选择【日常环境】点击【部署】按钮进行日常环境部署
阿里云云开发Web应用训练营-第四次打卡任务详解_第9张图片
部署完成后选择【预发环境】勾选【将日常环境发布到预发环境】点击【部署】按钮
阿里云云开发Web应用训练营-第四次打卡任务详解_第10张图片
预发环境部署完成后选择【线上环境】勾选【将预发环境发布到线上环境】点击【部署】按钮
阿里云云开发Web应用训练营-第四次打卡任务详解_第11张图片
部署完成后回到应用列表进行截图,打卡。
截图如下。
应用信息:
阿里云云开发Web应用训练营-第四次打卡任务详解_第12张图片
应用配置:
阿里云云开发Web应用训练营-第四次打卡任务详解_第13张图片
阿里云云开发Web应用训练营-第四次打卡任务详解_第14张图片
阿里云云开发Web应用训练营-第四次打卡任务详解_第15张图片

五、应用下线

完成打卡,一定要记得把应用下线,否则可能会产生费用。
完成打卡,一定要记得把应用下线,否则可能会产生费用。
完成打卡,一定要记得把应用下线,否则可能会产生费用。
重要的事情说三遍。
一定要确保【日常】、【预发】、【线上】全部下线
阿里云云开发Web应用训练营-第四次打卡任务详解_第16张图片

你可能感兴趣的:(笔记,经验分享)