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

6010 Comments
  1. 枫叶 枫叶

    期待早日回归,离不开他

  2. 836958516 836958516

    支持 支持

  3. 黄白 黄白

    两年零一个多月前,我收到了QQ加群邀请,加入了我们墨灵的大家庭,不仅找到了很多其他音乐软件找不到的音乐,而且功能十分简洁,不像某狗那样,花哨、坑逼、想尽一切办法让你充钱。@(大拇指)@(大拇指)@(大拇指) 而且,听说这是作者的第一个作品,我真的非常惊叹作者的能力(牛逼!),我觉得墨灵除了音乐更新有点慢以外,没什么大问题。
    作者 加油 永远支持你@(玫瑰)@(玫瑰)@(玫瑰)
    相信你可以干掉某某云、某狗、某我和某某字母(还有虾某、百某)!

  4. 。

    @(泪)真的很喜欢这个网站的,我还打赏过,觉得很好
    希望早日回归

  5. 南祗 南祗

    特喜欢墨灵,墨灵加油,我们支持你,希望能再次回到我们身边!@(哈哈)

  6. 木又寸人 木又寸人

    在高中的时候用的墨灵音乐,当时就被它的功能吸引了,而且群里的管理人员也非常好

  7. 噜啦啦噜啦啦 噜啦啦噜啦啦

    我第一次使用墨灵这个软件大概是高中的时候,现在上了大学还在用,看到它被关了其实内心还是有点悲伤的。因为我很喜欢墨灵的页面设计,简洁干净,很清爽,并且墨灵作为一个音乐软件其实已经达到了他的使用效果,里面的歌很多更新也比较快,可能是版权的问题,更新的速度还有待提高,但对于一个初次运营的人来说已经很棒啦,我很喜欢这个软件。作为一个对电脑一窍不通的人来说,我认为开发者你已经很厉害了,反正我觉得这个软件我用的很快乐呀,什么都有,功能齐全,我一直不太喜欢有些音乐软件上新增的很多功能比如直播之类的,更喜欢一些设计简洁功能齐全的。看了你写的对墨灵的开发设计,真的很用心,可以看出你真的对它投入了很多。虽然你自责没有学的更好,但我觉得时间会证明一切,学习本来就是一个不断进步、提升的事情,我期待墨灵以一个崭新的面孔出现!@(哈哈)

  8. XYJ_XYZ XYJ_XYZ

    愿越来越好吧@(哈哈)

  9. 大几串 大几串

    @(小乖)用了好久这个网站听歌,上夜班没精神,打开网站听几首歌,感觉又活了过来,生活还得继续,加油继续干!!!

  10. 山长水阔知何处 山长水阔知何处

    加油!今日被安利了!愿越来越好

  11. 再见就是陌生人 再见就是陌生人

    随身电台类音乐,小体积大作用,现在人均两百个个人应用,听歌是硬需求。吐槽下某些音乐app.虽然我还装着两个。。

  12. 嘻嘻 嘻嘻

    在关停墨灵之后,就一直没找到喜欢的音乐播放器。看到复出的消息,继续支持,期待再次辉煌的那天

  13. 还有 还有

    我是真的喜欢墨灵,告诉我新的网址吧,真的喜欢听音乐,喜欢墨灵

  14. 嘻嘻 嘻嘻

    只是个普通的学生,碰巧遇上罢了

  15. 似水ヅ木槿 似水ヅ木槿

    别的没啥说的,就是支持!尽快回归,等你!

  16. 御魔 御魔

    希望墨灵会再次强势归来,很喜欢这个网站

  17. 丝洋 丝洋

    很好的一个网站,期待你的东山再起

  18. kw kw

    还没用过 期待墨灵

  19. 知返 知返

    之前在微信推送中发现在了这个特别好用的听歌网页,最后自己来尝试用了下,真的很好用。甚至一次听歌听到情深处,我还赞助了一下,虽然不多就是了。在上次关闭的一段时间里,还经常打开网页来看看有没有修好。现在是真心祝福和希望。希望你可以加油,把它做得更好。加油!!!

  20. 唔知改乜名 唔知改乜名

    收藏墨灵很久了,搜歌曲无意间发现了这么一个好的网站,网页简洁,实用,希望以后也越做越好

  21. GT龙居 GT龙居

    永远支持期待更新

  22. 尼古拉斯 尼古拉斯

    无意中在知乎上知道了墨灵,用着感觉真不错,希望越做越好,新发布了告知我一下,永远支持

  23. 万水千山 万水千山

    喜欢墨灵 期待新面貌

  24. 祝墨灵凤凰涅槃 祝墨灵凤凰涅槃

    疫情期间偶然得知墨灵音乐,就被深深吸引了,极简的界面,免费的歌曲下载,真的很赞#(脸红)

  25. 阿乐要快乐呀 阿乐要快乐呀

    墨灵是我用过最好的音乐网站了,希望会越来越好,辛苦了

  26. 山渐青 山渐青

    使用墨灵有一年左右的时间,那一年正值我高三,因为墨灵,我才能在枯燥的高三生活中,通过MP3给予我不一样的色彩,也是因为有了墨灵,我才能有勇气坚持到高考,考上本科。墨灵的关闭我也很遗憾,是它让我走过那段困惑的日子,迎来曙光,希望墨灵也能尽快重现天日吧

  27. 感觉小丑 感觉小丑

    我支持你,是你让我免费找到了很多歌曲资源。我学编程,知道凭自己搞网站,有多难。听歌期间我没有任何赞赏,我喜欢白嫖!!不然也找不到这里!但如今你尽全力再造,我必须支持!多的没有,几块钱的心意请你收下!

  28. 徐力 徐力

    (因为害怕错过这个宝藏,所以在评论一遍)
    墨灵音乐很早就了解到了,后来也把他偷偷安利给了闺蜜。但是没想到墨灵没能挺过来,希望能见到更好的墨灵。支持,么么叽|´・ω・)ノ

  29. 散花礼弥 散花礼弥

    真的很好用,感谢这么久的免费下载

  30. eee eee

    加油

  31. Jjhhh Jjhhh

    66666666

  32. 灿

    大大,我其实是给你打赏过五块钱的,但是后来用的时候还是得等120秒。我只能再从我的零花钱里掏出五块了,一点心意@(呵呵)我很支持你的作品,期待你的回归!!!!

  33. vince你的心 vince你的心

    你的心血需要知心人去发现。

  34. 若离 若离

    墨灵音乐真的是我见过最好的一个音乐网站,他陪伴了我度过很多个孤独的夜晚,写作业的时候墨灵音乐也一直都是我最好的陪伴,期待再次见到墨灵!!!

  35. umima umima

    支持,谢谢开发者,明天就给你们打钱@(哈哈)

  36. 666 666

    加油

  37. Rg Rg

    偶然遇见墨灵,是一个很好的网站。可惜刚支持不久后就关闭了,还好又要回来啦,加油呀,期待你的归来!!

  38. 无

    看看

  39. kk kk

    加油,我们期待

  40. 倾雨飘飘然 倾雨飘飘然

    相信自己,相信一切,加油!

  41. 午夜雅色 午夜雅色

    加油!

  42. cx cx

    墨灵加油,会一直支持你的@(太开心)

  43. 江小白 江小白

    从其他途径得知墨灵,希望墨灵越来越好(。・・。)

  44. nuage nuage

    加油!

  45. 曾经妄想 曾经妄想

    祝墨灵音乐越来越棒

  46. Jayesslee Jayesslee

    希望墨灵音乐越来越好!

  47. 张扬 张扬

    希望做出更好的魔灵。

  48. 吻笪 吻笪

    墨灵加油!!!!

  49. 一条叫淼的鱼 一条叫淼的鱼

    两年前吧,偶然知道这个宝藏网站,方便又好用,也分享给身边的同学室友,无论什么时候如果听到一首自己喜欢的歌,第一时间就找墨灵,真的很喜欢。后来忙于学业过了好久,一打开链接发现已经关闭的通知。心里真的有那么1分钟的难受,唉,又失去了一个宝藏应用,不知道是第几个了。希望能回来,以一个全新面貌出现,相信你是最好的,辛苦!

  50. 俞潇沫 俞潇沫

    很喜欢的一个网站,作为一名程序猿能理解作者的辛苦,以后若有机会也希望能和作者一起探讨交流一下