steam


json API data with all of its content


I need to show json api data on website. But i am unable to do so am using following script. This just returns data in json format. I want to shownews in proper format along with images.
<?php
$json_url = "http://api.steampowered.com/ISteamNews/GetNewsForApp/v0002/?appid=570&count=3&maxlength=300&format=json";
$json = file_get_contents($json_url);
$json=str_replace('},
]',"}
]",$json);
$data = json_decode($json, true);
echo "<pre>";
print_r($data);
echo "</pre>";
?>
Based on what you have asked, I hope you will find this helpful:
CSS paste it in between <head><style>here</style></head>
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
.news-entry {
color: #606060;
font: 11px/18px Arial,Verdana,sans-serif;
padding: 1px 0;
width: 630px;
}
.news-title {
color: #848484;
font: 10px Arial,Verdana,sans-serif;
width: 630px;
}
.news-title h2 {
border-bottom: 1px dotted #1c4670;
color: #2771a5;
font: 24px/30px "Trebuchet MS",Arial,Verdana,sans-serif;
}
.news-title-info {
height: 22px;
width: 630px;
}
.news-date {
float: left;
line-height: 22px;
padding-left: 18px;
}
.news-author {
float: right !important;
line-height: 22px;
padding-left: 16px;
color:#00C;
}
.featured-news {
float: left;
margin-bottom: 10px;
width: 630px;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
Code paste it in between <body>here</body>
<?php
$json_url = "http://api.steampowered.com/ISteamNews/GetNewsForApp/v0002/?appid=570&count=3&maxlength=300&format=json";
$json = file_get_contents($json_url);
$json = str_replace('},]',"}]",$json);
$data = json_decode($json, true);
$appnews = $data['appnews']['newsitems'];
?>
<div id="header">
<h1>News</h1>
</div>
<div class="featured-news">
<?php
foreach($appnews as $news)
{
?>
<div class="news-entry">
<h2><?php echo $news['title']; ?></h2>
<div class="news-title-info">
<div class="news-date"><?php echo date('l jS \of F Y h:i:s A', $news['date']); ?></div>
<?php
if(!empty($news['author'])){
?>
<div class="news-author">By <?php echo $news['author']; ?></a></div>
<?php
}
?>
</div>
</div>
<div class="news-entry">
<p>
<img width="72" height="90" align="left" alt="Dota 2" src="http://cdn.mos.cms.futurecdn.net/DavzDRpQ36gGQGmiwELPs5-650-80.jpg" style="margin-left: 5px; margin-right: 5px;">
<?php echo $news['contents']; ?>
</p>
<p>
<a class="" target="_blank" href="<?php echo $news['url']; ?>">Read more</a>
</p>
</div>
<?php
}
?>
</div>
<div id="footer">
Some footer here...
</div>
PS: You have to change to path of the image for the image you like as there is no field for news image in the json returned.

Related Links

How to retrieve Steam username using SteamWorks API?
How to get steam items names?
Retrieve announcements from steam group
Steam: How retrieve game scheme data?
SteamID64 minimum and maximum length
IEconItems_730 api no longer working
Steam market API returns null
How to get the float value of CS:GO market items?
Using steam web api to access how many times players are reported for hacking
Steam game positive/negative recommendations
Alternatives to the CS:GO API?
Get list of players from server
Node-steam-trade, how to get items names?
Is it possible to create/join a lobby with 4 people, not on friends list, programmatically? [Steam + CSGO]
Steam Web API GetPlayerItems
How to find the path to Steam's sourcemods folder?

Categories

HOME
spring
converter
erlang
wsdl
vs-team-services
parse-server
csvhelper
google-spreadsheet-api
slim-3
future
glpk
rebol2
medium-editor
scaling
anychart
movies
statusbar
spring-ws
croppic
branch
classpath
solidworks
bitcoin-testnet
graph-databases
google-guava-cache
mms
pmwiki
autocompletetextview
s3cmd
ical-dotnet
resuming-training
rich-text-editor
windows-firewall
openh264
volume
photography
selenium-firefoxdriver
python-hypothesis
rxvt
autoresize
emgu
c64
tomee
packagemaker
glkit
mongoose-populate
mix
zurb-foundation-apps
foxit
spark-cassandra-connector
brython
gradle-release-plugin
picking
schtasks.exe
intellitest
mirrorlink
zuora
response-headers
risk-analysis
es2015
sysfs
qtestlib
dalekjs
csplit
system.web
adaptive-compression
planetary.js
zipalign
anjuta
flash-cc
circos
mimosa
healthvault
cling
loop-invariant
.net-cf-3.5
vertical-rhythm
reporting-tools
arbor.js
icsharpcode
lync-server-2010
tfs-power-tools
xmlslurper
ninject-extensions
getstring
path-manipulation
fileutils
querystringparameter
ou
dashcode
ruby-debug
nvelocity
pureftpd
hadoop-plugins
clients
oggvorbis
swfloader
usability-testing
visual-studio-2010-beta-2
ajaxpro
self-reference
document-library

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App