發表文章

目前顯示的是 三月, 2020的文章

Hahow 為什麼沒有 iOS App

圖片
大綱前言Hahow 為什麼沒有 iOS App?為什麼有了「App 內購買」還是被拒絕?為什麼 Hahow 要使用「消耗型項目」IAP?為什麼 Udemy 可以使用「消耗型項目」IAP?Hahow iOS App 接下來的計畫?結語前言最近看到一篇 The Verge 報導,Apple 的律師要求 App Store 的前任經理停止發行《App Store Confidential》這本書,因為此書透露了「重大的商業機密」,違反了員工與公司簽訂的合約。但是此書的作者 Sadowski 表示,這本書的很多內容其實是大家都知道的,例如:應用程式必須將使用者轉化為 Apple 的 付費客戶。來源 appleinsider眾所周知,Apple 的 App Store 平台審核機制封閉,很多東西是他們說的算。作為一位曾經參與 Hahow App 的開發人員,看到這一篇報導感觸很深,滿肚子苦水不吐不快。許多 Hahow 的使用者常常詢問,為什麼 Android 的 App 已經上架這麼久了,iOS App 卻還看不見影呢?https://hahow.appHahow 為什麼沒有 iOS App?其實 iOS App 一直都是與 Android App 同步開發的。最早可以回朔到 2017 年 10 月,當初 Web 使用者不斷反應,希望可以在手機上,下載 Hahow 的課程,方便通勤時間也能離線觀看。於是我自己利用公司讀書會的機會,嘗試使用 React Native 開發了一個 Hahow App 的原型(Prototype),簡單演示了「下載離線觀看」和「通知」兩個手機上才能做到的功能。Prototype 讀書會簡報也因此,成功說服了幾位頭頭,於 2018 年 2 月正式投入開發 Hahow App。並於 2018 年 6 月,順利在 Google Play 上架 Android App。有關於我們如何用 Expo 這個 React Native SDK 開發 App、踩過哪些坑,以及專案的 Scrum 怎麼跑之類的,會再另外找時間分享一篇《Hahow 如何開發 Android App》文章,這裡就先不多贅述。Google Play就在第一版 Android App 上架 Google Play 的同時,我們也將 iOS App 送審了 App Store。但是,由於第一版…

無限環境(ㄧ)Netlify Deploy Previews

圖片
大綱什麼是「無限環境」?什麼是 Netlify Deploy Previews?快速入門指南
步驟一、建立 React 網站步驟二、建立 GitHub repository步驟三、註冊&配置 Netlify ⭐️最終步驟、玩轉 Deploy Previews ⭐️總結附錄參考資料什麼是「無限環境」?大家常用的 GitHub flow 其實有一個常常被忽略的重點 —— 合併前部署。
我自己在前端開發的 Code Review 上,常常碰到下列兩個問題:PR 合併、部署到 staging 或 production 環境之後,才發現程式碼有問題為了避免第一個問題發生,就必須先 checkout PR 到 local 環境,然後經過一系列繁瑣的步驟跑起來,最後才能開始驗收和測試為了解決上述問題,就需要引入無限環境的概念。所謂的無限環境,就是自動將目前 PR 中的最新 commit,部署到一個臨時環境中,並返回該環境的 URL 網址。[1]如果能實現這個條件,將為開發團隊帶來兩點好處:Reviewer 有任何懷疑時,便可以直接在預覽環境中驗證,而非憑空猜疑。Reviewer 也可以放心大膽的驗證自己的懷疑,不需要在 local 開發環境耗時費力地切換。接下來我會寫三篇「無限環境」系列的文章,介紹一些可以達成這個目的的工具。這是第一篇文章,介紹如何透過 Netlify 的 Deploy Previews 服務,建立靜態網頁的無限環境。什麼是 Netlify Deploy Previews?Netlify 是一個類似 Heroku 的 All-in-one PaaS,提供各種現代 web 專案會用到的自動化服務,例如:靜態網站部署、CDN、持續交付和一鍵配置 HTTPS 等。其中 Deploy Previews 這項服務,可以將 GitHub repository 中的每個 pull request 部署到唯一的 URL,與 staging 和 production 環境的完全不同。你和你的團隊可以在合併到主分支、並且部署到正式環境之前,提前看到更改的外觀以及驗收功能是否正確。快速入門指南這篇文章會以時下最流行的 Create React App 為例,示範如何實現 React 網站的無限環境。步驟一、建立 React 網站透過 npx create-react-app 指令,快速…