我爲女友做了一款App

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我和女友總是找不到合適的電影看。通常，這個過程是這樣的："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"blockquote","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我：你想看什麼電影？"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"女友：我不知道，你想看什麼?"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我：我們看《金剛大戰哥斯拉》吧"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"女友：不，扎克·斯奈德的《正義聯盟》怎麼樣？"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我：不，太長了。《米納裏》怎麼樣？"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"女友：不，太嚴肅了。......怎麼樣？"}]}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"所以，你懂的。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我們通常每週看1到2部電影，所以經常這樣……"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"這種事不只是發生在我和女友身上。以前，我和朋友真的花一個多小時選電影。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"問題很簡單：我們不知道自己願意看哪些電影。我甚至不知道願意看什麼電影。有什麼解決辦法嗎？"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"作爲一名軟件工程師，我以技術爲生。我可以做一些東西來解決這個問題。但前提是，我要先研究一些，人們解決這個問題的方法。而我在推特上發現了有用的信息。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"blockquote","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我很興奮，這似乎是個好主意：如果你和你的另一半都有一款App，你可以向左或向右滑動流媒體上的電影。當你們找到的電影相匹配時，它會讓你們知道。—— c a i t l i n"}]}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"這並非一個原創想法，但我之前從未做過手機應用，所以我認爲這將是一個很酷的學習體驗。除此之外，我還可以用它來解決我和我關心的人之間的實際問題，這非常特別。"}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"如何開發一款手機App？"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"在基礎層面上，我知道自己需要："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"bulletedlist","content":[{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"處理API調用的後端服務器"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"一個實際渲染應用的前端客戶端"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"一個存儲電影和用戶愛好的數據庫"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"一個用於存儲圖片的對象存儲解決方案"}]}]}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"既然是第一次研究手機應用開發，爲什麼不學習各個層次上的新東西呢？"}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"前端：React Native"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我不想編寫原生代碼，因爲……，我沒時間做那個。跨平臺開發顯然更理想。據我所知，我的選擇要麼是React Native，要麼是Flutter。我在之前的一些項目中用過React。雖然我不是React專家，但我至少了解一些它的基本知識。所以，我決定使用React Native。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"值得注意的是，我用了"},{"type":"link","attrs":{"href":"https:\/\/docs.expo.io\/?fileGuid=1nTXNuk6H50PbHMt","title":"","type":null},"content":[{"type":"text","text":"expo"}]},{"type":"text","text":"來處理實際的構建和部署過程。它爲我節省了很多時間！"}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"後端：express.js"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"對此，我沒有太多要說的。我以前從未用過Node.js，但經常聽說它，所以我想嘗試一下。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我很驚訝，它竟然如此容易使用！如果你理解了API的工作原理，就很容易深入下去。而且，我第一次編寫了自己的中間件——太棒了！節省了我很多時間！"}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"數據庫：MongoDB"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我以前只用過SQL數據庫，所以我想也應該嘗試一下面向文檔的數據庫。編寫模型非常簡單，但是我很難理解MongoDB的查詢和聚合流。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我認爲，查詢還可以優化，但是，我能讓它工作就不錯了。"}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"Blob存儲：Azure Storage"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我選擇用它的唯一原因是，每月可以獲得100美元的Azure免費信貸。說實話，我認爲它的文檔很差，交互也很難。不過，這是可行的，但有些情況，我仍然不清楚應該如何處理。"}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"獲取數據"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我編寫了一個自動化的網絡爬蟲，它用新電影填充我的數據庫。你知道世界上只有大約50萬部電影嗎？我可以在數據庫中添加進所有電影。"}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"TimeLine"}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"構建App"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"開發應用花費的時間最少，這讓我很沮喪。我花了2-3周時間才把應用構建到能運行的地步（除了一些小Bug的修復）。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"結果給我留下深刻印象。我能夠："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"bulletedlist","content":[{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"看看我和我的朋友想看什麼"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"成立一個小組，看看我們願意看什麼"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"根據服務（Netflix、Hulu等）過濾和查看電影"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"按類型過濾和查看電影"}]}]}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/0e\/0ef49cb8de0320983269d1303ea22037.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https:\/\/static001.geekbang.org\/infoq\/b0\/b0165d58d40101ceabb0bc6f15a587d1.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"通過應用商店審批"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"這個過程非常糟糕。我必須一次性支付25美元才能進入谷歌Play商店，每年支付100美元才能進入蘋果應用商店。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"此外，還有一些愚蠢的要求。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我需要至少提供X張截圖，而且還指定了每張圖的分辨率。最重要的是，我等了很長時間才獲得批准。這個等待過程真的讓我很痛苦。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"blockquote","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"蘋果，谷歌。讓我發佈應用吧，你們已經掏空了我的口袋!"}]}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"市場營銷"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"雖然這個App最初是爲我和我的朋友們準備的，但是如果我必須花錢開發這個應用，也許能吸引更多用戶，把錢賺回來。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Reddit：和往常一樣，我把它傳遍了reddit，並得到一些相當積極的反饋，在r\/sideproject上的多個帖子獲得大約100個贊。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Facebook：我把創意分享給大學的朋友們，還在facebook上發了帖子。他們很支持我，幫我推廣這個應用。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"此外，我發現一個名爲loom的服務，並錄下我對所有註冊朋友的感謝。這不僅可以讓他們見到我，還能鼓勵他們與朋友分享。"}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"後續"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"目前，WeWatch大約有400個用戶，這比我以前做過的任何東西都要多！上週末，我的女友讓她的朋友們和我們一起過週末，我們要找部電影看。這是我的機會："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"blockquote","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我：我們用WeWatch吧"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"女友：不，那太費時間了。我們就看《空中大灌籃》吧！"}]}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"看來，我還要做些改進。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"原文鏈接："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"https:\/\/jerseyfonseca.com\/blogs\/wewatch?fileGuid=1nTXNuk6H50PbHMt"}]}]}