springboot+vue項目如何集成企業微信

来源:https://www.cnblogs.com/hibpm/p/18278658
-Advertisement-
Play Games

本文以springboot+vue技術開發的低代碼平臺為案例,介紹應用系統如何集成企業微信,包括同步企業微信組織用戶、單點登錄、消息發送等。 ...


本文以springboot+vue技術開發的低代碼平臺為案例,介紹應用系統如何集成企業微信,包括同步企業微信組織用戶、單點登錄、消息發送等。

線上體驗:http://www.yunchengxc.com

1、準備應用

1.1、註冊企業微信賬號

作為企業微信的企業管理員,首先登錄企業微信官網,註冊一個企業微信賬號。

如果已經有賬號,則直接使用即可。

企業微信官網:https://work.weixin.qq.com/

填寫註冊信息進行註冊

1.2、創建企業微信應用

在企業微信管理後臺,找到應用管理菜單,點擊下方的“創建應用”按鈕。

填寫應用信息,設置可見範圍為所有人,不然會影響同步用戶和發送消息通知。

1.3、配置開發者介面

新建應用後進入應用詳情,滑倒最下麵配置【網頁授權及JS-SDK】、【企業微信授權登錄】、【企業可信IP】

1.3.1、【網頁授權及JS-SDK】配置可信功能變數名稱

配置這一步驟後才可以配置企業可信IP,填寫項目的功能變數名稱(僅支持功能變數名稱),功能變數名稱需要在公網能夠訪問到。填寫完成後點擊申請校驗功能變數名稱。

把下載下來的文件放到伺服器上,並且可以根據可信功能變數名稱訪問到文件才算時校驗通過。

1.3.2、【企業微信授權登錄】配置

企業微信掃碼登錄功能需要設置回調地址。回調地址就是正式系統的訪問地址,圖中是本地開發的示例。使用企業微信登錄,只能回調至該功能變數名稱下的頁面。

1.3.3、【企業可信IP】配置

項目需要遠程調用企業微信的介面,這裡要寫我們的公網ip,不然我們的請求會被攔截。

1.4、配置通訊錄同步應用

我們自建的應用只有讀取用戶的許可權,想要進行寫的操作需要通過通訊錄同步應用去調用介面。點擊安全與管理菜單->管理工具->通訊錄同步

點擊開啟介面同步

配置可信IP

2、配置系統參數

2.1、找到應用憑證

點擊我的企業菜單,獲取企業ID(corpId)

打開自建應用獲取自建應用的AgentId(appAgentId) 和 Secret(appSecret)

打開通訊錄同步獲取通訊錄同步Secret(synSecret)

2.2、配置後端參數

在後端工程的yml文件中,把應用憑證對應配置到“yuncheng.workWechat”下,參數名稱與應用憑證的名稱對應。

2.3、配置前端參數

在前端工程的“public/config/bootConfig.js”文件內,配置參數“VUE_APP_WORKWECHAT_APP_ID”的值,對應企業微信的“corpId”;

配置參數“VUE_APP_WORKWECHAT_AGENT_ID”的值,對應企業微信的“AgentId”;配置“VUE_APP_WORKWECHAT_REDIRECT_URI”參數,登錄成功重定向 url,預設當前功能變數名稱,可以不用改動。

在前端工程的“src/settings.js”文件內,配置開關參數“showWorkWechat”的值為“true”,開啟前端的企業微信掃碼按鈕、同步部門用戶按鈕的顯示。

3、同步部門用戶

3.1、同步部門

在組織管理模塊,點擊“同步企業微信->本地同步到企業微信”。

同步完成後,會有彈框提示同步情況,企業微信管理後臺同步後的截圖如下。

3.2、同步用戶

在用戶管理模塊,點擊“同步企業微信->本地同步到企業微信”。

同步完成後,會有彈框提示同步情況,企業微信管理後臺同步後的截圖如下。

註意:同步到企業微信的賬號,如果該賬號沒有加入過當前企業團隊,系統會自動向該賬號發送加入邀請,該賬號需要同意邀請後,才能加入當前企業團隊。

3.3、同步註意事項

部門和用戶的同步規則:以本地數據為準。

本地往企業微信同步,如果企業微信不存在,則新建;如果存在,則更新;如果企業微信有多餘的部門,則刪除,並把刪除部門下的應用轉移到跟部門下。

企業微信往本地同步,如果本地不存在,則新建,如果存在,則更新,如果本地有多餘的賬號,則保持不變。本地新創建的用戶的預設密碼是“123456”,需要自行設置用戶的角色、崗位等信息。

