职贝云数AI新零售门户

标题: uni-app开发企微H5——推音讯给客户（安装包版） [打印本页]

---

作者: UK8Uf    时间: 2022-12-30 15:19
标题: uni-app开发企微H5——推音讯给客户（安装包版）
上一篇的企微推送音讯测试了之后，发现苹果手机不行，然后又要末尾重新看文档，搜处理方案。这个时分看到同事的一个企微客服的测试小项目，不看不知道，一看吓一跳。这不就是我苦苦寻觅的东西么？而且是经过实验的可用方案，奶思~
@wecom/jssdk - npm微信（企业微信）JSSDK，可用于替代 jweixin.js。. Latest version: 1.2.1, last published: 2 months ago. Start using @wecom/jssdk in your project by running `npm i @wecom/jssdk`. There are no other projects in the npm registry using @wecom/jssdk.

(, 下载次数: 17)

上传

点击文件名下载附件

https://www.npmjs.com/package/@wecom/jssdk1、安装
npm i @wecom/jssdk
2、运用
假如只要一个页面需求运用到，就直接写在页面里，如下：

1. <template>
2.         <view class="content">
3.                 <image class="logo" src="/static/logo.png"></image>
4.                 <view class="text-area">
5.                         <text class="title">{{title}}</text>
6.                         <view>{{ version }}</view>
7.                         <view>{{ content }}</view>
8.                        
9.                 </view>
10.         </view>
11. </template>
13. <script>
14.         import * as ww from '@wecom/jssdk'
15.         export default {
16.                 data() {
17.                         return {
18.                                 title: 'Hello',
19.                                 version: "",
20.                                 content: ""
21.                         }
22.                 },
23.                 onLoad() {
24.                         this.version = ww.VERSION
25.                         let _this = this
26.                        
27.                         ww.register({
28.                                 corpId: "请填入你的corpId",
29.                                 agentId: 请填入你的agentId,
30.                                 jsApiList: [
31.                                         'checkJsApi',
32.                                         'getContext',
33.                                         'selectExternalContact',
34.                                         'getCurExternalContact',
35.                                         'getCurExternalChat',
36.                                         'sendChatMessage',
37.                                         'launchMiniprogram'
38.                                 ],
39.                                 async getConfigSignature(url) {
40.                                         let [error, res] = await uni.request({
41.                                                 url: '调用的接口url,js_sdkInit',
42.                                                 data: {
43.                                                         agentid: 请填入你的agentId,
44.                                                         purl: url
45.                                                 },
46.                                         })
47.                                         return {
48.                                                 timestamp: res.data.timestamp,
49.                                                 nonceStr: res.data.nonceStr,
50.                                                 signature: res.data.signature
51.                                         }
52.                                 },
53.                                 async getAgentConfigSignature(url) {
54.                                         let [error, res] = await uni.request({
55.                                                 url: '调用的接口url,Agentjs_sdkInit',
56.                                                 data: {
57.                                                         agentid: 1000060,
58.                                                         purl: url
59.                                                 },
60.                                         })
61.                                         console.log("getAgentConfigSignature:res",res)
62.                                         return {
63.                                                 timestamp: res.data.d.timestamp,
64.                                                 nonceStr: res.data.d.nonceStr,
65.                                                 signature: res.data.d.signature
66.                                         }
67.                                 },
68.                                 onConfigSuccess(res) {
69.                                         console.log("onConfigSuccess")
70.                                         console.log(res)
71.                                 },
72.                                 onConfigFail(res) {
73.                                         console.log("onConfigFail")
74.                                         console.log(res)
75.                                 },
76.                                 onAgentConfigSuccess(res) {
77.                                         console.log("onAgentConfigSuccess")
78.                                         console.log(res)
79.                                 },
80.                                 onAgentConfigFail(res) {
81.                                         console.log("onAgentConfigFail")
82.                                         console.log(res)
83.                                 }
84.                         })
85.                        
86.                         //直接运用
87.                         ww.getCurExternalContact({
88.                                 success(res) {
89.                                         _this.content = JSON.stringify(res)
90.                                 }
91.                         })
92.                        
93.                 },
94.                 methods: {
95.                 }
96.         }
97. </script>
99. <style>
100.         .content {
101.                 display: flex;
102.                 flex-direction: column;
103.                 align-items: center;
104.                 justify-content: center;
105.         }
107.         .logo {
108.                 height: 200rpx;
109.                 width: 200rpx;
110.                 margin-top: 200rpx;
111.                 margin-left: auto;
112.                 margin-right: auto;
113.                 margin-bottom: 50rpx;
114.         }
116.         .text-area {
117.                 display: flex;
118.                 justify-content: center;
119.         }
121.         .title {
122.                 font-size: 36rpx;
123.                 color: #8f8f94;
124.         }
125. </style>

