专栏首页云开发使用云开发在5.20表白的正确打开方式

使用云开发在5.20表白的正确打开方式

5.20,又是一个情人节的到来。

细数一下,每年的情人节还真是有点多呢:传统情人节、白色情人节、七夕情人节…近些年又流行起5.20网络情人节,这让广大单身汪们不禁感到错愕:怎么女朋友迟迟不来,情人节倒是接连不断的来,这谁受得了呀!

不仅如此,打开手机,朋友圈在疯狂撒狗粮;想出去散心,好兄弟又去过二人世界了;刚刚放下工作资讯,父母又来电话,表示一番语重心长的感情“问候”,哎,怎么就这么难呢?

为了让大家远离苦海,早日拥抱幸福,云开发的小编舍己为人(不仅是单身汪一只,还要加班),为在座的各位设计了一个独一无二又极具浪漫色彩的表白方式:制作一个专属定制弹幕表白页面!不仅能在技术上得到自我提升,还能在情场中大显身手。

相信没有谁可以抵挡这属于程序员的浪漫!

样例展示:

是为了恋爱周年纪念日, 所做的一个 H5页面, 并部署在腾讯云开发平台上

滑动查看效果

(扫码进入H5观看)

作者简介

彭佳伟,从 18 年 7 月份至 19 年年底负责在线教育部腾讯课堂产品的 Web 开发工作,目前在微信支付负责境外小程序的研发。

部署网站,你的惊喜从这里开始

1.从 Gitub - wedding-invitation 下载源代码

2.参考 云开发 - 静态网站管理文档,开通云开发环境。开通过程需要 3~5 分钟,开通后记录环境 id,例如截图中是 elvinn-1aa07

3.打开源代码,搜索 elvinn-1aa07 并全部替换成你的环境 id

4.打开源代码,搜索 /xinyi 并全部替换成你想部署的路径。如果想部署在根路径的话,直接替换成 / 即可

5.打开源代码,修改文案和图片:

  • src/mock/data.js 展示的文案数据
  • src/images/photo.jpg 弹窗展示的图片

6.这个时候就可以在命令行,依次执行下列命令,直接部署静态页面了:

  • npm run build 按照配置生产静态页面
  • npm run cloud:login 执行腾讯云登陆
  • npm cloud:dist-front 部署静态页面

到目前为止,静态页面就已经部署在腾讯云静态网站托管上了。

用云函数和云数据库实现祝福弹幕的存储

  1. 在数据库中添加集合 wedding-invitation-barrage
  1. 参考云开发 - 登陆鉴权,开启匿名登录和配置域名
  2. 执行 npm run cloud:dist-funcs 会将 src/functions 目录下的云函数部署到腾讯云上,此时即可通过云函数,将弹幕存储到腾讯云的数据库中啦。

更多的页面个性化设计和细节需要自己来完善啦!

在这特殊的日子里,不论是给你的伴侣制作一个惊喜,还是向心上人表明爱慕之心,相信这份用心和认真都会感动对方,拉近彼此之间的距离。

抓紧机会,开始你今日份的浪漫之旅!

本文分享自微信公众号 - 腾讯云云开发(tcb2tcb),作者:彭佳伟

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-05-20

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 如何通过 Github Action 获取静态资源部署服务

    印记中文一直致力于为国内前端开发者提供技术文档的翻译服务,比如 React, Webpack, Node.js 等技术文档,都能有看到印记中文参与的影子。为了让...

    腾讯云开发TCB
  • ​借助云开发数据库实现小程序列表上拉刷新功能丨云开发101

    上一期101专栏中,我们介绍了如何借助云开发数据库实现小程序的列表触底自动加载功能,相对应的,小程序列表上拉刷新又该如何实现呢?本期专栏就来为大家解答。

    腾讯云开发TCB
  • 云调用,小程序鉴权正确姿势

    互联网的应用,大大小小,不同场景,都离不开鉴权,从简单的可被用户感知的登陆鉴权,到技术侧不被感知的各种技术参数鉴权,都有着形形色色的鉴权方式和表现形式。

    腾讯云开发TCB
  • 云计算大会,腾讯云黑石TStack一体机柜惊艳首发

    2018年12月12日,由工信部和国标委指导,中国电子技术标准化研究院、中国开源云联盟、全国信标委云计算标准工作组主办的“第八届中国云计算标准和应用大会”在北...

    腾讯开源
  • 给 Java 和 Android 构建一个简单的响应式Local Cache

    首先,Local Cache 不是类似于 Redis、Couchbase、Memcached 这样的分布式 Cache。Local Cache 适用于在单机环境...

    fengzhizi715
  • R语言包_dplyr_2

    data_frame() is a better way than data.frame() for creating data frames. Benefit...

    用户1147754
  • 不谈赋能谈助力,腾讯云要实现什么

    近日,马化腾第三次参加云+未来峰会,提出了人联网、物联网、智联网的“三网”的概念,腾讯“超级大脑”也正式亮相。马化腾还提出了“一三五七”四个数字,其中“一”指的...

    用户2908108
  • cmake:macro,function中ARGV,ARGN参数的区别

    版权声明:本文为博主原创文章,转载请注明源地址。 https://blog.csdn.net...

    用户1148648
  • 大咖分享!腾讯会议大规模任务调度系统架构设计

    腾讯会议大规模扩容,快手春节红包流量洪峰:超大规模给云计算系统带来诸多挑战。如何管理海量节点并持续提升可扩展性?如何保证复杂工作流的稳定执行和故障自愈?如何提...

    腾讯大讲堂
  • About Windows 10 April 2018 Update

    Shao Meng

扫码关注云+社区

领取腾讯云代金券