ray的share 微信分享网页格式中图片不显示

面板小程序开发相关产品技术讨论,包括面板小程序、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


ysword
Posts: 7

  • Tuya MiniApp Tools 版本信息:0.6.3
    • App 应用版本信息: 智能生活 iOS,APP版本5.12.0
    • @ray-js/ray, @ray-js/panel-sdk的版本(如使用ray开发):ay-js/ray": "1.4.60",
    • 移动设备信息:iPhoneXR iOS17.4.1
    • 相关代码:

      Code: Select all

      const imgPath = 'https://public-biz.oss-cn-hangzhou.aliyuncs.com/sns/test/2023-01-10/7247cfb395e4445e83f31d9357bdafeb.png'
      showLoading({ title: "" });
          downloadFile({
            url: imgPath,
            timeout: 60 * 3 * 1000,
            success({ tempFilePath }) {
              if (tempFilePath) {
                share({
                  type: "WeChat",
                  title: "title",
                  message: "message",
                  imagePath: tempFilePath,
                  contentType: "web",
                  filePath: tempFilePath,
                  webPageUrl: "https://www.baidu.com",
                  success: () => {
                    console.log("share success");
                  },
                  fail: (e) => {
                    console.log("share fail: ", e);
                  },
                });
              }
            },
            fail(params) {
              console.log("图片下载失败:", params, " 图片地址为:", imgPath);
            },
            complete() {
              hideLoading();
            },
          });
      
    • 日志信息:错误日志或 IDE 运行日志等~
    • 问题描述(复现步骤):分享文字、图片正常。点击分享按钮调用share可以分享网页携带缩略图
    • 预期结果:分享到微信,网页方式有缩略图
    • 实际结果:无缩略图

Tags:
muhai
Posts: 32

Re: ray的share 微信分享网页格式中图片不显示

开发者平台上需要配置静态资源白名单
开发设置-> 多区静态资源,添加:https://public-biz.oss-cn-hangzhou.aliyuncs.com/

ysword
Posts: 7

Re: ray的share 微信分享网页格式中图片不显示

已经配置过了,downloadFile 是成功的。如果contentType为image是可以分享成功纯图片的。但是网页web的就是不显示缩略图

Attachments
1713924380960.jpg
muhai
Posts: 32

Re: ray的share 微信分享网页格式中图片不显示

contentType改成file试试

智能小程序开发者
Posts: 137

Re: ray的share 微信分享网页格式中图片不显示

请看一下这里的示例代码,可以扫码体验分享效果
https://github.com/Tuya-Community/tuya- ... x/index.js

企业微信截图_9421ba26-1499-4fd5-b9b0-7243ce82219b.png
muhai
Posts: 32

Re: ray的share 微信分享网页格式中图片不显示

是这里的图预览吗

截屏2024-04-24 上午10.35.39.png
ysword
Posts: 7

Re: ray的share 微信分享网页格式中图片不显示

是微信聊天界面的缩略图

Attachments
1713926255318.jpg
muhai
Posts: 32

Re: ray的share 微信分享网页格式中图片不显示

截屏2024-04-24 上午10.42.54.png

我试了一下有预览图,你分享的网站地址可以提供一下吗,可能是分享的网站seo设置问题

ysword
Posts: 7

Re: ray的share 微信分享网页格式中图片不显示

用示例代码的shareWeb 是可以分享,但是下载下来的图片放到这个缩略图就是灰色的图。
需求是分享一个详情链接,缩略图用详情中的第一张图片

ysword
Posts: 7

Re: ray的share 微信分享网页格式中图片不显示

可以看到微信官方分享网页的时候,是可以指定图片的

Attachments
1713926054108.jpg
Post Reply