我是如何通过开源项目月入 10 万的？

前言

如果你是一名前端工程师，那么你一定对 fullPage.js 这个开源项目不会感到陌生。这是前端社区中非常著名的 JavaScript 组件，能快速给网站加上全屏幻灯片的展示效果。

https://github.com/alvarotrigo/fullpage.js

不久前，国外一家专注于报道独立开发者的媒体 Indie Hackers 对 fullPage.js 的作者进行了专访。在本次专访中，作者透露，目前 fullPage.js 能给他带来每个月 15000 美元的收入，换算成当前人民币汇率，便是 10 万多块钱。

专访文章：http://bit.ly/2Zm0WlT

一个开源项目，竟能给开发者带来如此丰富的收入，作者是如何做到的呢？

我怀着好奇心，将整篇专访文章从头到尾看了一遍。

看完后我觉得，文章里面提到的一些建议，对开发者来说还是挺有帮助的。因此我决定，对这篇文章做下整理与翻译，把作者通过开源项目获利的整个过程分享给大家看看。希望各位在看完这篇文章后能有所启发。

下面进入正文。

作者是何许人也？

作者叫 Alvaro Trigo，来自英国，是一名前端开发者，现在英国区 JavaScript 开发者榜上排名第 5，世界排名 84（来自 git-awards 统计）。几年前由于其开源了 JavaScript 组件 fullPage.js 而受到业界广泛关注。

目前该项目累积 GitHub Star 27000+，被 Google、eBay、麦当劳、可口可乐等多家国际大企采用。

fullPage.js 的诞生过程

早期作者要做拥有一个全屏幻灯片效果的网站，但是在网上搜索一番后，发现找不到相关代码示例，于是便打算自己动手实现。

没多久，网站完成了，作者又将这个功能从网站中抽离出来，做成了 jQuery 插件，以方便其他开发者集成使用。

极具戏剧性的是，在他推出这个插件没多久之前，Apple 发布了 iPhone 5C 的展示网站，这个网站上面的交互与 fullPage.js 的交互非常相似。

尽管作者说这一切只是巧合，但不可否认的是，许多人通过 Apple 的网站交互而间接了解到 fullPage.js（我便是其中一员????）。

当他将 jQuery 插件抽离出来之后，又将这份代码发布到了 GitHub，并简单做了下推广宣传。一周后，这个插件便在 GitHub 上累积数百个 Star，同时有许多开发者开始接入使用，并提交多个 issue，以帮助作者改进项目。

随着代码的迭代更新，插件功能也愈加完善，起初的 jQuery 插件也被重构成独立的 JavaScript 组件，并支持 Vue.js, React.js 和 Anugular 框架扩展，目前 WordPress 插件也已制作完成。

值得一提的是，项目开源的前 3 年， 作者没有收取过一份钱。因为他觉得，当看到别人在使用他所创造出来的产品时，那种感觉不是钱所能衡量的，这也是作者更新项目的动力所在。

作为一个创作者，做出来的产品被人认可，这是对他最大的肯定。

fullPage.js 的增长过程

项目发布出来后，作者并不是守株待兔式的蹲在电脑前，干等着项目被人发现、挖掘，而是做了以下一系列宣传营销工作，向其他人传达这个项目的存在：

• 为项目创建了 Demo 展示页；

• 写了博客文章，讲解技术原理；

• 给各大 Web 社区站点发邮件推广产品；

• 将项目提交给某些 Web 资源集合站点；

• 在 Stack Overflow 回答问题，顺带推广产品；

• GitHub Trending 的借势传播；

• 在 YouTube 上发布指导视频；

• 参加各类技术媒体的节目专访；

• Google 和 Facebook 广告投放（效果不好）。

完成这些工作后，作者仍不满足于现状，会不定时到 Google 上搜索自己的产品，看看是否还有其它地方可以为项目带来新用户。

由于这个项目在 GitHub 上的知名度非常高，因此也受到了 Google 搜索的眷顾，当用户在搜索全屏幻灯片的时候，这个项目往往能拿到较高排名权重。

fullPage.js 如何开展商业化运作？

