JDK配置,uniapp h5页面想在微信打开右上角三个点进行分享朋友和朋友圈，以卡片的形式，怎么搞

Question

uniapp h5页面想在微信打开右上角三个点进行分享朋友和朋友圈，以卡片的形式，怎么搞

Answer 1

分享一下我的代码吧， 先安装 jweixin，然后前端做的就是这些

<script>
    export default {
        onLoad() {
            this.share("分享描述")
        },
        methods: {
            share(desc = '') {
                var jWeixin = require('jweixin-module');
                let str = window.location.href;
                let result = str.slice(0, str.indexOf("?"));

                // 这里请求后台接口  传一个url 返回下列配置信息
                util.request(api.apis.generateSign, {
                    url: window.location.href
                }, 'POST').then(res => {
                    // console.log(res)

                    var appid = res.appId
                    var link = res.link
                    var nonceStr = res.noncestr
                    var signature = res.signature
                    // alert(signature)
                    var timestamp = res.timestamp
                    jWeixin.config({
                        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                        appId: appid, // 必填，公众号的唯一标识
                        timestamp: timestamp, // 必填，生成签名的时间戳
                        nonceStr: nonceStr, // 必填，生成签名的随机串
                        signature: signature, // 必填，签名
                        jsApiList: ["updateAppMessageShareData", "updateTimelineShareData",
                            "onMenuShareTimeline"
                        ] // 必填，需要使用的JS接口列表
                    })
                    jWeixin.ready(function() {
                        // 在这里调用 API
                        jWeixin.updateAppMessageShareData({
                            title: '报名入口', // 分享标题
                            desc: desc, // 分享描述
                            link: result, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: 'https://xxx.com/share.png', // 分享图标
                            success: function(res) {
                                // 设置成功
                                // console.log('设置成功')
                            }
                        })
                        jWeixin.updateTimelineShareData({
                            title: '报名入口', // 分享标题
                            desc: desc, // 分享描述
                            link: result, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: 'https://xxx.com/share.png', // 分享图标
                            success: function(res) {
                                // 设置成功
                                // console.log('设置成功')
                            }
                        })
                        jWeixin.onMenuShareTimeline({
                            title: '报名入口', // 分享标题
                            desc: desc, // 分享描述
                            link: result, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                            imgUrl: 'https://xxx.com/share.png', // 分享图标
                            success: function(res) {
                                // 设置成功
                                // console.log('设置成功')
                            }
                        })
                    })
                })
            },
        }
    }
</script>