如何取得 FaceBook 的「應用程式編號」、「應用程式密鑰」。

-

一、介紹

本文章將會介紹如何取得 FaceBook 的「應用程式編號」、「應用程式密鑰」。

二、OAuth 2.0

「OAuth 2.0」是一個開放標準，允許使用者讓第三方應用程式取得該使用者在某個應用程式上的資訊，無須取得該用戶的密碼、帳號。

三、取得FaceBook的「應用程式編號」、「應用程式密鑰」

圖一、使用瀏覽器進入到facebook developer，點選下一步



圖二、輸入電話號碼、確認碼



圖三、點選開發人員



圖四、點選建立首款應用程式



圖五、選取管理企業管理工具，再點選繼續



圖六、輸入應用程式顯示名稱、應用程式用途選取 你自己或你的商家、再點選繼續



圖七、點選提交



圖八、FaceBook 登入選擇 設定



圖九、選擇左邊選單的 設定





圖十、輸入 有效的 OAuth 重新導向 URI





圖十一、點選 設定 > 基本資料，即可取得 應用程式編號、應用程式密鑰





三、取得FB的「存取權杖工具 」

圖一、點選 上方工具，再點選存取權杖工具



圖二、取得FaceBook應用程式的存取權杖工具



四、參考

  1. facebook developer
  2. OAuth 2.0
  3. facebook 存取權杖
  4. 建置一個使用「FaceBook」、「Google」帳號登入的「Asp.net MVC」 網站。

留言

張貼留言

這個網誌中的熱門文章

使用「Visual Studio 2019」建置 Windows 服務

-
圖片
一、開發環境 整合開發環境：Visual Studio 2019 語言：C# .net framework：4.6.2 二、建置 Windows 服務專案 圖、開啟 Visual Studio 2019 ，點 建立新的專案 圖、選擇 Windows 服務(.net framework) 圖、輸入相關資訊 圖、選擇 Service1.cs > 滑鼠右鍵 > 檢視原始碼，即可看到 Windows 服務 起初的原始碼 圖、對 專案 > 滑鼠右鍵 > 重建，即可在 bin 資料夾底下見到建置好的結果 三、登錄 Windows 服務 圖、輸入登錄指令 指令 sc create 服務名稱 binpath=D:\服務路徑\XXX.exe start=auto 圖、Windows 服務畫面即可看到剛剛的服務 四、相關連結 使用「SC」指令 登錄、刪除 Windows 服務 五、參考 sc 指令
閱讀完整內容

如何傳送訊息至「Teams」的 Channel

-
圖片
一、介紹 Microsoft Teams 為微軟旗下的通訊軟體，它整合聊天、視訊、Office 365、Execel、Word、OneNote…等功能。 比爾蓋茲提出 Skype for Business 的想法，因此有了 Microsoft Teams 這個產品，為了與 Slack…等商用軟體相抗衡。 二、 Nuget 安裝 Newtonsoft.Json 12.0.3 三、Incoming WebHook 設定 訊息可藉由 Teams 的應用程式 Incoming WebHook 傳輸訊息 圖、點擊 … > 搜尋 Incoming WebHook > 點擊 Incoming WebHook 圖、點擊 新增至團隊 圖、選擇 你的頻道 > 點擊 設定連結器 圖、輸入 WebHook 名稱 > 點擊 建立 圖、複製 WebHook Url > 點擊 完成 四、操作步驟 圖、貼上範例碼，修改成你的 WebHook Url，執行後即可在 Teams 看到 測試訊息 的訊息 範例碼 using (var wc = new WebClient()) { wc.Headers.Add("Content-Type", "application/json"); var data = new { text = "測試訊息" }; var jsonStr = JsonConvert.SerializeObject(data); var bytes = System.Text.Encoding.UTF8.GetBytes(jsonStr); var res = wc.UploadData("https://你的 WebHook Url", bytes); Console.WriteLine(System.Text.Encoding.UTF8.GetString(res)); } 圖、執行結果 五、相關連結 使用「Visual Studio 2019」建置 主控台 Console 應用程式 使用「LINE Messaging API」發送 line 訊息 ...
閱讀完整內容

使用「Vue Cli」建立、打包、安裝 專案

