我是如何经过开源项目月入 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 做者尤小右也曾在微博上说过："被动收入是最能带来自由的东西，这个时代的程序员其实在创造被动收入上有自然优点"。

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

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

从此，我会在公众号上分享一些除技术以外的东西，但愿能对你学习其余技能有所帮助。

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

以为文章不错的欢迎关注个人WX公众号：程序员乔戈里
我是百度后台开发工程师，哈工大计算机本硕，专一分享技术干货/编程资源/求职面试/成长感悟等,关注送5000G编程资源和本身整理的一份帮助很多人拿下java的offer的面经附答案，免费下载CSDN资源。