<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Victor Hung%27s Diary</title>
	<atom:link href="https://taskinghouse.com/posts/tag/app-id/feed/" rel="self" type="application/rss+xml" />
	<link>https://taskinghouse.com</link>
	<description></description>
	<lastBuildDate>Tue, 25 Jun 2019 09:45:01 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://taskinghouse.com/wp-content/uploads/2018/05/cropped-favicon.png</url>
	<title>App ID &#8211; TaskingHouse</title>
	<link>https://taskinghouse.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>「教學」使用 Facebook 帳號快速註冊登入 WordPress 網站</title>
		<link>https://taskinghouse.com/posts/sign-up-login-wordpress-website-with-facebook-account/</link>
		
		<dc:creator><![CDATA[Victor Hung]]></dc:creator>
		<pubDate>Tue, 25 Jun 2019 12:00:57 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[教學]]></category>
		<category><![CDATA[App ID]]></category>
		<category><![CDATA[App Secret]]></category>
		<category><![CDATA[Continue with Facebook]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[OAuth]]></category>
		<category><![CDATA[Social Login]]></category>
		<category><![CDATA[WooCommerce]]></category>
		<category><![CDATA[YITH]]></category>
		<guid isPermaLink="false">https://diary.taskinghouse.com/?p=3135</guid>

					<description><![CDATA[<p>曾經因為註冊要輸入太多資料覺得麻煩而直接關掉網頁嗎？架設了自己的網站或商城之後，是否擔心使用者也這樣對待你呢？本篇教您如何使用 Nextend Social L...</p>
<p>這篇文章 <a rel="nofollow" href="https://taskinghouse.com/posts/sign-up-login-wordpress-website-with-facebook-account/">「教學」使用 Facebook 帳號快速註冊登入 WordPress 網站</a> 最早出現於 <a rel="nofollow" href="https://taskinghouse.com">TaskingHouse</a>。</p>
]]></description>
										<content:encoded><![CDATA[<p>曾經因為註冊要輸入太多資料覺得麻煩而直接關掉網頁嗎？架設了自己的網站或商城之後，是否擔心使用者也這樣對待你呢？本篇教您如何使用 Nextend Social Login 外掛來實現讓使用者以 Facebook 帳號，註冊、登入 WordPress 網站以及 WooCommerce 商城會員。</p>
<p>外掛網址<br />
<a href="https://tw.wordpress.org/plugins/nextend-facebook-connect/" target="_blank" rel="noopener">https://tw.wordpress.org/plugins/nextend-facebook-connect/</a></p>
<p>安裝完成之後來到設定頁，Nextend Social Login 支援 Facebook、Google、Twitter 等多種社群帳號登入，本篇以 Facebook 為例，點擊「Getting Started」開始</p>
<p><img decoding="async" src="https://taskinghouse.com/wp-content/uploads/2019/06/sign-up-login-wordpress-website-with-facebook-account-01.png" alt="" /></p>
<p>以臉書帳號登入 Facebook for Developers <a href="https://developers.facebook.com/apps/" target="_blank" rel="noopener">https://developers.facebook.com/apps/</a> 並「建立新的應用程式」填寫顯示名稱、聯絡電子郵件等資料，最後按「建立應用程式編號」接著在新增產品頁面選擇「Facebook 登入」並確認。</p>
<p>填寫「應用程式網域」只要網址中網域的部分即可，並在「隱私政策網址」填寫網站上隱私政策頁面的網址，如果沒有隱私政策頁面的話趕緊建立一個吧！填寫完成後記得「儲存變更」</p>
<p>回到網站後台，將 Getting Started 第 11 個步驟提供的 Valid OAuth redirect URIs 網址複製起來。</p>
<p><img decoding="async" src="https://taskinghouse.com/wp-content/uploads/2019/06/sign-up-login-wordpress-website-with-facebook-account-02.png" alt="" /></p>
<p>再回到 Facebook for Developers 在左側欄產品選擇「Facebook 登入」並按「設定」依照示範外掛 Nextend Social Login 提供的 Valid OAuth redirect URIs 網址，貼入「有效的 OAuth 重新導向 URI」欄位，最後「儲存變更」。</p>
<p><img decoding="async" src="https://taskinghouse.com/wp-content/uploads/2019/06/sign-up-login-wordpress-website-with-facebook-account-03.png" alt="" /></p>
<p>左邊側欄選擇「設定」按「基本資料」在這裡可以找到應用程式編號 App ID 跟應用程式密鑰 App Secret 複製起來。最後記得點一下右上方的開關「關閉（狀態：調整中）」打開，打開之後會顯示「開啟（狀態： 已上線）」</p>
<p><img decoding="async" src="https://taskinghouse.com/wp-content/uploads/2019/06/sign-up-login-wordpress-website-with-facebook-account-04.png" alt="" /></p>
<p>回到網站後台將剛剛複製的應用程式編號 App ID 跟應用程式密鑰 App Secret 貼上、儲存設定。</p>
<p><img decoding="async" src="https://taskinghouse.com/wp-content/uploads/2019/06/sign-up-login-wordpress-website-with-facebook-account-05.png" alt="" /></p>
<p>此時驗證資訊已經儲存，按「Verify Settings」測試驗證。</p>
<p><img decoding="async" src="https://taskinghouse.com/wp-content/uploads/2019/06/sign-up-login-wordpress-website-with-facebook-account-06.png" alt="" /></p>
<p>此時會跳出臉書登入認證的地方，應該會正確顯示剛剛設定的 Facebook App 名稱、圖片以及要求取得的資訊，並且使用當前登入的個人 Facebook 帳號的身份繼續。如果沒登入臉書的話，則會先要求登入臉書。</p>
<p><img decoding="async" src="https://taskinghouse.com/wp-content/uploads/2019/06/sign-up-login-wordpress-website-with-facebook-account-07.png" alt="" /></p>
<p>繼續後如果驗證成功應該會跳回網站後台，提示驗證成功，但網站登入功能還沒啟用，按「Enable」啟用。</p>
<p><img decoding="async" src="https://taskinghouse.com/wp-content/uploads/2019/06/sign-up-login-wordpress-website-with-facebook-account-08.png" alt="" /></p>
<p>先登出網站或以無痕模式開啟網站後台，應該可以看到登入按鈕下方出現了「Continue with Facebook」的社群登入按鈕了。</p>
<p><img decoding="async" src="https://taskinghouse.com/wp-content/uploads/2019/06/sign-up-login-wordpress-website-with-facebook-account-09.png" alt="" /></p>
<p>在 Nextend Social Login 設定中 buttons 頁籤也可以將按鈕改為中文的自訂文字。</p>
<p><img decoding="async" src="https://taskinghouse.com/wp-content/uploads/2019/06/sign-up-login-wordpress-website-with-facebook-account-10.png" alt="" /></p>
<p>如果你架設了一個 WooCommerce 商城，可能對 YITH 這家外掛比較熟悉，所以如果使用 YITH WooCommerce Social Login 的使用者，也是一樣透過 Callback URL、App ID 以及 App Secret 來完成驗證設定，同樣適用本篇教學。</p>
<p><img decoding="async" src="https://taskinghouse.com/wp-content/uploads/2019/06/sign-up-login-wordpress-website-with-facebook-account-11.png" alt="" /></p>
<p>這篇文章 <a rel="nofollow" href="https://taskinghouse.com/posts/sign-up-login-wordpress-website-with-facebook-account/">「教學」使用 Facebook 帳號快速註冊登入 WordPress 網站</a> 最早出現於 <a rel="nofollow" href="https://taskinghouse.com">TaskingHouse</a>。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
