如何使用onclick在HTML中开发Slack共享按钮?

时间:2016-04-20 07:51:46

标签: html onclick share slack-api slack

我想在我的网站上添加一个Slack共享按钮,允许用户在团队或他们选择的频道中发送链接。

例如,我有标签链接到(我的项目的)网页内部,以点击共享“按钮”(实际上是svg),感谢“onclick”。

<a href="…">
  <img src="…"/>
    <h2>Name of the project</h2>

      <span class="facebook" onclick="window.open('http://www.facebook.com/sharer.php?u=https://www.nameoftheproject.com'); return false">
        <svg>…</svg> <!-- Facebook icon in svg -->
      </span>

      <span class="twitter" onclick="window.open('https://twitter.com/share?url=https://www.nameoftheproject.com'); return false">
        <svg>…</svg> <!-- Twitter icon in svg -->
      </span>

      <span class="linkedin" onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&amp;url=https://www.nameoftheproject.com'); return false">
        <svg>…</svg> <!-- LinkedIn icon in svg -->
      </span>



      <span class="slack" onclick="window.open('…'); return false">
        <svg>…</svg> <!-- Slack icon in svg -->
      </span>

</a>

如果你知道的话,这与Muzli的原理相同。

所以我很难理解如何继续使用Slack。 如果你能帮助我那会很棒,谢谢你。

蒂鲍特。

1 个答案:

答案 0 :(得分:1)

Slack团队是私有的,必须为每个人单独和具体地配置来自“外部”的访问。因此,每个松散的团队都必须首先授予您的网站/应用访问权限,以使您的“公共”共享按钮正常工作。由于这是普通用户无法做到的事情(需要管理员或所有者权利),因此这不太可行。

如果你真的需要这样做,那就知道它是如何运作的:

  • 您可以为Slack应用商店开发一个配套应用。
  • 安装此应用程序的每个Slack团队都会自动授予您的网站 访问他们的Slack团队,从而启用您的分享按钮。
  • 您的网站可能有一个“添加到松弛”按钮,用于直接安装您的配套应用