-
圖片
一、介紹 Vue CLI 是由 Vue.js 團隊所開發，用來提供開發者快速建置 Vue.js 專案並整合相關工具鍊工具。 二、建置新專案 建立新資料夾 開啟 命令提示字元 切換至 新建立的資料夾 下指令 vue create test 建立 vue 專案 專案名稱 只能是小寫英文、底線、 vue create 專案名稱 選擇 Default 剛建立好的 test 專案 三、啟動新專案 切換至 新建置的專案 下指令 yarn serve yarn serve 打開 瀏覽器 ，輸入網址 http://localhost:8080/ ，即可看到運行的網站 四、打包新專案 切換至 新建置的專案 選擇 public 、 src 、 babel.config.js 、 package.json 、 README.md 後，加壓縮檔案 此檔案即可傳送給其他人使用 五、安裝 打包好的新專案 解壓縮檔案 開啟 命令提示字元 切換至 解壓縮檔案的位置 執行指令 yarn install 安裝相關的套件 yarn install 執行指令 yarn serve 運行專案 yarn serve 打開 瀏覽器 ，輸入網址 http://localhost:8080/ ，即可看到運行的網站 六、相關連結 「Visual Studio Code」安裝與擴充工具安裝 快速開發 Vue.js 工具「Vue CLI」安裝教學 快速的套件管理工具「Yarn」 讓 JavaScript 能在伺服器端執行的環境 「node.js」 使用「Vue Cli」建立、打包、安裝 專案 七、參考 安裝 node.js v14.15.1 yarn node.js vue cli
閱讀完整內容

「Bonobo Git Server」安裝

-
圖片
一、介紹 Bonobo Git Server 是建置 Git Server 的軟體，相較於 GitLab 目前只安裝於 Linux 作業系統， Bonobo Git Server 可安裝於 Windows 的 IIS 上。此篇文章將介紹如何安裝與使用 二、安裝 Bonobo Git Server 圖、下載 Bonobo Git Server 圖、解壓縮至 E:\Bonobo.Git.Server 。(非 C 槽即可) 圖、開啟 IIS ， 新增應用程式 圖、輸入應用程式資訊 圖、按下 GitServer ，再點擊 2 次，右邊的選單 驗證 圖、確認 匿名驗證 是否 啟用 ，如果沒有則 啟用 圖、瀏覽 GitServer 圖、輸入預設的帳號 admin 、預設密碼為 admin 圖、點 USER 圖、建立新的帳號、密碼 圖、確認新的帳號後，點 Repositories 圖、按下 Create new repository 圖、輸入 repository 資訊 圖、 repository  資訊 三、Visual Studio 2019 與 Bonobo Git Server 的搭配 圖、按下 Copy repository URL 圖、開啟 Visual Studio 2019 ，按下 Git 變更 ，按下 推送 圖、按下 現有遠端儲存庫 ，將剛剛複製的 repository URL 貼上 遠端URL ，按下 推送 圖、輸入剛剛新建的帳號、密碼 圖、對右下角 master 右鍵按下 檢視歷程記錄 ，即可看到推送至遠端 四、相關連結 「Git」基礎操作 「Git」安裝 「Win8」開啟「IIS」服務 五、參考 Bonobo Git Server 下載 Bonobo Git Server 安裝
閱讀完整內容

使用「LINE Messaging API」發送 line 訊息

