README

简介

这是一个简单的包，可以集成不同的社交平台，为您的下一个项目提供一个易于使用的社交墙。

当前社交集成

Facebook
Instagram
Twitter

安装 Laravel 5.5 +

使用 Composer 安装包

composer require geonetsolutions/socialwall
让 Laravel 5.5/5.6 自动包发现功能发挥作用！

安装 Laravel 5.4

使用 Composer 安装包

composer require geonetsolutions/socialwall
在 config\app.php 的 providers 数组中注册服务提供者

Geonetsolutions\Socialwall\SocialWallServiceProvider::class

发布包含的资产/配置

要发布包含的 Vue.js 社交墙组件，运行 php artisan vendor:publish。

如果您提供了列表，请选择标记为：Geonetsolutions\Socialwall\SocialwallServiceProvider。

组件将被复制到 resources/assets/js/components/GeonetSocialWallComponent.vue。显然，如果这不适合您的项目，您可以轻松地覆盖它或实现自己的。

配置文件将被发布到您的主要应用程序配置文件夹：socialwall.php。

实现包含的 Vue 组件

使用 Laravel 文档https://laravel.net.cn/docs/5.6/frontend设置好应用程序前端工具后，按以下方式实现包含的示例组件

在您的应用程序 app.js 中添加以下内容

Vue.component('geonet-socialwall', require('./components/GeonetSocialWallComponent.vue')); <--- Add This
Vue.component('example-component', require('./components/ExampleComponent.vue'));

const app = new Vue({
    el: '#app',
});

如果您使用 Laravel Mix，编译前端资产 npm run dev https://laravel.net.cn/docs/5.6/mix
在视图中包含 <geonet-socialwall></geonet-socialwall> 以查看组件输出。

自定义组件输出

如果您想将组件从默认的 grid 布局切换到 feed 布局，只需添加 wall_style 属性并将其设置为 feed

<geonet-socialwall wall_style="feed"></geonet-socialwall>

包配置选项

要覆盖包配置，请使用以下环境变量。

注意：使用以下链接获取 Instagram 访问令牌

https://api.instagram.com/oauth/authorize/?client_id=[CLIENT_ID]&redirect_uri=[REDIRECT_URI]&response_type=token

环境变量

轻松复制粘贴环境变量！欢迎！👍

SOCIALWALL_DEV_MODE

TWITTER_CONSUMER_KEY

TWITTER_CONSUMER_SECRET

TWITTER_OAUTH_ACCESS_TOKEN

TWITTER_OAUTH_ACCESS_TOKEN_SECRET

TWITTER_API_URL

TWITTER_NUMBER_TWEETS

FACEBOOK_APP_ID

FACEBOOK_APP_SECRET

FACEBOOK_PAGE_ID

FACEBOOK_REDIRECT_URI

FACEBOOK_NUMBER_POSTS

INSTAGRAM_ACCESS_TOKEN

INSTAGRAM_NUMBER_PHOTOS

geonetsolutions / socialwall

维护者

详细信息