用戶中心設(shè)置

用戶中心功能為WPCOM團隊自主研發(fā)的功能模塊，可實現(xiàn)網(wǎng)站前端用戶注冊、用戶登錄、找回密碼、賬號設(shè)置、個人中心、社交登錄（微信、QQ、微博）、用戶列表、用戶分組、用戶權(quán)限、注冊審核、郵件激活、前端頭像上傳裁剪、用戶封面圖片上傳、WooCommerce兼容、表單滑動驗證、AJAX交互等強大功能。

功能優(yōu)勢

用戶中心模塊早期是基于第三方插件實現(xiàn)，后來自主開發(fā)集成到Themer框架為自帶模塊，隨著功能的完善以及業(yè)務(wù)需求近期已經(jīng)拆分封裝成獨立的用戶中心插件了，目前我們的用戶中心插件具有以下優(yōu)勢：

• 更小巧更輕量，性能顯著提升；
• 全面整合已有產(chǎn)品，可支持適配我們現(xiàn)有主題以及用戶中心高級版插件、問答插件和WooCommerce；
• 全新的注冊、登錄表單，采用ajax提交，更好的用戶體驗；
• 全新的圖片上傳接口，并整合wordpress底層API接口，可兼容云儲存插件實現(xiàn)用戶頭像、封面圖片的云端存儲；
• 更好的擴展性，菜單選項、表單選項、驗證方式等都可通過接口注冊增加，方便二次開發(fā)和插件接入；
• 接入阿里云驗證碼、騰訊云驗證碼功能，可防止機器人惡意注冊；
• 全新優(yōu)化的找回密碼交互流程；
• 極大減少了設(shè)置選項，僅需簡單設(shè)置即可完成功能部署；

設(shè)置教程

1. 功能開啟

先激活主題，再進入后臺主題設(shè)置>安裝插件（如果沒有找到可能已經(jīng)安裝并啟用了插件，可跳過此步驟），找到WPCOM用戶中心插件安裝并啟用。

啟用成功相關(guān)設(shè)置選項可以進入主題設(shè)置>用戶中心里面完成；如果有安裝用戶中心高級版插件，則是在后臺用戶中心-設(shè)置選項里面。

如果允許用戶注冊，需要檢查WordPress后臺設(shè)置>常規(guī)里面的成員資格是否開啟允許注冊，否則注冊頁面會提示未開放注冊。

2. 常用頁面配置

配置用戶中心功能常用的頁面，目前需要用到的頁面和對應(yīng)的shortcode（短代碼/簡碼/短碼）為：

• 注冊，對應(yīng)的shortcode：[wpcom-member type="form" action="register"]；
• 登錄，對應(yīng)的shortcode：[wpcom-member type="form" action="login"]；
• 賬號設(shè)置/我的資料，對應(yīng)的shortcode：[wpcom-member type="account"]；
• 重置密碼/找回密碼，對應(yīng)的shortcode：[wpcom-member type="lostpassword"]；
• 個人中心/用戶信息（企業(yè)主題無此功能），對應(yīng)的shortcode：[wpcom-member type="profile"]（如果配置好后頁面出現(xiàn)404錯誤的話，可進入設(shè)置>固定鏈接直接點擊保存更改按鈕即可）；

添加方法

進入后臺頁面，點擊新建頁面（如果是已經(jīng)導(dǎo)入演示數(shù)據(jù)的用戶可以先看下頁面列表里面是否已經(jīng)導(dǎo)入了對應(yīng)的頁面，有的話則可以直接點擊編輯頁面檢查shortcode是否正確即可）。

區(qū)塊編輯器添加方法：

使用自定義HTML或者簡碼區(qū)塊添加，如果找不到可以搜索，如圖：

然后輸入shortcode代碼，如圖：

舊版編輯器添加方法：

添加shortcode的時候建議將編輯器切換到文本模式下，如上圖所示。

按此方式依次添加用戶中心功能常用的頁面。

推薦：注冊、登錄、找回密碼、賬號設(shè)置等頁面如果不希望顯示邊欄，想實現(xiàn)演示站的全寬效果，可在頁面編輯里面將設(shè)置選項>頁面設(shè)置>頁面邊欄選擇不顯示邊欄即可。

