After reviewing the Twitter Web Intents documentation, I believed I could create specific links that would successfully open a Web Intents window to Twitter. While the Web Intents window did open as expected, I encountered an error message stating "Sorry, that page doesn’t exist". Here is a breakdown of my process:
To begin, I inserted the following script tag into my Angular template:
<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
Next, within an ng-repeat loop for each tweet, I included the following code:
<p><a ng-href="http://twitter.com/intent/tweet?in_reply_to={{ tweet.id }}">Reply</a></p>
<p><a ng-href="http://twitter.com/intent/retweet?tweet_id={{ tweet.id }}">Retweet</a></p>
<p><a ng-href="http://twitter.com/intent/favorite?tweet_id={{ tweet.id }}">Favorite</a></p>
For each tweet displayed on the page, the respective HTML was generated. For instance, if a tweet had the id 431111460186759200, the following HTML snippet would be produced for these links:
<p><a ng-href="http://twitter.com/intent/tweet?in_reply_to=431111460186759200" href="http://twitter.com/intent/tweet?in_reply_to=431111460186759200">Reply</a></p>
<p><a ng-href="http://twitter.com/intent/retweet?tweet_id=431111460186759200" href="http://twitter.com/intent/retweet?tweet_id=431111460186759200">Retweet</a></p>
<p><a ng-href="http://twitter.com/intent/favorite?tweet_id=431111460186759200" href="http://twitter.com/intent/favorite?tweet_id=431111460186759200">Favorite</a></p>
Upon clicking these links, the modal appeared in the specified size (thanks to the embedded widget.js file) with the correct URL. However, instead of displaying the Web Intent screen, it presented me with the following outcome:
If anyone in this community has substantial experience working with Twitter and their Web Intents, I would greatly appreciate some guidance on this matter. Thank you!