如何在我的网站上添加 Twitter 推文功能？

Question

我在关注这个网站，它是一种简单的方式，在我的网站上添加一个自定义的推特框和按钮，并有助于更新帖子。

根据其功能，一旦我们在文本框中编写任何消息并单击推文按钮，我们将获得 Twitter 登录弹出窗口，一旦我们经过身份验证，我们的消息将发布在我们的 Twitter 帐户墙上。

但是当我运行此代码时，弹出窗口会出现，一旦我提供我的凭据，窗口就会关闭，但没有消息发布到 Twitter 帐户。当我在 JavaScript 控制台上检查时，我会收到错误消息：

Unsafe JavaScript attempt to access frame with https://api.twitter.com/xd_receiver.html from frame with URL about:blank. The frame requesting access has a protocol of 'http', the frame being accessed has a protocol of 'https'. Protocols must match.

我不知道这个错误是什么意思，因为我通过的网站是 clorderdev2.uvacha.com。

以下是我的代码：

 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=YOURCONSUMERKEY&v=1"></script>
   <script type="text/javascript" src="Scripts/jquery.jtweetsanywhere-1.3.1.min.js"></script>
    <script type="text/javascript" src="Scripts/jtweetsanywhere-de-1.3.1.min.js"></script>

<div id="jTweetsAnywhereSample"></div>
<script type="text/javascript">
$('#jTweetsAnywhereSample').jTweetsAnywhere({
showTweetBox:{
    counter: true,
    width: 380,
    height: 65,
    label: '<span style="color: #A4A4A4">What\'s happening?</span>',
    defaultContent: '#jTweetsAnywhere',
    onTweet: function(textTweet, htmlTweet){
        alert('You tweeted: ' + textTweet);
    }
}
});</script>

- Swati Awasthi

---

这是确切的错误信息：尝试使用不安全的JavaScript访问URL为http://clorderdev2.uvacha.com/fbtwtpost.aspx#oauth_access_token=ot8DIwAAAAAXX6tQAAAAAOJOIwAAAAAAYj2+7auRA4kisFdaSurCAlSwv+k=2ENLwWkcQcgGMzvC061yhVSHW42a2cYnMPChznIJ的框架，而该框架的URL为https://api.twitter.com/xd_receiver.html。请求访问的框架具有“https”协议，被访问的框架具有“http”协议。协议必须匹配。 - Swati Awasthi

这个错误在工作站点上也出现了，但是它在那里可以正常工作，那么为什么它对我不起作用呢？ - Swati Awasthi

Answer 1

有一个更好的插件可以获取Twitter推文，它被称为livetwitter。

你需要的所有信息都在这里：https://github.com/elektronaut/jquery.livetwitter

- mram888

---

这是用来获取所有推文的功能，但没有发布推文的选项。 - Swati Awasthi

Answer 2

问题在于某个脚本正在尝试在http://和https://协议之间进行通信。出于安全原因，JavaScript无法做到这一点。这很可能是您使用的库中的一个错误。

我建议如果可能的话，请使用官方Twitter实现。

- Cerbrus

---

不，我无法使用“推文”按钮，因为我正在使用文本框和按钮发布到Facebook动态墙，所以我想用同样的方式来发布到Twitter。 - Swati Awasthi