30行代码如何写一封七夕密书?

本文涉及的产品
云效 DevOps 流水线,基础版人数 不受限
云效 DevOps 测试管理,基础版人数 不受限
云效 DevOps 代码管理,基础版人数 不受限
简介: 首先你得有个对象,new的也可以

首先你得有个对象,new的也可以
其次你得有秘密,公开的也可以
你还可以加入有趣的视频、回忆的照片、甚至是支付宝口令红包,谁领到红包就是你对象啦~
最后,运行上线,分享给你的new的对象,o no,是真对象。
立即参与,赢取2000个定制git鼠标垫:
https://developer.aliyun.com/adc/series/devops/

详细攻略:https://developer.aliyun.com/adc/scenario/exp/8464960ac980400d95ff092b95e1a97e

具体的步骤,跟着我一步步来吧!

一. 克隆七夕示例库

本步骤将指导您把七夕示例库克隆到您的云效代码仓库,后续您可以修改示例库代码并使用流水线部署代码。

前往云效代码管理Codeup:新用户登录之后选择 [导入代码库],老用户可以单击 [添加代码库] – [导入代码库]。

选择 [URL导入],复制七夕示例库源码地址:https://code.aliyun.com/yunxiao2020/letter.git,然后单击 [确定],即完成示例代码的导入。
image.png

稍等待一点时间,导入完成后如下所示

二. 用心书写情书内容

在本步骤中您需要修改七夕示例库中的情书内容,请用心书写吧。
左边目录选择 app/service/data.js文件,单击 [编辑] 或者 [Web IDE],即可进行情书内容编辑。情书格式上,我们进行了字段注释。
(1)theme :字段—选择情书书信模板。我们提供了爱人、朋友、同事3种书信风格模板(见下图)。你可以根据寄信角色,设置不同的主题模板。

(2)from :字段—填写寄信人名字;To字段—填写收信人名字,这里的名字设置将会体现在书信正文、以及H5页面的分享标题上。

(3)avatar:字段— 填写寄信人头像。

如下所示,头像主要在书信中的以下位置体现出来。

头像的设置上,输入一个无需登录公开可访问的图片链接。

(4)question字段——设置一个打开情书需要完成的问题,我们称他为情书暗号。

一个好的暗号问题,可以勾起 2个人之间的一段共同回忆,强烈推荐设置。例如:

对女朋友,你可以设置:还记得我们第一次见面是什么时候吗?

对大学同学,你可以设置:还记得咱们大学宿舍的门牌号吗?

对同事,你可以设置:还记得咱们第一次一起通宵加班是什么时候吗?

效果示例:
image.png

(5)answer: 字段 ——解密的正确答案,注意不要超过10个字

(6)text :字段 ——情书正文,可以输入文字或图片

情书内容编辑好后,请一定记得点击 [保存]。

点击 [确定],提交到Master。

编写好情书内容后,单击右上角的 [设置] 按钮,选择 [集成与服务],开启右边开关,云效内置的AI研发助手云豆将会对你的代码进行代码质量和安全检测,帮你发现代码缺陷和敏感信息等。
你可以选择1到2个进行试用体验。

情书编写好后,就要进入我们的下一个环节啦——发布上线!

三. 新建流水线

本节介绍以流水线的方式进行发布部署。

打开云效流水线。点击击左上角九宫格,选择 [流水线]。

单击 [新建流水线]。模板选择: [其他-云效七夕活动],然后单击 [创建]。
image.png

四. 配置流水线代码源

单击 [添加代码源],选择 [云效Codeup] 代码源,代码仓库选择导入创建的代码库 [letter],默认分支选择 [master],同时 开启代码源触发,最后单击 [添加]。
image.png

五. 配置Docker镜像构建

单击 [Docker 镜像构建] --> [镜像构建并推送至自定义镜像仓库],并填写以下信息。

镜像仓库地址: registry.cn-hangzhou.aliyuncs.com/yunxiao-letter/yunxiao-letter:${BUILD_JOB_ID}
用户名: yunxiao-letter@1515906102291199
密码: yunxiao2020

image.png

六. 配置Kubernetes发布

新建集群连接配置。
image.png

单击[Kubernetes 发布] -> [Kubectl发布] -> [新建连接]。
image.png

选择 [自定义集群],集群名称自定义即可,集群配置文件,将如下配置全部粘贴进去,然后点击 [保存]。

复制以下链接 https://research.devops.aliyun.com/kube.config.yml 进入集群配置文件页面,将页面配置文件复制到集群配置文件中。