本地和企業微信是否同一用戶的賬號,是通過用戶表的“work_wechat_id”進行判斷的。

4、企業微信掃碼登錄

4.1、掃碼登錄

點擊登錄頁面的企業微信掃碼Tab頁,會顯示企業微信二維碼,使用手機企業微信掃碼功能,完成掃碼登錄。

註意:必須完成上一步的用戶同步,並且企業微信用戶必須接受邀請加入企業團隊後,才能進行掃碼登錄。

4.2、本地用戶和企業微信的關聯欄位

本地和企業微信通過用戶表的“sys_user.work_wechat_id”欄位,和企業微信用戶的賬號id進行關聯

如果掃碼登錄後,提示用戶不存在,需要檢查企業微信賬號所關聯的“work_wechat_id”,登錄失敗的原因可能有以下幾點:

原因1、在平臺的用戶管理中可能沒有該userId對應的用戶;

原因2、企業管理員可能沒有同步企業微信用戶或者該企業微信賬號沒有加入對應的企業微信企業團隊;

原因3、企業管理員可能沒有給企業微信應用設置可見範圍。

專註雲原生、低代碼、流程引擎研發和應用。免費體驗環境:http://www.yunchengxc.com
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
一周排行
    -Advertisement-
    Play Games
  • 前言 .NET許可權管理及快速開發框架、最好用的許可權工作流系統。 基於經典領域驅動設計的許可權管理及快速開發框架,源於Martin Fowler企業級應用開發思想及最新技術組合(SqlSugar、EF、Quartz、AutoFac、WebAPI、Swagger、Mock、NUnit、Vue2/3、Ele ...
  • 前言 在實際項目開發中,需求變更和項目迭代是常態。要求我們能夠迅速響應,對資料庫結構進行相應的調整,如添加新表、更新現有表結構或增加欄位等。 為了確保團隊成員之間的信息同步,實時更新和維護資料庫文檔變得至關重要。這不僅提升了資料庫的可讀性,也極大提高了開發效率和團隊協作的流暢性。 SmartSQL, ...
  • ...
  • 在C#中,集合是用於存儲和操作一組數據項的數據結構。這些集合通常位於 System.Collections 和 System.Collections.Generic 命名空間中。下麵我將概述C#中幾種常用的集合類型及其特點: 1. System.Collections 命名空間中的集合 這個命名空間 ...
  • 前言 在項目開發中,方法返回的結果(成功或失敗)對我們開發來說很重要。傳統方法,如通過異常來指示錯誤或使用特定的返回類型(如布爾值加輸出參數),雖然有效,但可能缺乏直觀性和靈活性。 FluentResults庫應運而生,它以一種既流暢又富有表達力的方式,極大地優化了這一過程。通過使用FluentRe ...
  • 經過2個月的詳細調研,**稀土目前缺少生產車間之間數據協同交互、缺少完整的生產工序數據協同監測和分析,無法及時瞭解生產過程和經營情況,更無法進行有效的生產過程優化。本項目推動**稀土生產環節的數字化、信息化和智能化改造,從行業、戰略、技術和市場等方案全面提升**稀土的競爭力,打造**稀土焙燒、水浸、... ...
  • 最近遇到一個項目,由於客戶指定了印表機型號:HP LaserJet Pro M501n ,本來想著參考網上的代碼,使用System.Management來實現對印表機狀態的查詢,測試過程中發現無論是缺紙、空閑,獲取到的統統都是空閑狀態,咨詢售後也是說無法獲取狀態,也不提供SDK;後面在社區看見可以通 ...
  • 前言​ 推薦一個基於.NET 8 實現的通用許可權開發框架Admin.NET,前端使用Vue3/Element-plus開發。 基於.NET 8(Furion)/SqlSugar實現的通用管理平臺。整合最新技術,模塊插件式開發,前後端分離,開箱即用。 集成多租戶、緩存、數據校驗、鑒權、事件匯流排、動態A ...
  • 目錄Blazor 的關鍵概念項目模板Razor 語法依賴註入註入配置HeadOutlet 組件@code 分離Blazor 調試CSS 隔離調用JavaScript 最近在學習 Blazor ,在B站上找了一個國外的課程邊看邊學習。嗯,原價¥1503的課程,大概200多美元,課程鏈接如下: B站(大 ...
  • 在.Net中,資源回收主要是指記憶體管理和非托管資源的釋放。分別提供了兩種主要的方式進行處理: 垃圾回收(GC) 確認性資源釋放(DRD) 官網相關文檔的鏈接:https://learn.microsoft.com/zh-cn/dotnet/standard/managed-code 垃圾回收(Gar ...