企业微信jssdk使用

按客户需求做一个企业微信的h5,需要用到企业微信的jssdk,以下是使用企业微信jssdk的步骤

pubilc文件夹下的index.html中引入js

/*企业微信的引用是jWeixin,后续补不要搞错了,微信的是wx*/

封装一个index.js

export const initsdk = (options) => {
    return new Promise((resolve, reject) => {
        uni.request({
            url: 'http://xxxxxxx',// 请求后端返回的签名参数的接口地址
            method: 'GET', // 请求方式
            data: {}, // 请求参数
            success: (res) => {
                let WXConfig = res.data.data // 接受后端返回的签名参数
                jweixin.config({
                    beta: true,
                    debug: false,
                    appId: WXConfig.appId, // 必填,企业微信的corpID
                    timestamp: WXConfig.timestamp, // 必填,生成签名的时间戳
                    nonceStr: WXConfig.nonceStr, // 必填,生成签名的随机串
                    signature: WXConfig.signature, // 必填,签名串
                    jsApiList:[
                        'hideOptionMenu',
                        'showOptionMenu']  // 你需要使用的方法,要现在这里引入
                })
                jweixin.ready(function() {
                    // 请求成功会进来这里 在这里写你的操作
                    if (options.show) {
                        jweixin.showOptionMenu() // 使用方法
                    } else {
                        jweixin.hideOptionMenu()
                    }
                })
                jweixin.error(function(err) {
                // 报错了就根据 错误码 去官方找问题
                // https://developer.work.weixin.qq.com/document/path/92455
                    uni.showToast({
                        title: err || '请求jssdk中config错误'
                    })
                })
            },
            fail: (err) => {
                console.log(err)
            }
        })
    })
}

在需要使用方法的界面引入

// 引入方法
import { initsdk } from '@/common/index.js'

// 在需要的地方调用
initsdk({})

部分方法

1.企业微信转发:

onMenuShareAppMessage(title,desc,link,imgUrl)

title, // 分享标题

desc, // 分享描述

link, // 分享链接

imgUrl, // 分享图标

2.分享给微信好友

onMenuShareWechat(title,desc,link,imgUrl)

title, // 分享标题

desc, // 分享描述

link, // 分享链接

imgUrl, // 分享图标

3.分享到朋友圈

onMenuShareTimeline(title,link,imgUrl)

title, // 分享标题

link, // 分享链接

imgUrl, // 分享图标

4.拍照或从手机相册选图

chooseImage ()

5.上传图片接口

uploadImage (localId)

localId,需要上传的图片的本地ID,由chooseImage接口获得

6.下载图片接口

downloadImage(serverId)

serverId,需要下载的图片的服务器端ID,由uploadImage接口获得

7.获取地理位置接口

getLocation (type)

type // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'

8.打开持续定位接口

startAutoLBS (type)

type // wgs84是gps坐标,gcj02是火星坐标

9.监听地理位置变化接口

onLocationChange()

10.隐藏右上角全部按钮

hideAll()

11.显示右上角全部按钮

showAll()

12.批量隐藏右上角按钮

hideMenuItems(arr)

例如 :arr=["menuItem:share:wechat","menuItem:share:timeline]

多个用逗号隔开

13.批量显示右上角按钮

showMenuItems(arr)

例如 :arr=["menuItem:share:wechat","menuItem:share:timeline]

多个用逗号隔开

// 上面的方法没用的个话可以去翻翻文档,文档经常都在更新,没用可能是被淘汰了写成其他名字了

你可能感兴趣的:(企业微信,前端,html5)