复制代码

（1）、假如是多处运用，就写在js里，然后在main.js里注入。

1. //qy_Config.js
4. import * as ww from '@wecom/jssdk'
6. ww.register({
7.         corpId: "本人填",
8.         agentId: 本人填,
9.         jsApiList: [
10.                 'checkJsApi',
11.                 'getContext',
12.                 'selectExternalContact',
13.                 'getCurExternalContact',
14.                 'getCurExternalChat',
15.                 'sendChatMessage',
16.                 'launchMiniprogram'
17.         ],
18.         async getConfigSignature(url) {
19.                 let [error, res] = await uni.request({
20.                         url: '本人填',
21.                         data: {
22.                                 agentid: 本人填,
23.                                 purl: url
24.                         },
25.                 })
26.                 return {
27.                         timestamp: res.data.timestamp,
28.                         nonceStr: res.data.nonceStr,
29.                         signature: res.data.signature
30.                 }
31.         },
32.         async getAgentConfigSignature(url) {
33.                 let [error, res] = await uni.request({
34.                         url: '本人填',
35.                         data: {
36.                                 agentid: 本人填,
37.                                 purl: url
38.                         },
39.                 })
40.                 console.log("getAgentConfigSignature:res", res)
41.                 return {
42.                         timestamp: res.data.d.timestamp,
43.                         nonceStr: res.data.d.nonceStr,
44.                         signature: res.data.d.signature
45.                 }
46.         },
47.         onConfigSuccess(res) {
48.                 console.log("onConfigSuccess")
49.                 console.log(res)
50.         },
51.         onConfigFail(res) {
52.                 console.log("onConfigFail")
53.                 console.log(res)
54.         },
55.         onAgentConfigSuccess(res) {
56.                 console.log("onAgentConfigSuccess")
57.                 console.log(res)
58.         },
59.         onAgentConfigFail(res) {
60.                 console.log("onAgentConfigFail")
61.                 console.log(res)
62.         }
63. })

复制代码

（2）、在main.js里注入

1. //main.js
3. import qy_Config from '@/common/qy_Config.js'  //援用

复制代码

（3）、在页面中运用，完成推送功能。

1. <template>
2.         <view>       
3.                 <u-button class="send-btn" iconColor="#fff" @click="pushText()" type="error" shape="circle" size='mini'>我要推送</u-button>
4.         </view>
5. </template>
7. <script>
8.         import * as ww from '@wecom/jssdk'
9.        
10.         export default {
11.                 data() {
12.                         return {
13.                                 content:'我要推送的文案'
14.                         };
15.                 },
16.                 methods:{
17.                         // 推送音讯
18.                         pushText(){
19.                        
20.                                 var that = this
21.                                 var ua = window.navigator.userAgent.toLowerCase();
22.                                 console.log(ua)
23.                                 console.log(ua.match(/wxwork/i) == 'wxwork')
24.                                 if (ua.match(/wxwork/i) == 'wxwork') {
25.                                        
26.                                         ww.invoke('sendChatMessage', {
27.                                                 msgtype:"text", //音讯类型，必填
28.                                                 enterChat: true, //为true时表示发送完成之后特地进入会话，仅移动端3.1.10及以上版本支持该字段
29.                                                 text: {
30.                                                         content: that.content, //文本内容
31.                                                 }
32.                                         }, function(res) {
33.                                                
34.                                                 if(res.res.err_msg == "sendChatMessage:fail_nosupport"){
35.                                                         uni.showModal({
36.                                                                 title: "无法推送",
37.                                                                 content: "当前入口无法推送，请在对话栏打开此页面操作！"
38.                                                         })
39.                                                 }
40.                                                 if (res.err_msg == 'sendChatMessage:ok') {
41.                                                         //发送成功
42.                                                 }
43.                                         })
44.                                 } else {
45.                                         uni.showToast({
46.                                                 title: "请在企业微信端操作",
47.                                                 icon: "none"
48.                                         })
49.                                         return
50.                                 }
51.                                
52.                         }
53.                        
54.                        
55.                 }
56.         }
57. </script>

复制代码

uni-app开发企微H5——推送音讯给客户_Strawberry96的博客-CSDN博客在企微推送个音讯给客户怎样就这么难那？？？别以为有了开发文档你就可以勇往直前了！后面的路还需求你披荆斩棘那~

https://blog.csdn.net/zhangying1996/article/details/123053312

---

欢迎光临 职贝云数AI新零售门户 (https://www.taojin168.com/cloud/)

Powered by Discuz! X3.5