javascript - 按当天动态更改应用程序的内容

Question

我正在为 Facebook 开发一个应用程序(使用 HTML/PHP/Java 脚本)。

当应用程序打开时，有一个“开始”按钮。点击后，应该会显示一些图片。

应用持续时间为 12 月 1 日至 12 月 25 日。

每天点击打开后它应该显示不同的图像。例如，12 月 1 日应显示 1.jpg，12 月 2 日应显示 2.jpg，依此类推。

实现它的最佳方法是什么？我应该创建Cron Job吗？我应该每天创建单独的文件吗？ 1.php、2.php 等？或者我必须创建 game.php 并添加每天不同的 DIVS 并使用 Java Script 显示当天所需的 DIV？

Index.html 看起来像:

<div id="main" class="main">
    <img src="images/background.png" alt="Christmas Game" class="background_main">
    <input type="image" src="images/start.png" alt="Start Game" class="start_btn" onClick="parent.location='game.php'" />
</div>

通过单击index.html中的按钮，它应该将我重定向到当天的正确内容。

Game.php 看起来像这样:

<div id="main" class="main">

    <img src="images/day1/game.png" alt="Christmas Game" class="game">

    <a href="downloads/coupon.jpg" download="coupon.jpg" title="Prize Coupon">

        <img src="images/day1/download.png" alt="Download Coupon" class="download">

    </a>            

</div>

不知何故，我需要让它变得动态，每天打开不同的图像/页面。

如果有不清楚的地方 - 问我，我会尽力提供更多详细信息。

Answer 1

这是一种简单且安全的方法。我建议你做的是，用加密的名称保存所有图像文件。您可以使用 php hash 函数生成一个无法破解的复杂哈希。

这样生成25张图片名称。

$imgName = hash('sha512', '1'); //this would generate a complex hash, which would be for pic 1.png
$imgName = hash('sha512', '2'); //this would generate a complex hash, which would be for pic 2.png

现在使用php，您可以轻松地显示这些图像。看看这个。

<?php
//get today's date.
$currentDate = date('d'); //24 - current date
$imgName = hash('sha512', $currentDate).".png";//now this would generate a really long file name, which will be impossible for a user to guess
?>

<!-- Now to display the image, just do this -->
<img src="yourimagedirector/<?php echo $imgName; ?>">

我的代码首先获取当前日期，然后构建文件名(就像我们之前存储的那样)，然后提取并显示它。简单、快速、安全!