如何在 MAC 上使用 MAMP PRO 建立本地 SSL 開發環境

在 Mac 上建立在本地端的 SSL ！

第一篇文章這麼推 mamp pro，就來教學一下如何使用 mamp pro 建立 SSL 的開發環境吧！為什麼要建立 SSL 開發環境？現在很多第三方 API 都有要求必須要 SSL 簽證，但是我們只是本地端開發，又不是正式環境，該怎麼辦？

好.. 首先你必須先有 MAMP PRO

MAMP PRO - Your local web development solution

mamp pro 不貴，而且是終生的，也可以先用試用版喔！

這邊教學的環境是 Mac 喔！

以下開始圖文說明

1. 打開 MAMP 之後創建自己的 Host ，這部分太簡單就略過了
2. 建立完 Host 之後，請點選項要建立 SSL 的 Host，右邊選項會有一個 SSL 點下去，並把 SSL checkbox 打勾，然後點選 Create self-signed certificate，隨便存在一個資料夾即可。完成後會如下圖

3. 完成到這邊之後還不夠，你現在到網站上他仍然會出現不安全的字樣，看了感覺很阿雜，主要是因為我們的 Chrome 沒有信任這個我們自簽的憑證。所以我們必須讓他信任我們的憑證。首先打開 Safari 並將網址貼上去，他會問你要不要信任，直接點信任，然後看到網頁內容後即可關閉。

4. 這時候憑證已經被記錄到 Mac 的鑰匙圈裡面，我們打開鑰匙圈，找到我們的憑證，點選右鍵 -> 取得資訊 ，出現小視窗後，把 “信任” 打開，把全部都改成永遠信任就可以了，操作結束後如下圖

這時候再回到 Chrome 上面，把 Chrome重開，並且前往我們的網頁，就會發現不安全三個字已經不見，Chrome 已經信任這個憑證囉！這對於後續像是串接 Facebook , Line 等第三方應用時是很方便的。