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

6007 Comments
  1. DCW DCW

    加油

  2. 小刀soso 小刀soso

    真的不错

  3. 开心小烦人 开心小烦人

    支持!祝越来越好!新年快乐!!

  4. 拿破仑 拿破仑

    最喜欢的音乐播放地点,墨灵音乐

  5. xlb520 xlb520

    越来越好

  6. 沐珞 沐珞

    前路浩浩荡荡
    万事皆可期待

  7. 墨明棋妙 墨明棋妙

    新的一年,希望墨灵音乐继续加油~@(哈哈)

  8. 小爷有小爷的独特范 小爷有小爷的独特范

    新年快乐,牛转乾坤,希望会越来越好

  9. 虚度 虚度

    墨灵新春快乐!!

  10. 666 666

    我刚来,一首歌没听到....新网站弄好后能发我邮箱吗!

  11. 演员 演员

    加油(ง •̀_•́)ง,新年快乐

  12. 贪爱 贪爱

    归来仍是少年

  13. 孔

    加油!新的一年,牛转乾坤!@(大拇指)

  14. 陈

    加油,新年期待你的归来

  15. 幻影 幻影

    墨灵音乐从两年半前就开始用了,当时因为没有音乐vip又很想听一首歌,然后拼命找网站
    最后在朋友的一次偶然介绍下发现了墨灵音乐
    然后就发现这个网站挺好的,没有广告,可以安静的听音乐
    两年多以来,看着墨灵改了很多东西,新增了很多功能
    其实我很能理解你的心情,因为我自己是一个机器人开发者,一开始抱着自己开发个聊天机器人来方便自己的心态去学习相关的知识
    后来慢慢有朋友发现,然后推荐给别人用,用户数逐渐增多,然后不断更新,修bug
    有些付出不求回报但是很值得
    新的一年,希望墨灵音乐继续加油~

  16. vioup vioup

    偶然发现你的网站可以听歌,音质也很棒,可惜接触时间不长,很希望你能继续下去。感谢你的付出

  17. 随风 随风

    加油,我们都期待着墨灵的重生

  18. arya arya

    站长加油鸭,支持哟,期待你的新网站

  19. 小皓 小皓

    我要

  20. 斩风 斩风

    你好 我很喜欢墨灵音乐 什么时候出新网站

  21. 复古红 复古红

    真好

  22. leon leon

    加油。网络是个自由的平台。

  23. *** ***

    加油!“牛”转乾坤

  24. Joe Joe

    加油

  25. 众艸本艸 众艸本艸

    其实,墨灵走的这么多天,我一直都很空虚,因为墨灵在之前的路上一直陪伴着我,也从没有怎么在意过这个网站,可当他真正离去时,我竟变得落寞……但是,墨灵也即将回归,希望以后的路会越走越长,越走越好………

  26. fjf- fjf-

    墨灵陪我度过了高中后两年!或许没有来自墨灵的音乐的陪伴,高三都很难坚持下来呢。由衷祝福墨灵有一个崭新的未来!谢谢你!

  27. 喻伶胥 喻伶胥

    会支持大大,虽然相遇时间不长,但是墨灵对我的帮助真的很大,太爱了

  28. 科学怪人 科学怪人

    ㊗️重新出发,犇向未来。

    ps:墨灵播放界面真的可。另,重做了一定要小心法律问题

  29. 吴建楠 吴建楠

    新年快乐,墨灵也要加油,期待回来@(哈哈)

  30. aaa aaa

    个人猜想是不是因为版权。。。。

  31. 逝水流年 逝水流年

    加油!期待新的墨灵

  32. 如烟 如烟

    很喜欢墨灵音乐,期待你的重生

  33. 依依 依依

    你们超棒的!

  34. 零加九 零加九

    可惜认识晚了,才一个月就要分开。离别不怕 ,你会回来 ,我会等你 ,这就挺好了。

  35. 枫叶 枫叶

    墨灵音乐是我用过的最好的 ,墨灵的 关闭,真的很遗憾,希望 重新开启~~~~墨灵加油!!!@(呵呵)

  36. 哈哈 哈哈

    虽然我不怎么用,但是我一直认为墨灵音乐是一个很好的工具,同时墨灵的关闭也让我很意外,希望这次重做也能越来越好,能够更进一步

  37. 檀良 檀良

    呜呜呜~~~好喜欢墨灵音乐,没有日的日子好难过,真的好想再次体验,我一定会支持你的!加油!!!

  38. 北觅 北觅

    宝啊要加油

  39. 柒风浪 柒风浪

    我刚开始喜欢听音乐时,特别想下载一首歌到mp3听,找了各大软件:某狗.某云 都要钱 但那首歌太激励 所以绞尽脑汁找可以下载的网站。终于,功夫不负有心人,我找到了让我五体投地的网站;那就是你--墨灵音乐 现在我将那首歌分享给你,它的名字是《Last of the Wilds - Nightwish》。野火烧不尽,春风吹又生。愿你重返舞台! 新春快乐!

  40. com for ya com for ya

    祝墨灵音乐越办越好呀

  41. 过眼云烟 过眼云烟

    墨灵音乐我永远支持你❤️,愿你在新的一年里牛转乾坤,牛气冲天!

  42. 吴小狗 吴小狗

    曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候才后悔莫及,人世间最疼苦的事莫过于此。如果上天能够给我一个再来一次的机会,我会对 墨@(爱心)灵 说三个字:我爱你。如果非要在这份爱上加一个期限,我希望是……一万年”

  43. csr csr

    我喜欢之前有个页面可以模拟乐器的声音,听歌的话还是习惯手机app,遇见好听的会下载无损格式来听。

  44. CFY CFY

    祝愿墨灵音乐在牛年牛气十足

  45. 灰色理想 灰色理想

    在这个充斥着利益第一的年代,墨灵给人找到了一个安慰心灵的地方,网站做到这个时候,也许是触碰到了某些人的利益了,希望这个艰难的时候墨灵能够坚持下来,新的一年加油!

  46. 墨

    期待下次更强大的墨灵回归!加油!

  47. 陈小鱼 陈小鱼

    墨灵在新的一年加油啊,大家新年快乐!

  48. 云

    感谢!说实话,我与墨灵相知的时间并不长,短短的一年多里却感觉到了它带给我的陪伴。作为一个高中生,并不是时时都能关注着墨灵,而周末时拿出MP3下载歌曲时,也许是我最开心的时候。愿墨灵终有一天回归,也希望这个优秀而功能齐全的音乐网站能有更好更辉煌的前景!新年已至,期待回归!

  49. Liede Liede

    新年好

  50. 宇

    墨灵音乐陪伴了我半个初中,因为住校,所以不能每天关注,放假回家,发现墨灵音乐打不开了,了解情况感觉很可惜,可自己也无能为力,现在墨灵音乐能回来了感到很高兴,祝愿墨灵音乐能够做的更加好,走更长的路。