【问题标题】:How to add image preview for Flutter web app?如何为 Flutter Web 应用添加图像预览?
【发布时间】:2021-07-11 05:01:42
【问题描述】:

我使用颤振创建了一个网络应用程序并使用 firebase 托管它。使用 firebase,我得到了一个托管网址,即 app-name.web.app

有没有办法在我在社交媒体上分享该网址时添加图片预览?

下图中,第一个url没有预览图,第二个url可以看到预览图。

【问题讨论】:

    标签: firebase flutter url flutter-web


    【解决方案1】:

    我想你的意思是<meta property="og:image" content="<URL to your image>"> 标签

    此标签用于社交媒体共享。还有好几个。

    • og:title – 页面标题
    • og:image – 图片的 URL --> 这就是您要使用的内容
    • og:type – 类型(例如文章)
    • og:url - 此特定页面的 URL

    看看Open Graph protocol

    将您需要的标签添加到您的 web/index.html

    【讨论】:

      猜你喜欢
      • 2020-12-04
      • 1970-01-01
      • 2012-12-08
      • 1970-01-01
      • 2018-12-22
      • 1970-01-01
      • 2022-07-28
      • 2020-09-28
      • 2014-12-21
      相关资源
      最近更新 更多