-
圖片
一、介紹 LINE 是由LINE株式會社所開發的即時通訊平台，也是目前台灣目前最高使用率的社群平台。 二、登入 LINE console 圖、打開瀏覽器，進到 LINE Developers Console 登入頁 三、建立 Provider 和 Channel 圖、按下 Create ，輸入 Provider name ，再按下 Create 圖、按下 Create a Message API Channel 圖、輸入 Channel name 圖、Channel 資訊 四、webhook 每當LINE用戶加您的 Channel 為好友或是發送訊息，LINE平台透過 HTTP POST 發送 webhook 事件資訊 至您 LINE Developers Console 中所指定的 webhook URL 。 圖、點 Messaging API ，往下拉即可看到 webhook 相關設定 webhook 事件資訊 webhook 事件資訊為JSON格式的資料 點 webhook 的 Verify 按鈕，則會收到如下格式的 webhook 事件資訊。 圖、Verify 按鈕 {“events”:[],“destination”:“XXX”} 被加入好友，則會收到如下格式的 webhook 事件資訊。 {“events”:[{“type”:“follow”,“replyToken”:“XXX”,“source”:{“userId”:“XXX”,“type”:“user”},“timestamp”:XXX,“mode”:“active”}],“destination”:“XXX”} 其中 userId 為 加入您好友的用戶ID，此ID會使用於發送訊息。 發送訊息時，則會收到如下格式的 webhook 事件資訊。 {“events”:[{“type”:“message”,“replyToken”:“XXX”,“source”:{“userId”:“XXX”,“type”:“user”},“timestamp”:XXX,“mode”:“active”,“message”:{“type”:“sticker”,“id”:“XXX”,“stickerId”:“XXX”,“packageId”:“XXX”,“stic...
閱讀完整內容

「PicPick」 好用的截圖編輯工具

-
圖片
一、介紹 「PicPick」是一個全螢幕、指定區域…等、多功能的截圖編輯工具。詳細介紹請參照 PicPick 華人百科介紹 二、快捷鍵 PrintScreen : 全螢幕擷取。 Shift + PrintScreen : 使用者自訂範圍擷取。 Alt + PrintScreen : 使用中的視窗擷取。 Ctrl + PrintScreen : 視窗裡的區域擷取。 Ctrl + Alt + PrintScreen : 捲動視窗區域擷取，「PicPick」會自動拉動視窗捲軸至底部後擷取。 三、安裝 圖一、請至 「PicPick」 網站下載軟體。 圖二、安裝「PicPick」。 圖三、安裝後、Window 工具列增加「PicPick」Icon 代表安裝完成。 四、參考 PicPick 網站
閱讀完整內容

快速的套件管理工具「Yarn」

-
圖片
一、介紹 安裝 node.js 時會一同安裝 npm 套件管理工具，但用 npm 下載套件時會相當緩慢，因此 Yarn 誕生，會讓使用者減少下載套件的時間。 二、操作步驟 圖、開啟瀏覽器輸入網址 https://classic.yarnpkg.com/zh-Hant/ > 安裝 Yarn 圖、按下 下載安装程式 圖、按下 Next 圖、勾選同意 License > 按下 Next 圖、按下 Next 圖、按下 Install 圖、按下 Finish 圖、開啟 命令提攜字元 圖、輸入 yarn -v yarn -v 是看 yarn 的版本 cmd 指令 yarn -v 三、相關連結 讓 JavaScript 能在伺服器端執行的環境 「node.js」 四、參考 yarn
閱讀完整內容

如何將「ASP.Net」發佈至「Somee.com」免費空間

-
圖片
一、介紹 Somee.com 提供免費和付費的 ASP.Net 和 Sql Sever 的網頁代管服務。 二、開發工具 整合開發環境：Visual Studio 2019 語言：C# .net framework：4.6.2 三、註冊 Somee.com 圖、進入到 Somee.com 註冊頁面 ，輸入相關資訊，再按下 REGISTER NEW ACCOUNT 圖、登入信箱打開驗證信，再把驗證碼貼上，再按下 CONFIRM 圖、按下 Checkout 圖、輸入網站基本資訊，再按下 CREATE WEBSITE 圖、點左下的 xxx.Somee.com 即可看到，基本資訊 四、登入 Somee.com 因 Somee.com 官網設計上的問題，導致第一次登入 Somee.com 很容易不知道該怎麼登入。所以章節教學如何登入 Somee.com 圖、進入到 Somee.com 註冊頁面 ，點 Sign in 圖、輸入 帳號 、 密碼 圖、點左上的 Shop 圖、點左上的 Dashboard 圖、 Somee.com  控制儀表板 五、建置資料庫和帳號密碼 圖、點 左邊選單的 MS SQL > Logins ，輸入 帳號、密碼，在按下 ADD NEW LOGIN 圖、點 左邊選單的 MS SQL > Databases ，再按下 CREATE 圖、輸入資料庫基本資訊，再按下 CREATE EMPTY DATABASE 圖、點 MS SQL > Databases ，再按下 MANAGE 圖、資料庫的控制儀表板 六、使用 Visual Studio 2019 發佈至 Somee.com 圖、點左下的 xxx.Somee.com ，檢視 FTP 基本資訊。 圖、打開 Visual Studio 的專案，發佈 專案 。 圖、選擇 FTP/FTPS 伺服器 ，再按下 下一步 。 圖、輸入 發佈資訊 ，再按下 完成 。 圖、按下 編輯 。 圖、按下 設定 ，勾選右邊全部選項，再按下 儲存 。 圖、按下 發佈 。 圖、打開瀏覽器 輸入網址 xxx.Somee.com ，即可看到建置好的網站。 七、參考 somee 官網 Free Windows ASP.Net hosti...
閱讀完整內容

「NLog」與「Sql Server」資料庫的完美搭配

-
圖片
一、前言 筆者工作時會將應用程式的資訊透過 NLog 寫入 Db(Sql Server) 。為了日後方便記憶，因此文章就這樣誕生了~ 二、開發環境 整合開發環境：Visual Studio 2019 語言：C# .net framework：4.6.2 三、 Nuget 安裝套件 NLog NLog.Config NLog.Schema 圖、套件清單 四、操作步驟 圖、修改 NLog.config 的 target 、 logger 元素 NLog.config 設定 < targets > < target name = "database" xsi:type = "Database" > < connectionStringName > DefaultConnection </ connectionStringName > <!--<connectionString>Data Source=(LocalDb)\MSSQLLocalDB;Initial Catalog=XXX;Integrated Security=True</connectionString>--> < commandText > INSERT INTO [dbo].[Log] ([MachineName] ,[Logged] ,[Level] ,[Message] ,[Logger] ,[Callsite] ,[Exception]) VALUES (@MachineName ,@Logged ,@Level ,@Message ...
閱讀完整內容