V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
CH122
V2EX  ›  程序员

网页在微信中打开点右上角分享给好友时链接显示缩略图和简介,除了调用微信的 js-sdk,还有其他方式吗

  •  
  •   CH122 · 2023-08-03 08:21:36 +08:00 · 2095 次点击
    这是一个创建于 496 天前的主题,其中的信息可能已经有所发展或是发生改变。
    第 1 条附言  ·  2023-08-03 11:43:56 +08:00

    感谢各位的回答 现在应该是不调用微信的jssdk,是无法在微信中达到想要的效果的

    19 条回复    2023-08-03 14:16:25 +08:00
    chen65346923
        1
    chen65346923  
       2023-08-03 08:28:21 +08:00
    只有用 jssdk 才行
    jojobo
        2
    jojobo  
       2023-08-03 08:41:39 +08:00
    首先: https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Explanation_of_interface_privileges.html
    其次:有一些特殊的个人号不需要微信认证也能调用 js-sdk
    CH122
        3
    CH122  
    OP
       2023-08-03 08:44:24 +08:00
    @chen65346923 在一些网站里并没有发现 js-sdk ,但是也能显示。感觉应该有办法,或者是给开后门了?
    chen65346923
        4
    chen65346923  
       2023-08-03 09:21:19 +08:00
    @CH122 发链接看看
    SmiteChow
        5
    SmiteChow  
       2023-08-03 09:25:24 +08:00   ❤️ 1
    先收藏,从收藏里打开再分享
    zpf124
        6
    zpf124  
       2023-08-03 09:29:32 +08:00
    我看 next.js 教程的时候发现 有几个 meta 标签,og:title, og:image 这些。

    https://nextjs.org/learn/seo/rendering-and-ranking/metadata
    https://ogp.me/

    他们应该是为了适配 Facebook 和 twitter ,以及 PWA 卡片,不知道国内支持度如何。
    mydebug
        7
    mydebug  
       2023-08-03 09:39:59 +08:00   ❤️ 1
    之前看到有说过默认值;
    我记得缩略图默认是使用的 body 下的第一张尺寸大于 x*x 大小的图片,其他的忘了
    CH122
        8
    CH122  
    OP
       2023-08-03 09:52:06 +08:00
    CH122
        9
    CH122  
    OP
       2023-08-03 09:52:41 +08:00
    @zpf124 这些只有一些浏览器遵循
    CH122
        10
    CH122  
    OP
       2023-08-03 09:52:54 +08:00
    @mydebug 这个试过了,不行
    cat
        11
    cat  
       2023-08-03 09:54:32 +08:00
    @CH122 从源码看,应该是这段起了作用:

    <!-- Wechat meta -->
    <meta property="weixin:timeline_title" content="互联网之子 - 电影" />
    <meta property="weixin:chat_title" content="互联网之子 - 电影" />
    <meta property="weixin:description" content="互联网之子豆瓣评分:9.1 简介:本片《互联网之子》讲的...." />
    <meta property="weixin:image" content="https://qnmob3.doubanio.com/view/photo/large/public/p2166127561.jpg?imageView2/1/q/60/w/300/h/300/format/jpg" />
    cat
        12
    cat  
       2023-08-03 09:56:28 +08:00
    @CH122 在 2020 年就有过一样的问题: https://www.zhihu.com/question/61095049
    CH122
        13
    CH122  
    OP
       2023-08-03 10:01:39 +08:00
    @cat 我也尝试加了这段源码,并没有效果
    <!-- Wechat meta -->
    <meta property="weixin:timeline_title" content="互联网之子 - 电影" />
    <meta property="weixin:chat_title" content="互联网之子 - 电影" />
    <meta property="weixin:description" content="互联网之子豆瓣评分:9.1 简介:本片《互联网之子》讲的...." />
    <meta property="weixin:image" content="https://qnmob3.doubanio.com/view/photo/large/public/p2166127561.jpg?imageView2/1/q/60/w/300/h/300/format/jpg" />
    wentaoliang
        15
    wentaoliang  
       2023-08-03 10:31:00 +08:00
    很早之前用 meta 是可以的,后来微信禁止了只能用 jssdk 了。豆瓣这种的可能是白名单里的
    xiaoqidev
        16
    xiaoqidev  
       2023-08-03 11:36:50 +08:00
    因为你是在电脑端查看的,当你把 User-Agent 改为微信的,你就会发现它加载了 js-sdk
    CH122
        17
    CH122  
    OP
       2023-08-03 11:42:38 +08:00
    @chen65346923 @xiaoqidev
    确实是引用了。User-Agent 改为微信确实就有了,学到了新知识,感谢
    感谢各位的热心帮助
    xiaoriri666
        18
    xiaoriri666  
       2023-08-03 13:07:23 +08:00
    直接用微信机器人框架发送 xml 格式消息就可以了
    DOLLOR
        19
    DOLLOR  
       2023-08-03 14:16:25 +08:00 via Android
    实在想做成类似富文本的分享效果的话,就做成海报图那样,动态生成图片内容,用图片形式分享吧。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4896 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 09:14 · PVG 17:14 · LAX 01:14 · JFK 04:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.