MENU

「作品总结」墨灵音乐

December 12, 2020 • 技术,原创,作品,生活

(。•ˇˇ•。)我没能给墨灵过上 4 岁生日。
关闭之际,我想回顾这近 1300 天的历程。
墨灵是 mkplayer 开源项目的改进版,也是我作为计算机初学者的第一个练手的项目。诞生之际,我没想过会有这么多人会去用它。
随着墨灵的长大,它的经历越来越丰富,故事越来越多。

技术回顾

非技术回顾(作者感想)

如果你对墨灵音乐所使用的技术不感兴趣,
建议直接点击链接浏览《墨灵音乐给全体用户的一封信》:https://qugeek.com/blog/archives/Work-summary-of-Moling.html#menu_index_20

前端

JS

因为我是菜鸟,所以当时只学会了最基本的 JS,还没接触 Vue 等。没有使用 ES6,因为浏览器兼容(vivo 手机浏览器...)问题。

没用上 worker 、pwa 那些高端玩意。低端玩家,比如我,使用各种小玩意来优化前端性能。不得不叹息一句:WebSQL 普及的真差。

总有人问我,前端 JS 为什么加密?前端加密一定是可解的。接口不希望轻易暴露,加密也只防君子不防小人。事实证明:It worked.

CSS

大量使用动画,使用完善的 Weui 库来支持夜间模式。

我是从 Weui 库的源码中学会如何只使用 CSS 来完成夜间和白天的主题切换。

ff5b00022184b116b636.png

137a000010bff9b1b5d6e.png

异常上报

使用 Sentry、frontjs 平台监控。

主要用来防止更新版本后 bug 爆发。

数据统计(埋点)

依次使用了百度统计、Google Analysis、自建程序,最后回到了百度统计。

因为埋点过多,程序无法处理大量的数据导致跑着自建统计程序的服务器屡次阵亡,最后放弃。百度统计比谷歌统计更加清晰;谷歌统计非常细化,只适用于商业化站点。

www.frontjs.com_app_ac24913a464b1a319f2218b7e6367205 (1).png


后端

PHP:因为我是菜鸟,所以当时我只会 PHP

至今还在疑惑 PHP 为何会 503。现在能说得通是肉鸡扫服务器时提交了垃圾数据,程序没有做异常处理,然后。

无数据库:没有使用任何数据库,不是因为我菜,是因为不需要。程序的缓存和大量小文件数据都存放在高效的文件系统中。

唯一遇到的问题就是数据迁移与备份。硬盘中存储了超过 900 万的缓存。初期未预知到文件这么多,导致硬盘 inode 爆满。

QQ截图20201213002009.png


服务

服务器

为了省钱(穷),各种优惠服务器真是能嫖就嫖。
主站、API、鉴权分别部署在三台主机上。服务器指标:高性能高 IO,稳定可靠。
下载服务器部署在若干主机上。服务器指标:低性能、高上传。

前后大大小小的服务器部署了至少也有 50 台左右了。牢记:快照、先备份再操作。

域名

域名前后换了几个。还是 COM 最香。

DNS

用的 DNSPOD 企业基础版。主要用到的是负载均衡功能。

下载是用的一个域名,根据主机权重在 DNS 层面实现负载均衡。这样最简单,但显然这样的负载均衡不是严格按照权重分配的。

CDN

用的腾讯云全球 CDN。特殊时期: CLoudflare Pro 版本。

阿里 CDN 功能过于细分,不适合。腾讯云 CDN 无攻击减免,下图为被攻击惨况。

QQ 截图 20201212234350.png

运行状态

主机监控:阿里云云监控。用于监控全部主机的 CPU 等核心信息。
外部监控:UptimeRobot PRO(一个国外的平台)。用于监控域名、主机、CDN 的外部可通性和可用性。

QQ截图20201213001418.png

QQ截图20201213001029.png

攻击

这三年,我目睹了:DNS FLOOD 攻击、云服务器 DDOS 攻击、CDN DDOS 攻击、API 接口伪造攻击。
有趣的是,攻击我的人似乎是同一个。没有很好的对付策略,放平心态。

QQ 截图 20201212235630.png

QQ 截图 20201212235813.png

用 PHP 写了一套自己的 IP 评分机制,用来阻止 API 接口攻击。