一开始，作者主要是通过插件定制开发来收费的，后面随着上门询问的人越来越多，导致浪费在沟通上面的时间过多，作者便把一些定制功能打包放在网站上，让其他人可以直接购买使用。

后面，随着产品功能趋于完善，稳定性也越来越高，作者便直接在网站上卖授权。

目前，这个项目主要通过以下几方面给作者带来收入：

• 扩展销售（Gumroad 平台）；

• 授权销售；

• WordPress 主题的 Affiliate 分销提成（佣金 40%）。

在过去几个月，以上渠道平均每个月能给作者带来 15000 美元左右的收入：

从上图可以看到，大概在 2018 年的时候，收入翻了一倍，那是因为作者将项目从免费模式切换到授权模式（GPLv3 依旧免费）。

虽然目前收入颇丰，但他还是留有点小遗憾，即没有从一开始就创建 WordPress 插件，因为 WordPress 上面的市场也非常大。

而平时项目的支出，则主要包括服务器托管、网络代理、税务助理、通信、广告、社会保障税等费用。

"产品最好在一开始就考虑未来的收费问题，早期为了快速获取用户以及避免竞争对手的打压，可以先免费提供产品的使用，等市场占有率足够高，在业界建立下不错的口碑后，再开始正式收费"，这是作者给出的另一建议。

如何给产品制定一个合理的定价套餐，这也是一门学问，在此作者推荐大家阅读 Stripe 的这篇文章来获取灵感：

https://stripe.com/atlas/guides/saas-pricing

未来计划

作者希望，在项目收入方面，能在今年年底前达到 $20K/月。

为了达到这个目标，他需要做好以下几件事：

• 给产品添加新扩展；

• 售卖基于产品的 HTML 模板；

• 给产品添加编辑器；

• 通过某种方式实现订阅付费，让未来有稳定收入；

• 尝试一些新项目/产品（脑中已有初步想法）。

在产品方面，需要避免陷入过于繁琐的工作，应该多思考产品的创新及增长（Patrick Bet-David 演讲视频中也有所提及：https://www.youtube.com/watch?v=2jG6lJLcToA）。

在个人方面，享受生活，不要让工作成为负担，不要为了过分追求收入而浪费自己休闲的时间。

给独立开发者的一些建议

无论是从技术、产品还是营销方面，fullPage.js 作者都做得非常出色，这也是优秀的独立开发者需要掌握的基本技能之一。

如何成为一名优秀的独立开发者，作者给出了以下几点建议：

• 做一些你喜欢做的东西；

• 快速构建好产品，并及早放到市场上验证（精益创业）；

• 不要在技术上浪费太多时间，定好发布日期便执行；

• 不懂技术也可以打造一款好产品；

• 如果你打算开始单干，记得打造好你的个人品牌；

• 亲自为客户提供邮件支持，至少在一开始时要这么做；

• 顾客至上；

• 仔细思考并设定合理的目标，先实现产品再谈其他。

写在最后

近几年，越来越多的程序员选择成为独立开发者，他们都希望自己能像 fullPage.js 的作者一样，构建出一款真正解决他人特定需求的产品，为自己带来更多被动收入，进而达成财务自由的目标。

Vue.js 作者尤小右也曾在微博上说过："被动收入是最能带来自由的东西，这个时代的程序员其实在创造被动收入上有天然优势"。

但是，独立开发者这条路对开发者的要求还是比较高的，在你早期无法找到团队或搭档的时候，就需要你身兼数职，技术、设计、产品、营销等工作一样不落，非常考虑人的学习能力与自控力。

如果你不满足于现有的工作状况，那么最好从今天起开始做好规划，为将来成为独立开发者提前做好准备。这样在机会到来的时候，你才有把握抓住他。

今后，我会在公众号上分享一些除技术之外的东西，希望能对你学习其他技能有所帮助。

以上，便是今天的分享，本次翻译整理比较耗时费力，如果觉得内容尚可，还请点个「在看」支持，谢谢各位。

「GitHub 交流群」已开放

想入群的可在公众号后台回复「入群」