將頁面配置到用戶中心

添加好頁面后，可前往主題設(shè)置>用戶中心>頁面設(shè)置，依次設(shè)置好上面添加的頁面，然后保存主題設(shè)置。

3. 用戶分組（企業(yè)主題無此功能）

新建和編輯用戶分組

啟用用戶中心功能后可在后臺用戶>用戶分組下新建和編輯用戶分組，目前可對用戶分組設(shè)置分組內(nèi)用戶的系統(tǒng)角色、后臺訪問權(quán)限、前端工具條等。

默認用戶分組設(shè)置

默認用戶分組可在主題設(shè)置>用戶中心頁面設(shè)置默認分組。建議設(shè)置默認分組，可用于新注冊用戶權(quán)限分配。

修改用戶的分組

批量修改：進入用戶>所有用戶，勾選需要批量修改的用戶，然后通過批量修改工具修改，如圖：

單獨修改：如需單獨修改某個用戶的分組，可以進入用戶>所有用戶，編輯某個用戶的資料，進入用戶的資料編輯頁面，找到用戶分組選項，選擇要修改的用戶分組，如圖：

4. 手機注冊

功能開啟

進入主題設(shè)置>用戶中心>手機注冊，打開開啟手機注冊選項，保存主題設(shè)置。

短信接口設(shè)置

主題支持手機注冊和手機快捷登錄，其中會涉及到短信驗證碼的發(fā)送，目前可支持騰訊云短信和阿里云短信服務(wù)接口，用戶可根據(jù)自己需要選擇。

騰訊云短信接口設(shè)置

騰訊云短信服務(wù)申請地址：https://cloud.tencent.com/product/sms

申請免費使用按鈕免費開通短信服務(wù)后進入后臺管理頁面，從左側(cè)菜單進入應(yīng)用列表，點擊創(chuàng)建應(yīng)用，創(chuàng)建好應(yīng)用后進入這個應(yīng)用，可以看到SDK AppID和App Key，將這兩個填入網(wǎng)站后臺主題設(shè)置>用戶中心>騰訊云短信接口里面對應(yīng)選項（如果沒有的話，需要先開啟手機注冊，并將短信接口選擇騰訊云），如圖：

然后回到騰訊云之前的界面，進入國內(nèi)短信>短信內(nèi)容配置，分別申請短信簽名和短信正文（短信正文有兩個參數(shù)，分別是{1}：驗證碼，{2}：驗證碼有效分鐘數(shù)，例如演示站使用的短信正文模板為：您的驗證碼為：{1}，該驗證碼{2}分鐘內(nèi)有效，請勿泄漏于他人！），然后等待審核，如圖：

如果審核通過后，復(fù)制短信簽名的內(nèi)容（注意，是簽名內(nèi)容，不是ID）到網(wǎng)站主題設(shè)置>用戶中心>騰訊云短信接口>短信簽名選項，同理，設(shè)置好短信模板ID（不過這里就是短信正文的ID，不是內(nèi)容，請看清填寫）。

阿里云短信接口設(shè)置

阿里云短信服務(wù)申請地址：https://www.aliyun.com/product/sms

AccessKey設(shè)置：進入阿里云后臺控制臺，將鼠標移到頁面右上角的頭像上，然后在下拉菜單里面找到AccessKey 管理，分別獲取AccessKey ID和Access Key Secret，然后分別填入網(wǎng)站后臺主題設(shè)置>用戶中心>手機注冊>阿里云短信接口下的對應(yīng)選項（如果沒有的話，需要先開啟手機注冊，并將短信接口選擇阿里云）。

通過上面給的阿里云短信服務(wù)申請地址，進入短信服務(wù)管理控制臺，再進入國內(nèi)消息，分別申請一個短信簽名和短信模板，其中需要注意的是短信模板里面需要有一個驗證碼的變量${code}，發(fā)送短信的時候會自動替換成驗證碼，同時建議在模板里面說明下驗證碼的有效時間，目前是10分鐘，如圖：

申請好短信簽名和短信模板并審核通過后，將短信簽名名稱和短信模板CODE（注意這里需要填寫的是模板CODE）分別填寫到主題設(shè)置>用戶中心>手機注冊>阿里云短信接口下的對應(yīng)選項即可。

