微信公众号H5开发——自定义分享

炜炜Upon

于 2021-05-30 16:49:37 发布

阅读量815

点赞数

CC 4.0 BY-SA版权

分类专栏：微信公众号 JSSDK

本文链接：https://blog.youkuaiyun.com/qq_26542023/article/details/117400142

微信公众号同时被 2 个专栏收录

3 篇文章

订阅专栏

JSSDK

3 篇文章

订阅专栏

本文详细指导如何在微信H5中实现自定义分享功能，包括config配置、权限验证及`onMenuShareTimeline`和`onMenuShareAppMessage`方法的使用，为开发者提供完整的实践教程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前的文章介绍了关于微信JSSDK调用，下面介绍一下其中的一个最常用的功能——自定义分享

使用此功能之前先参考：微信JSSDK

在通过了config接口验签成功之后，我们就可以调用微信JSSDK的方法了

// 通过config接口注入权限验证配置，可查阅微信公众平台接口进行配置
    function initWeiXin() {
        wx.config({
            debug: false,
            appId: appId,
            timestamp: timestamp,
            nonceStr: nonceStr,
            signature: signature,
            // 此处只使用了分享给朋友和分享到朋友圈，更多接口查阅微信开发者文档
            jsApiList: [
                    'checkJsApi',
                    'updateAppMessageShareData',
                    'updateTimelineShareData',
                    'onMenuShareAppMessage',
                    'onMenuShareTimeline',
                    'showOptionMenu',
                ] // 必填，需要使用的JS接口列表 声明
        });
        wx.ready(function() {
            wx.onMenuShareTimeline({
                imgUrl: 'XX.png', // 分享图标
                title: "标题",
                desc: "内容",
                link: '地址'
            });
            wx.onMenuShareAppMessage({
                imgUrl: 'XX.png', // 分享图标
                title: "标题",
                desc: "内容",
                link: '地址'
            });
        })
    }