填写完集群配置文件后继续配置其他信息。

命名空间填 yunxiao
YAML路径填 deployment.yml
新建变量1 选择上游输出,YUNXIAO_LETTER_IMAGE,镜像仓库地址
新建变量2 选择自定义,PIPELINE_ID,${PIPELINE_ID}

image.png

七. 修复单元测试问题并分享情书

运行完成后,可以看到,流水线中设置的质量卡点 [JavaScript 单元测试] 检测出了代码错误。这里,其实我们可以感受到云效流水线的质量卡点功能。在企业实际研发流程中,代码发布前,我们推荐有这样的质量卡点环节。
image.png

我们点击图中的1,查看错误提示,标注了出错文件名和正确写法。

image.png

知道错误提醒后,点击九宫格,我们回到云效Codeup进行错误代码的修改。
image.png

按照提示更改完代码错误后 点击 [保存]并 [提交],我们再回到 云效流水线Flow 页面。因为我们在前面的流水线里设置了 [提交代码源触发],所以可以看到,修改代码后,流水线已经被自动触发运行了。
image.png

然后等待运行就行,没有被触发运行,你也可以手动点击 [运行]。

image.png
运行完成后,一封密码情书就上线啦!点击 [预览] 或 [扫描“二维码”] 即可查看情书啦。

相关实践学习
2分钟自动化部署人生模拟器
本场景将带你借助云效流水线Flow实现人生模拟器小游戏的自动化部署
SVN版本控制系统
SVN是现在软件开发之中的主流软件版本控制工具,在工作之中利用SVN可以有效的解决多人开发的代码管理问题,本课程将为读者讲解SVN服务器的配置以及基于MyEclipse的SVN客户端插件的配置与使用,并且在讲解之中着重讲解了冲突的产生于解决。
相关文章
|
5月前
咖啡看书休闲时光404错误页面源码
咖啡看书休闲时光404错误页面源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
30 0
咖啡看书休闲时光404错误页面源码
|
搜索推荐 Cloud Native Go
面试结束后:如何写一封有效的感谢信
面试结束后:如何写一封有效的感谢信
71 0
|
搜索推荐 JavaScript 前端开发
如何写一个程序,哄女朋友或者老婆开心?
@[TOC](目录) 如何写一个程序,哄女朋友开心?下面有个列子 要编写一个让女朋友高兴的程序,需要考虑以下几点: 1. 了解女朋友的兴趣爱好:如果女朋友喜欢音乐,可以在程序中添加音乐播放功能;如果女朋友喜欢拍照,可以在程序中添加拍照和修图功能。 2. 考虑女朋友的需求:如果女朋友需要管理日历和任务,可以在程序中添加这些功能,帮助她更好地管理时间和任务。 3. 添加个性化元素:在程序中添加一些女朋友喜欢的元素,比如她的名字、照片、喜欢的颜色等等,让程序更加个性化和特别。 4. 添加互动元素:在程序中添加一些互动元素,比如发送生日祝福、情人节祝福等等,让女朋友感受到自己的关心和爱。 下面是一些可
228 0
|
信息无障碍
最常见的面试问题与技巧性答复 | HR的小心思,你真的懂吗?
最常见的面试问题与技巧性答复 | HR的小心思,你真的懂吗?
209 0
|
消息中间件 存储 JavaScript
如何写出一手让同事膜拜的漂亮代码?
如何写出一手让同事膜拜的漂亮代码?
|
存储 机器学习/深度学习 算法
大逆不道,从天界偷下来的算法修仙秘籍竟然传到你手上~~(结尾有彩蛋)
这有可能是你见过最离谱的标题 这有可能是你没见过的技术文章模式 我不知道我的选择是否正确,但是我的想法就是: 不再让技术冷冰冰,让所有人学习中获得快乐!
263 1
|
JavaScript 前端开发
不看后悔系列!原来代码还可以这么写!
不看后悔系列!原来代码还可以这么写!
|
程序员
发送爱心-程序员的一点小浪漫
发送爱心-程序员的一点小浪漫
133 0
发送爱心-程序员的一点小浪漫
|
小程序 数据安全/隐私保护 计算机视觉
切勿外传,我要把我的写作“小心思”放出来了!| 年终总结之学习篇🚩
切勿外传,我要把我的写作“小心思”放出来了!| 年终总结之学习篇🚩
176 0
切勿外传,我要把我的写作“小心思”放出来了!| 年终总结之学习篇🚩