5. 社交登錄

功能開啟

進入主題設(shè)置>用戶中心>社交登錄，打開開啟社交登錄選項，保存主題設(shè)置。

設(shè)置社交綁定頁面

社交綁定頁面是一個單獨的頁面，不能直接使用注冊或者登錄頁面。

新建頁面：進入后臺頁面，選擇新建頁面，頁面標題可以為第三方賬號登錄（也可以自己定），內(nèi)容里面添加[wpcom-social-login]，建議切換到文本模式下添加，如圖：

設(shè)置頁面：主題設(shè)置>用戶中心>社交登錄選項下的社交綁定頁面，選擇剛新建的頁面，保存主題設(shè)置。

這個頁面是用于登錄后的賬號綁定操作，并不能直接訪問，直接訪問會出現(xiàn)第三方賬號返回參數(shù)錯誤的提示，這是正常的。

接口申請和設(shè)置

社交登錄功能必須要有接口權(quán)限才能使用，您可以進入主題設(shè)置>用戶中心>社交登錄，點擊添加登錄方式來增加登錄接口，具體接口申請和設(shè)置可以參考：

Twitter接口說明

由于Twitter對于開發(fā)者賬號審核較嚴格，幾乎很難通過，所以暫未整理，如果沒有已經(jīng)認證過的開發(fā)者賬號建議可以放棄。

關(guān)于微信登錄

微信登錄區(qū)分微信開放平臺和微信公眾號平臺，兩者是不一樣的:

• 微信開放平臺是面向PC電腦端網(wǎng)站；

• 微信公眾號平臺是面向移動端微信內(nèi)置瀏覽器訪問登錄。

所以條件允許的情況下一般是建議同時申請并配置兩個平臺的微信登錄接口，這樣用戶中心在注冊登錄頁會自動檢測并調(diào)用合適的接口；針對僅配置一個接口的情況也進行了降級適配處理：

• 僅申請并配置微信公眾平臺接口：在網(wǎng)頁端展示二維碼，可通過服務(wù)端代理中轉(zhuǎn)實現(xiàn)網(wǎng)頁端的微信登錄；

• 僅申請并配置微信開放平臺接口：在手機端展示微信登錄的二維碼。

6. 其他設(shè)置

表單安全驗證

主題對注冊、登錄、找回密碼等表單提交有安全驗證功能，可防止惡意撞庫攻擊、機器人批量注冊。目前主題集成了阿里云驗證碼、騰訊云驗證碼、hCaptcha和Google reCAPTCHA四種安全驗證方式可供選擇配置，選擇方式：主題設(shè)置>用戶中心>人機驗證方式。

阿里云驗證碼（2.0）

阿里云全新驗證碼2.0產(chǎn)品，開通和接入可以點擊此處參考官方文檔。

用戶中心功能已經(jīng)做了技術(shù)集成相關(guān)的開發(fā)工作，我們只需要配置幾個選項即可完成功能的開啟：

1.功能開啟

主題設(shè)置>用戶中心>人機驗證方式選項選擇阿里云驗證碼2.0。

2.配置身份標選項

結(jié)合上面的官方參考文檔進入 驗證碼2.0控制臺。

如果沒有開通購買服務(wù)的話先開通購買，再進入概覽頁面實例基本信息卡片區(qū)域，獲取右側(cè)的身份標：

3.配置場景ID選項

進入控制臺場景管理頁面，如果沒有場景則點擊新建場景，客戶端類型可以選擇Web或者H5，其他選項根據(jù)自身需求設(shè)置即可，然后獲取到場景ID：

4.配置 AccessKey ID 和 AccessKey Secret 選項

在阿里云后臺右上角鼠標移到頭像上，再點擊AccessKey 管理進入獲取。

如果使用子用戶創(chuàng)建的AccessKey，請確認對應(yīng)子用戶的權(quán)限是否有驗證碼產(chǎn)品的操作權(quán)限，如果沒有的話需要在自用戶的權(quán)限管理里面添加AliyunYundunAFSFullAccess的權(quán)限策略。