其他

域名被腾讯封锁:被别人恶意举报,被网友们提交申诉救回来了。是个奇迹,我自己没想到能起死回生。

SSL:因为方便,所以用上了付费证书。因为国内环境,开启了 OCSP。

版本控制

没用上 git 来实现版本控制。
无法追溯 bug 是最头疼的了。

一些数据

跑了:1300 天左右
播放:70 万首歌曲/天(按次、不去重、平均值)
搜索:13 万次/天(按次、不去重、平均值)
Q 群:12 个(后面建不动群了,干脆就把整个群清空再加人)
代码量:除去库,标准格式化后估摸 1 万行吧。感觉没啥意义。

总结

值得被吐槽的地方很多,当然,当时菜鸟的我只能做到这水平了。
如果有机会,肯定会用上最新的技术来写。

每个部分实现起来并不复杂,甚至对于很多大佬来说,too easy 甚至 too low 了。然鹅,完整的跑起来并让它持续地跑是一件相当有挑战的事情。一个人顾及方方面面,确实不易。

维护起来因为平时就很忙所以断断续续的。维护的不连续性也产生了很多麻烦。

现在回看,我觉得最糟糕的是:很多东西没有深入理解或者学习,就用上了。比如 :SSL 原理不懂,就给部署上了。JS、CSS 没系统学,边写边抄是大忌。

下一次的目标

