admench / craft-instagram

为Craft CMS提供简单的Instagram API端点 - 适用于JavaScript作为AJAX POST请求消费，返回用户动态

维护者

详情

github.com/admench/craft-instagram

源代码

问题

文档

安装: 42

依赖: 0

建议者: 0

安全性: 0

星星: 0

关注者: 1

分支: 0

开放问题: 0

类型:craft-plugin

1.0 2018-02-16 10:27 UTC

Requires

MIT 37e32eae7997f62f953810ccdaaf0acfcbf5d50c

cmsCraftcraftcmsinstagram apicraft-plugin

This package is not auto-updated.

Last update: 2024-09-29 05:42:50 UTC

README

Craft Instagram Api guzzle端点插件，供JavaScript作为AJAX消费

Screenshot

要求

此插件需要Craft CMS 3.0.0-beta.23或更高版本。

安装

要安装此插件，请按照以下说明操作。

  1. 打开您的终端并转到您的Craft项目

     cd /path/to/project

  2. 然后告诉Composer加载此插件

     composer require admench/craft-instagram

  3. 在控制面板中，转到设置 → 插件，并点击Craft Instagram的“安装”按钮。

Craft Instagram概述

为Craft CMS提供简单的Instagram API端点 - 适用于JavaScript作为AJAX POST请求消费，返回用户动态

配置Instagram API

请确保您创建一个包含您的Instagram访问令牌的.env变量，变量名为INSTAGRAM_ACCESS_TOKEN

请确保您创建一个包含您所需帖子数量的.env变量，变量名为INSTAGRAM_COUNT

使用Instagram API

以下是一个示例Vue组件，该组件消费端点/actions/instagram-api/feed

<script>
export default {
	props: ["csrfToken"],
	data() {
		return {
			instagramFeed: {
				data: [],
				meta: {
					code: null
				},
				pagination: {}
			}
		};
	},
	created() {
		var qsparams = qs.stringify({
			CRAFT_CSRF_TOKEN: this.csrfToken
		});
		axios
			.post("/actions/craft-instagram/feed", qsparams)
			.then(response => {
				this.instagramFeed = response.data;
			})
			.catch(e => {
				this.instagramFeed = e;
				console.log("error: " + e);
				console.log(e);
			});
	}
};
</script>

<template>
    <div>

		<div>
			<img v-for="post in instagramFeed.data" :src="post.images.thumbnail.url">
		</div>

		// See what the response is
		<pre>
			{{ instagramFeed }}
		</pre>

	</div>
</template>

Instagram API路线图

一些要做的事情和潜在功能的想法

  • 发布它

由Adam Menczykowski提供