XamarinForms 系列課程

特別說明

2017/04/17

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 - 驗證/授權 刀鋒視窗上方,點選 儲存 按鈕

沒有留言:

張貼留言