阿里云驗證碼（舊版1.0，目前推薦使用2.0版本）

滑動驗證功能基于阿里云驗證碼（1.0）驗證接口，使用前需要進行接口申請。申請方式如下： 進入阿里云后臺產(chǎn)品與服務(wù)>安全>驗證碼，如果找不到可以直接搜索，如圖：

進入后點擊新增配置進入接口配置頁面。頁面中的應(yīng)用類型選擇網(wǎng)頁，驗證方式選擇滑動驗證，其他選項可根據(jù)您的實際情況選擇即可。后面直接下一步或者提交即可，按此方式重復(fù)新建使用場景為注冊和登錄的兩個配置，另外考慮到兼容手機端需要再建兩個應(yīng)用類型為移動端WAP/HTML5的配置。

新建好配置后回到人機驗證列表，可以看到新建的配置，復(fù)制其中的appkey（多個配置的appkey是相同的），然后進入網(wǎng)站后臺主題設(shè)置>用戶中心>阿里云人機驗證，將復(fù)制的appkey填入appkey選項。

主題設(shè)置>用戶中心>阿里云人機驗證選項下還有另外兩個選項：Access Key ID和Access Key Secret，他們的獲取方法：進入阿里云后臺，將鼠標移到右上角頭像上，再點擊AccessKey 管理進入即可獲取。

騰訊云驗證碼

騰訊云驗證碼申請地址可以點擊此處，注冊登錄后在控制臺點擊新建驗證，驗證場景選擇賬號場景，建好后點擊查看詳情，進入基礎(chǔ)配置，獲取App ID和App Secret Key，如圖：

然后將獲取到的App ID和App Secret Key填入網(wǎng)站后臺主題設(shè)置>用戶中心>騰訊云驗證碼/防水墻選項。

hCaptcha

hCaptcha適合國內(nèi)外都有訪問需求的網(wǎng)站，全球都可以正常訪問，并且還免費。

申請地址：https://hcaptcha.com/?r=297b29f2b398

Google reCAPTCHA

Google reCAPTCHA 適合境外針對，目前國內(nèi)網(wǎng)絡(luò)無法正常加載。

Google reCAPTCHA 申請地址：https://developers.google.com/recaptcha

用戶列表

用戶中心內(nèi)置用戶列表功能，可通過shortcode調(diào)用，例如JustNews主題演示頁面：http://demo.wpcom.cn/justnews/members

添加方法： 用戶列表是通過shortcode調(diào)用的，shortcode為：[wpcom-member type="userlist"]，直接在頁面添加即可。

用戶列表shortcode可支持更多參數(shù)的設(shè)置：

• 指定用戶分組：group="分組ID"，分組ID可進入用戶>用戶分組，然后編輯對應(yīng)分組，可以在瀏覽器地址欄獲取到ID，也就是tag_ID=后面的數(shù)字；
• 指定用戶ID：users="用戶ID，多個ID英文逗號分隔"，用戶ID可進入用戶>所有用戶，然后編輯對應(yīng)用戶，可以在瀏覽器地址欄獲取到ID，也就是user_id=后面的數(shù)字；
• 每頁顯示10個：per_page="10"；
• 排序依據(jù)：orderby="registered"，registered為注冊時間，也可以換成ID、name、email、login、post_count等；
• 排序順序：order="DESC"，order可以為ASC（順序：1，2，3）或者DESC（倒序：3，2，1）
• 每行顯示個數(shù)：cols="2"，默認是2個，可以支持設(shè)置2、3、4個

例如獲取分組ID為1的用戶，根據(jù)用戶ID倒序排序，則可以使用：

[wpcom-member type="userlist" group="1" orderby="ID" order="DESC"]

郵件功能

用戶中心在用戶注冊、找回密碼等場景會有郵件發(fā)送的需求，而郵件功能需要服務(wù)器的支持，不過目前很多服務(wù)器都被禁用了郵件發(fā)送端口（25端口），例如阿里云、騰訊云，比較推薦的方法是使用SMTP，可以參考：http://www.air-home.cn/tutorial/119.html

更多常見問題

關(guān)于用戶中心的更多問題，可以查看：http://www.air-home.cn/help/143.html