Angular 2+ Social Sharing Data - публикуйте данные в Facebook / Twitter / Linkedin из вашего углового веб-приложения - PullRequest
Новая
       70

Angular 2+ Social Sharing Data - публикуйте данные в Facebook / Twitter / Linkedin из вашего углового веб-приложения

0 голосов
/ 04 ноября 2019

Я работаю над приложением Angular 4. У меня есть требование обмениваться текстовыми данными (т. Е. Предложением, без каких-либо ссылок) на сайты социальных сетей, такие как Facebook, Twitter и Linkedin. Я пробовал способы делиться ссылками на эти сайты, обращаясь к документации API разработчиков fb, twitter и linkedin, а также используя некоторые угловые библиотеки 2+ npm для социальной сети. (JwSocialButtonsModule и т. Д.)

Я смог выполнить требование о публикации простого текста / предложения - только в твиттере. Как мы можем публиковать текстовые данные без каких-либо ссылок на facebook и linkedin из веб-приложения angular 4? Любая помощь будет оценена. Заранее спасибо! 

import { Component, ElementRef, AfterViewInit, Input } from '@angular/core';

@Component({
    selector: 'fb-like',
    template: `<div class="fb-like" [attr.data-href]="url" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>`
})

export class FbLikeComponent implements AfterViewInit {
    @Input() url = location.href;

    constructor() {
        // initialise facebook sdk after it loads if required
        if (!window['fbAsyncInit']) {
            window['fbAsyncInit'] = function () {
                window['FB'].init({
                    appId: 'your-app-id',
                    autoLogAppEvents: true,
                    xfbml: true,
                    version: 'v3.0'
                });
            };
        }

        // load facebook sdk if required
        const url = 'https://connect.facebook.net/en_US/sdk.js';
        if (!document.querySelector(`script[src='${url}']`)) {
            let script = document.createElement('script');
            script.src = url;
            document.body.appendChild(script);
        }
    }

    ngAfterViewInit(): void {
        // render facebook button
        window['FB'] && window['FB'].XFBML.parse();
    }
}

и 

<fb-like></fb-like>

, но URL-адрес обязателен / обязателен для публикации в Facebook. Моя проблема заключается в том, как поделиться простым текстом на Facebook?

...