aniket-magadum/insta-feeds

此包的最新版本(1.0.1)没有可用的许可证信息。

1.0.1 2023-07-02 14:18 UTC

This package is auto-updated.

Last update: 2024-10-01 00:14:56 UTC


README

轻松在您的网站上显示Instagram帖子。使用优惠码FIRST10,前10位用户可享受50%的折扣。

此插件使用了Instagram页面显示API来通过Instagram获取数据。

功能

  • 提供您一个标签,您可以使用它来在模板中渲染Instagram帖子。
  • 通过调度器刷新访问令牌,以确保您始终可以获取最新的内容。
  • 缓存API响应以提高渲染速度。

如何安装

您可以在Statamic控制面板的工具 > 插件部分搜索此插件,并点击安装,或者从您的项目根目录运行以下命令

composer require aniket-magadum/insta-feeds

记住!这是一个付费插件,所以在使用之前请购买许可证。

如何使用

一旦安装了扩展,我们就要在您的.env文件中设置INSTA_FEEDS_ACCESS_TOKENINSTA_FEEDS_CLIENT_SECRET

INSTA_FEEDS_ACCESS_TOKEN=ACCESS_TOKEN_HERE
INSTA_FEEDS_CLIENT_SECRET=CLIENT_SECRET_HERE

要生成这些令牌,您可以访问这个Instagram基本显示API入门指南

在同一个页面上,您需要创建以下的长寿命访问令牌

image

点击生成令牌按钮后,它会要求您输入Instagram详情,完成后您将收到这个访问令牌。

image

调度器

此插件需要调度器在后台运行,以执行以下任务。

  • 缓存Instagram帖子以加快检索。
  • 定期刷新访问令牌,这样我们就不需要任何手动操作。

如果您尚未运行调度器,可以通过遵循Laravel文档来设置。

目前,

  • 帖子每小时缓存一次。
  • 令牌每月刷新一次。

如果您希望自定义这些值,请告诉我。但请相信我,默认值是最好的。

渲染订阅源

为了在前端渲染订阅源,我们可以使用{{ insta_feed }}标签。这里有一个您可以使用的示例片段。我们还添加了{{ nocache }}标签,它可以防止前端缓存页面,并使此模板动态化。

{{ nocache }} 
  {{ insta_feed limit="8"}}
    <div class="mx-auto" style="margin-top: 30px;border: 2px solid black;">
       <img src="{{ media_url }}" alt="{{ caption }}" style="height: 300px ;width: 300px;">
       <p class="text-center"> {{ caption ?? 'No Caption Needed' }}</p>
    </div>
  {{ /insta_feed }}
{{ /nocache }}