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

8299 Comments
  1. 城市累人 城市累人

    用过墨灵很多次,感觉方便,特别是免费,还有真诚,找不到的歌会真诚的告知,期待再次发布。感谢作者的辛苦和智慧!

  2. 赤练毒佛 赤练毒佛

    这么好的网站,希望一直做下去

  3. 璃茉 璃茉

    期待新的一年,牛转乾坤@(哈哈)

  4. 啦啦啦 啦啦啦

    很好的网址,希望墨灵可以更好

  5. 雪墨 雪墨

    很高兴墨灵可以陪伴我,它真的很棒!感谢作者的努力付出,也祝愿墨灵越来越好!

  6. F.S.S.W F.S.S.W

    其实真的很感谢作者一直以来的付出,原先找不到bgm,头疼的要死,是一个朋友推荐的我咱们这个网站,从此就一直收藏,只要有需要第一时间想到的就是这里,希望还能继续有你们的陪伴~

  7. 官方苦于 官方苦于

    @(太开心)加油啊,我是一个在学习python的大三小白,感觉有点难,

  8. 东东东ii 东东东ii

    谢谢作者提供这么好的网站,希望能坚持下去,谢谢。希望能收到您的邮件。

  9. NICK先生 NICK先生

    祝一切安好

  10. 天涯孤客 天涯孤客

    谢谢墨灵,学习累了就在上面听歌,谢谢你陪伴过的每一天

  11. Mo Mo

    墨灵音乐是个很赞的网站,多方面的优点很难一个个说清楚;
    所以我也不希望好的资源因为一部分糟糕的行为毁于一旦...
    我相信墨灵会卷土重来的

  12. QQQ QQQ

    祝一切顺利

  13. zl zl

    很不错的想法,墨灵很棒的,期待中。。。加油!

  14. 溪戏xi 溪戏xi

    我相信墨灵一定会越;来越好的

  15. Tony Tony

    祝作者工作顺利,事业有成。

  16. 涟梓 涟梓

    作者加油!墨灵音乐真的很棒,给了我很多帮助,希望我还有机会可以再使用这个网站!!

  17. 慕小洛 慕小洛

    加油,同时也期待自己可以收到邀请邮件

  18. m m

    墨灵很好用巨好用太好用了!期待新版!

  19. 桥

    加油啊,等你

  20. 蟑螂恶霸 蟑螂恶霸

    作者大大,加油啊,谢谢你和你的墨灵它真的给了我们很多帮助。

  21. 斤

    好用

  22. 鲈鱼 鲈鱼

    说情感什么的未免有点假惺惺了 但是我想说的是墨灵真的帮了我很大忙,作者真的很厉害!哈哈不管怎么说 祝好 (没有墨灵还真找不到地方下音乐文件了欸

  23. 落日的光辉 落日的光辉

    祝作者大大把墨灵音乐越做越好!同时新年快乐.........!@(太开心)

  24. 贾逵 贾逵

    作者大大加油啊,期待新的墨灵

  25. 醉挽清风 醉挽清风

    作者大大,墨灵音乐真心不错,我也是偶然间发现的它,发现后我真的是欣喜若狂,这个软件(和网站)真的满足了大多数人听音乐的愿望。
    希望墨灵能更上一层楼,加油(ง •̀_•́)ง!

  26. 风之遥 风之遥

    老师加油啊,期待出APP

  27. Andy lem Andy lem

    新年快乐!恭喜可以用回版

  28. 老冰棍 老冰棍

    ...新年快乐!要越做越好哦(๑•̀ㅁ•́ฅ)

  29. 血之哀 血之哀

    永远支持,加油!虽然现在的我只能白嫖

  30. 暂无汁 暂无汁

    来了。永远支持!!!!!!!!!!!!!!!!

  31. 但为君故 但为君故

    心情也很复杂吧,第一次知道墨灵时的惊喜,第一次通过你找到某一首歌时的兴奋,以至于把墨灵当做宝藏,也跟别人分享过,今天再次想找某首歌时才发现墨灵关了,期待归来。

  32. 不问天男主 不问天男主

    生活太忙,上次来墨灵还是上次暑假,直到我想看看这个神奇的网站有没有B站不问天的无损时,才知道发生过这么一件事,但我期望,不久后还会在墨灵下载我喜欢的歌。@(吐舌)

  33. 坤坤与碧萝 坤坤与碧萝

    作者加油(ง •̀_•́)ง
    永远支持你@(太开心)

  34. 面壁者 面壁者

    加油^0^~陪你走下去

  35. 茄子炒肉多放辣 茄子炒肉多放辣

    加油啊,墨灵太好用了,非常优秀了,像我们这种不懂代码的很仰慕你们了

  36. tree tree

    我表达能力不好,只希望魔灵音乐继续加油,坚持做下去!

  37. Ashe4GIII Ashe4GIII

    为了用墨灵甚至转移阵营到了Firefox(当然Firefox没有任何problem)
    墨灵倒塌的情况也是意料之中,因果也无需过多揣测,个人开发者要面对的问题实在是太多,支持无私的开发者,是我作为伸手党的唯一回报方式。@(呵呵)(贴吧的老式表情好评)

  38. 霏霏 霏霏

    我也是看推荐来的这里,这个真是太棒了!很感谢!希望能一直做下去,做得越来越好!

  39. 迷糊虫 迷糊虫

    初次接触也是机缘巧合吧,不知怎么的就点进来了,感觉很新奇,也很厉害,用起来更是不得了的顺手,推荐给我的同事好几个人,说一点意见或是建议吧,就是那个列表不能单个清除,只会清空列表,有点尴尬,希望作者越来越好!

  40. 清幽余韵 清幽余韵

    首先要感谢您给我了一个听歌的地方,太多歌曲在音乐平台收费,倒不是说不舍得花钱支持正版,只是还没听过好不好听合不合口就要先掏钱,总觉得有点违和。所以陆陆续续找了好多平台听歌,无意间看到一个推荐让我找到了这里,感谢您。虽然不知道是因为什么前段时间进不来网站,但依旧没有删除收藏也没有放弃打开网站,这不就登上了嘛~我保证我真的认认真真看内容了,虽然太多内容看不懂(#-.-)门外汉没办法,不过能看到您真的很努力很认真的在做网站。希望回归的日子不会太远,我会依旧在这里等着。

  41. 星星 星星

    @(小乖)加油,墨灵音乐,未来定是一片光明

  42. 花开终将败 花开终将败

    首先祝博主大大新年快乐1最开始认识墨灵是从某音推荐的 真的超级喜欢,卸载了电脑上其他的音乐软件 超级喜欢那个鼠年主题 喜欢那个模拟的白噪音 下雨声 后来知道背后经历了好多困难才提供了优质的音乐体验 我也尽过一点小力,但是还是没想到会这么突然 网站关闭后已经不适应用其它软件听歌了 加油 期待你王者归来 @(爱心)

  43. shuanan shuanan

    希望墨灵音乐越来越好

  44. 乱来一番 乱来一番

    新年快乐,网站关闭后突然不适应用其它软件听歌,期待墨灵音乐重现江湖吧,为作者打 call! 希望越做越好,等待归来

  45. 浮丶 浮丶

    加油@(玫瑰),等你回来

  46. cohpx cohpx

    新年快乐!非常感谢开发者。找遍了各类聚合免费音乐网站,都很失望。希望墨灵尽快回归。

  47. 玄之又玄 玄之又玄

    真心感谢墨灵音乐,之前点不开,过了好一阵再点,看到了这封信,心里特别感动。

  48. DASH DASH

    知道吗,墨灵音乐重现江湖吧,为你打call!
    说出自己的问题让我们倾听就很不错嘛,很棒!

  49. hxd hxd

    加油@(玫瑰)

  50. 踏月来 踏月来

    加油,期待再次归来