Xamarin.Forms 與 Azure Mobile App Lab 10

在 Azure 中，加入 Facebook / Google 身分驗證設定

申請 Facebook 身分驗證的ID與密鑰

• 請開啟 Facebook for Developers https://developers.facebook.com/ 網頁
• 將游標移動到右上方的 我的應用程式，在彈出視窗中，點選 新增應用程式 選項
  
• 當出現了 新建立的應用程式編號 對話窗，請依序輸入
  顯示名稱 ： 在此輸入 多奇數位創意有限公司
  聯絡電子郵件 ： 在此輸入您的電子郵件信箱
  類別 ： 在此選擇符合您的 Facebook 應用的類別，此處選擇的是 教育
  
• 最後，點選 建立應用程式編號 按鈕
• 在出現 安全驗證 對話窗出現後，請輸入畫面中的驗證碼文字，並且點選 送出 按鈕
• 此時，會顯示 Facebook 產品設定 網頁，請點選 Facebook 登入 選項右方的 開始使用 按鈕
  
• 當網頁顯示如下畫面，請依據底下畫面，設定 用戶端 OAuth 設定。
  在此，您需要啟用 嵌入的瀏覽器 OAuth 登入
  
• 點選 儲存變更 按鈕，完成這個 Facebook 應用程式建立工作。
• 請點選左方功能表的 設定 > 基本資料 選項
• 當網頁顯示如下畫面，請將 應用程式編號 與 應用程式密鑰 請妥善保存這兩個值，等下在專案內會使用到。
  應用程式編號 ： 1144209035696864
  應用程式密鑰 ： 5cb5c9154fd9d86ca2c4ff6d003849e5
  
• 在這個頁面下方，請點選 + 新增平台 按鈕
  在彈出畫面中，請點選 網站
  
• 請在下方的 網站網址 欄位中，輸入 xamarinazureday.azurewebsites.net
• 點選右下方的 儲存變更
  
• 請點選左方功能表的 應用程式審查
  請啟用 是否發佈多奇數位創意有限公司 這個應用程式
  在出現 公開發佈應用程式? 對話窗，請點選 確認 按鈕
• 請點選左方功能表的 主控版，要能夠顯示如下圖的綠色燈號。
  

申請 Google 身分驗證的ID與密鑰

• 請開啟 Google API Console https://console.developers.google.com/?hl=zh-tw 網頁
• 在左方的 API 管理員 的下方，點選 憑證 >
• 在 憑證 頁面，點選 建立憑證
• 從下拉選單選擇 OAuth 用戶端ID
  
• 選擇 網路應用程式 選項
• 請在 名稱 欄位輸入這個 OAuth 認證要顯示的名稱，在這裡輸入： 多奇數位創意有限公司
  請在 已授權的重新導向 URI 欄位，輸入這個網址 https://mylabtw.blogspot.tw/oauth2callback
  
• 最後，點選 建立 按鈕
• 當 OAuth 用戶端憑證建立完成之後，將會得到 用戶端ID 與 用戶端密鑰，請妥善保存這兩個值，等下在專案內會使用到。
  用戶端 ID ： 213736323010-o1gpeumve03vkbgkqshcuijg7nleqf63.apps.googleusercontent.com
  用戶端密鑰 ： RLqD4AFvKAvhxXPYAgGM82DV
  

Azure Mobile 驗證/授權 設定

• 請從 Azure 儀表板中開啟 xamarinazuremobile 行動 app
  
• 點選 設定 > 驗證/授權
• 從 XamarinAzureDay 驗證/授權 刀鋒視窗中，啟用 App Service 驗證
  
  

Facebook

• 點選 Facebook 項目
• 在 Facebook 驗證設定 刀鋒視窗中，輸入
  App 識別碼 ： 1144209035696864
  App 密碼 ： 5cb5c9154fd9d86ca2c4ff6d003849e5
  勾選這些範圍項目 ： public_profile / email
  
• 點選下方的 確定 按鈕

Google

• 點選 Google 項目
• 在 Google 驗證設定 刀鋒視窗中，輸入
  用戶端識別碼 ： 213736323010-o1gpeumve03vkbgkqshcuijg7nleqf63.apps.googleusercontent.com
  用戶端密碼 ： RLqD4AFvKAvhxXPYAgGM82DV
  
• 點選下方的 確定 按鈕

完成設定

• 最後，請在 XamarinAzureDay - 驗證/授權 刀鋒視窗上方，點選 儲存 按鈕