或许有一天我会“卷土重来”。
始终维护旧项目,会让自己的技术落后,一直困在舒适圈里面。
至始至终,代码是一个人在写。所以,都是自己想怎么来就怎么来。
如果有那么一天,我会进行重构。
模块化、组件化、规范化,是下一次的目标。(有感于文章 https://75.team/post/yunpan_refactoring


非技术总结

墨灵音乐后续(2021 年新春)

墨灵音乐会被我重写一遍代码,
然后以全新的形态发布。
功能只增不减,目前计划不公开开放。
在本文章下面认真评论的小伙伴,
届时会收到邀请邮件。(评论时建议填写 QQ 邮箱)
如果你曾经喜欢过墨灵,欢迎留下你的足迹。
如果你愿意帮助墨灵,欢迎点击下方的“打赏”帮助我们。

(。・ˇˇ・。) 我没能给墨灵过上 4 岁生日。

关闭之际,我想回顾这近 1300 天的历程。
墨灵是 mkplayer 开源项目的改进版,也是我作为计算机初学者的第一个练手的项目。诞生之际,我没想过会有这么多人会去用它。
随着墨灵的长大,它的经历越来越丰富,故事越来越多。

一、 墨灵刚部署之时
起初,我只是当作一个练手程序去做。所以,我的绝大多数时间都是用在“写新功能”(自娱自乐)上。那个时候,更新墨灵是一件非常简单的事情:写代码 → 推送到服务器 → 完成。


二、 小有名气之时
当墨灵的用户越来越多的时候,问题随之暴露。

1.第一个阶段添加的新功能,未做浏览器兼容测试,未做细节优化,功能只是处于能用的阶段。一个好的程序的功能应该是“易用的”,而不是“能用的”。随着用户提交的反馈越来越多,墨灵开始细化功能,打磨用户的每一次点击。
2.我发现我也不能再像之前一样更新墨灵,因为我的一次隐藏着 bug 的更新会波及到非常多的用户。所以,更新墨灵变成了一件富有挑战的事情:收集用户反馈、确定要更新的内容 → 编写代码 → 本地多次测试 → 凌晨推送更新 → 线上测试 → 决定是否回滚代码 → 完成。 挺累,但挺好。


三、 初具规模
(╯‵□′)╯︵┴─┴ 当墨灵的用户再翻倍的时候,问题又来了。
① 服务器“爆炸”了。服务器其实没有那么神秘,它和你家的电脑、手机没有本质区别。
服务器爆炸 意味着 服务器太忙 ,当然也意味着 加钱。
② 费用“爆炸”了。买服务器要钱,钱包受伤,这个我就不多言了。 (如果你愿意帮助墨灵,欢迎点击下方的“打赏”帮助我们。)

③ 我“爆炸“了。其实,服务器满载,我挺开心的,自己的东西能被人用,谁不开心呢?然而,我发现了不善的访客,他们在恶意消耗服务器资源。墨灵一直没有做登录功能,不是我不能,是我不想。对于用户而言,登录是一种麻烦。对于我而言,登录功能意味着把用户进行分类,或者说我可以选择差异对待用户。这不是墨灵的初衷。因此,每一个用户对于我们来说都是匿名访问。然而,这种”匿名“给我们带来了麻烦,不足 0.1% 的恶意用户消耗着我们 80% 的资源。我花了大量的时间,在尽量避免影响正常用户,不加入登录功能的情况下,去解决这个问题。值得开心的是,这个问题被解决了。遗憾的是,1→ 我投入了大量的精力以至于拖延了整体更新进度。 2→ 这会影响极少数网络环境异常但确实是正常用户的访问。我写了这么长的一段来说这个问题,是有原因的:不仅仅是我,任何网站的开发者,在用户量上升的阶段一定会遇到这个问题。开发者们都非常头痛,用户的不理解往往加剧了这个问题。


墨灵教会我的,也是最重要的:一个程序的功能完整是基础,最最最重要的是功能易用。功能上线前的一次次测试,是为了提高功能的易用性。一个程序的某个功能不能正常运作,不应该是告诉用户“开发者预期的操作过程“,而是程序本身应该足够完善,无论用户做了什么动作,用户都能得到它预期的结果。这就好像,一个好的产品,不需要说明书,无论是傻瓜还是精通的人,无论是老人还是年轻人,都能轻易上手。条条大路通罗马,应该是一个程序设计的准则。当然,这也是墨灵每一次测试的准则。


至于,墨灵为什么关闭,有很多原因,可能你很关心,但是我不太想与你分享。

墨灵音乐后续(2021 年新春)

墨灵音乐会被我重写一遍代码,
然后以全新的形态发布。
功能只增不减,目前计划不公开开放。
在本文章下面认真评论的小伙伴,
届时会收到邀请邮件。(评论时建议填写 QQ 邮箱)
如果你曾经喜欢过墨灵,欢迎留下你的足迹。
如果你愿意帮助墨灵,欢迎点击下方的“打赏”帮助我们。

此处内容需要评论回复后方可阅读

支持

墨灵没有广告,墨灵的运作完全靠网友的赞赏。
如果你曾经使用过墨灵并且愿意帮助它,欢迎支持我们。

微信

微信支持

微信

支付宝

支付宝支持

image.png

Last Modified: February 27, 2021
Archives QR Code ¥ 打赏
QR Code for this page
Tipping QR Code
发表新评论

9307 Comments
  1. ning ning

    墨灵真的很好,功能也很好用。非常感谢作者一直的努力,能让我们用上墨灵 。也希望作者自己收获自己想要的成果

  2. 阳光下的背影 阳光下的背影

    期待墨镜的回归@(吐舌)

  3. 可乐 可乐

    很好

  4. llll llll

    虽然作者说自己是初学者,但在我看来墨灵已经很好了。非常幸运能遇到这个网站!希望作者能实现自己的愿望,不断进步,而已,等你回来!

  5. 娈

    很好的一个网站,也是我第一个收藏的网站,毕业以后突然发现打不开了,有些失落,希望还有机会可以看见新的墨灵吧~

  6. Mr.小张 Mr.小张

    一个在浏览器收藏夹的网站,习惯了电脑上没有其它音乐平台,偶尔会戴上耳机,打开网页...期待还有几乎再用到,加油!

  7. KK KK

    期待墨灵王者归来。
    勇敢灵灵,不怕困难。

  8. lbw lbw

    说真的这网站用了很久了,突然关闭确实挺舍不得的,加油吧,做最好的你

  9. 少年奔驰 少年奔驰

    加油,你是最棒的。相信有一天你会以全新的面貌回来@(呵呵)

  10. linsayhi linsayhi

    刚了解到这个网站 以为就要关闭了~
    读了一圈下来 原来是作者要重新整装出发 总体来说为爱发电坚持这么久真的是不容易了
    期待新的回归 先收藏啦~

  11. 少年与梦 少年与梦

    加油吧小墨,你是我们的宝藏呢~希望我们能早点见面!

  12. 11111 11111

    111

  13. 麻花藤 麻花藤

    疼训给爷死!!!

  14. 青

    加油嗷!你是我们的宝藏呢~我们可以一起坚持下去哒!

  15. jet jet

    Best wishes.@(真棒)

  16. star star

    加油

  17. 天寒 天寒

    加油!!!

  18. 马鹏辉 马鹏辉

    加油,第二次来了

  19. 比利托洛弗 比利托洛弗

    祝愿你的新项目可以顺利开发

  20. sterben sterben

    加油

  21. 夜猫子 夜猫子

    加油!

  22. 还好 还好

    还好

  23. 宝宝 宝宝

    加油哦,越做越好,等你回归#(期待)

  24. t t t t

    是听朋友推荐过来的,为了作业要找各种各样的音乐,没想到没用上几次就这么快说了再见,希望墨灵能越来越好!!

  25. 执念 执念

    应该还可以吧!

  26. lwr lwr

    登录好几次发现墨灵不在了,原来是关闭了,墨灵一直以来都是收藏夹里唯一的音乐网站,看着写的满满的分享感觉好有诚意,好厉害好有爱的作者,加油加油!!!

  27. QQ QQ

    厉害厉害再接再厉期待

  28. mr.whale mr.whale

    加油!

  29. zcc zcc

    我真的超级喜欢墨灵,我是初中遇到这个网站的,现在我上高二啦,希望墨灵越来越好!

  30. Coder Coder

    收藏夹里曾经唯一的在线音乐网站,如今有很多翻版,但还是怀念墨灵

  31. hatcher hatcher

    加油,加油,期待有一天看到你回来

  32. 满满慢慢 满满慢慢

    那段在学校的日子一直用的是这个网站听歌,我们过着枯燥的生活,简简单单的音乐是难得的乐趣。原来再煎熬、再讨厌的生活遇到了离别,也会变得格外的珍贵起来。因为深深的知道,就这一次,再也回不去了。

  33. aaa aaa

    加油加油

  34. RAinfall RAinfall

    有心了。之后学习学习争取也能跟上大佬的步伐。加油!!@(真棒)

  35. wxt wxt

    加油加油加油!

  36. qiu qiu

    加油加油

  37. CL CL

    第一次了解到墨灵,看到网友们的好评,非常遗憾之前没有用到,希望有机会能够体验一下,谢谢!

  38. XXL XXL

    看看~~~~~~~~~~~~~~@(哈哈)

  39. 凤凰城下的小码农 凤凰城下的小码农

    等更新

  40. Adam Adam

    居然找不到了 可惜

  41. miao miao

    昨夜风雨大作,突然想起很久之前曾来这里留过言,想翻寻,未果。
    墨灵的关闭,难免有些惋惜,只是节物风光不相待,桑田碧海须臾改,没有什么东西是永恒的,随即便又释然,每一次的消失,都是为了更好的相遇。
    墨灵未来更好。

  42. 超哥哥 超哥哥

    期待啊 没你怎么活

  43. 道友请留步 道友请留步

    墨灵加油,作者加油,期待王者归来

  44. 米罗 米罗

    超级好的网站呀~加油!!!!!期待回归@(真棒)

  45. 毛毛虫 毛毛虫

    墨灵竟然也是我这个三十多岁人听音乐的首选,感谢作者一直以来的付出,期待你的再次出山,为你点赞!!!

  46. cass cass

    超级好的网站呀!感谢大大 加油!!

  47. ... ...

    大晚上,突然想起了这个网站,凭着记忆把yinyue.qugeek这个链接打了出来,没想到,我还真没忘。哈哈哈。

    什么时候网站恢复啊,cheer up!

  48. 聆子呀 聆子呀

    干巴爹!!

    1. 阿萨德 阿萨德

      @聆子呀墨灵竟然也是我这个三十多岁人听音乐的首选,感谢作者一直以来的付出,期待你的再次出山,为你点赞!!!

  49. 塔夫绸 塔夫绸

    mkplayer,真是学生时代的记忆,以前的音乐通过磁带听,随着科技发展,时代让磁带cd等其他介质被淘汰,唱片谁来付费,只有电子音乐的音乐,最后电子版本消失了,又从哪里去找呢?
    期待新生

  50. 胖大海 胖大海

    我也是敲代码的 请问初学者就能做到这样吗 (毕业准备找工作阶段啥也不懂)?大佬不愧是大佬 不一样(我哭了)