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
发表新评论

7162 Comments
  1. 花裤小白 花裤小白

    高中时的女友推给我的网站,说是在抖音刷到的,发现挺实用的就一直收藏着,那时学校只能带mp3,很多歌都是在这里下的,还是挺感谢的,既然你说会继续做下去,那么我也在此祝你早日成功!@(真棒)

  2. 北风 北风

    墨灵音乐是我无意间发现的音乐网址,里边的音乐非常全面,还很方便,在网页上就可以下载,没有广告,真的是一款非常用心的音乐软件!支持

  3. vermissen vermissen

    @(爱心)墨灵音乐网站是我迄今为止用的最好的网站,真心喜欢,简约方便,希望能度过这一时期,迎来更美好的明天,加油,我会一直支持并期待着全新的到来。

  4. 慕柳 慕柳

    用墨灵很久啦,从高中开始用,现在已经大学了。一定要加油啊,希望和墨灵快快再见面!!!

  5. fuyaozhishang11 fuyaozhishang11

    ganxie, 使用了两年,没想到这么快就暂停了,期望还能再见面。

  6. 大城le 大城le

    加油!还有这么多人一起在期待你与墨灵音乐的重生!

  7. 归来落樱染轻裳 归来落樱染轻裳

    之前遇见太多好用的网站,无奈很多都不得已关闭了。有搜书的,听歌的,软件下载的,真希望你能挺过来,我们一直在这里等。就像《少年歌行》里的少年一样凭着意气相投,就能携手闯江湖。

  8. 88ddc 88ddc

    加油!!!!!!!!

  9. 桔梗 桔梗

    加油,请坚持下去,喜欢等待的人非常多!!!

  10. moshi80 moshi80

    期待中,伴随了我的大学生涯

  11. qaz70700@qq.com qaz70700@qq.com

    期待

    1. 蜀中小绵羊 蜀中小绵羊

      @qaz70700@qq.com期待中

  12. ᝰꫛꫀꪝ ᝰꫛꫀꪝ

    @(呵呵)

  13. 四氯化碳 四氯化碳

    等你

  14. 阿虹 阿虹

    用了很久,加油,我们等你归来!

  15. doute doute

    一个偶然的瞬间看到你,有它的时候很安心,很幸运,感谢陪伴过的时间,等待你的满血复活永远支持!加油!

  16. youshanwushu youshanwushu

    等待你回来

  17. 等你归来、春暖花开 等你归来、春暖花开

    强烈支持,等你回归

  18. 小温 小温

    支持,等你归来,期待你的成长,加油!

  19. 等你归来 等你归来

    用了很久了,等你归来@(吐舌)

  20. lorrain lorrain

    支持,等归来

  21. 老炮 老炮

    希望你准时归来,江湖路远,后会有期!@(乖)

  22. 深黑色 深黑色

    期待

  23. 韦漪 韦漪

    加油呀

  24. 北鸢 北鸢

    我很喜欢这里的匿名社区,没有那么多情绪,更多的是真诚的交流,谢谢站长!

  25. CN CN

    等你回来

  26. biubiu1号 biubiu1号

    想听听音乐还是会来看看,期待变的更好!

  27. Puccho Puccho

    发现关闭之后还是一直回来看...

  28. daodao7 daodao7

    期待构建新的音乐社区,期待越来越好

  29. 小丑 小丑

    作为一个后期人,音乐是必不可少的,整理音乐和相关资源就变成一项繁复的工作,有时候为了一段视频的配音要找好久!偶尔在网上看有推荐墨灵的,抱着试试的心理打开看了看,惊喜随之而来!墨灵伴随我走过了两年多的时间,看着网站越来越完善,越来越专业,真的是很高兴!后来突然看到网站的告别篇章,真的是感慨万千!但是一直都把网站放在收藏夹里,今天偶然打开,看到作者的话,我是发自内心的高兴!衷心的感谢作者的付出和奉献,期待新的墨灵早日归来!!加油!!我们回头见!!!

  30. 暖瓶 暖瓶

  31. 预言家 预言家

    坐等归来!!!

  32. 韩妞妞 韩妞妞

    第一次看到一个网站的作者,这么详细的记录开发过程,特别有心也特别不容易,希望你能做的越来越好,期待你的归来!

  33. 老树皮 老树皮

    这么好的免费播放器,期待华丽转身

  34. Tinge Tinge

    难得的免费网上音乐宝库。虽然免费,每次下载歌曲后我都主动打赏,多少都是心意,期待墨灵音乐满血归来。

  35. 墨灵 墨灵

    坐等归来!!!

  36. k k

    @(呵呵)加油

  37. 随风飘l 随风飘l

    偶然的机会让我发现了这个网站,它带给我了对一些听不到的音乐的可能让我生活充满音乐之声.最后,期待它的重新回归续写另一段故事。

  38. 随风飘l 随风飘l

    偶然的机会让我发现了这个网站,它带给我了对一些听不到的音乐的可能让我生活充满音乐之声.最后,期待它的重新回归续写另一段故事。

  39. ooooldsix ooooldsix

    很喜欢墨灵 每次都会点开网址看看你会没回来 期待归来

  40. Li Li

    Hello,World

  41. 墨宝 墨宝

    想你了

  42. ypzuo ypzuo

    很喜欢的一个网站,简洁明了,加油,期待着墨灵的归来!

  43. mouse mouse

    加油,期望墨灵的回归!

  44. 睡觉 睡觉

    牛逼

  45. 的啊张 的啊张

    加油啊,大家会一直支持作者的!!!

  46. Lee Lee

    加油!!

  47. 戚小霖 戚小霖

    占个位(• . •)

  48. 讽

    加油希望能越来越好

  49. Sen Sen

    希望我也能在这位前辈这里学到某些技术。

  50. 我

    加油