我是如何經過開源項目月入 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資源。