- Guide de mise en oeuvre Livefyre
- Prise en main
- Prise en main de l’intégration Livefyre
- Processus de mise en œuvre
- Processus de mise en œuvre
- Types d’intégration d’application
- Mise en oeuvre de l’application
- Mise en oeuvre de Livefyre avec intégration tierce
- Architecture
- Incorporer une application
- Ajouter l’authentification à une application à l’aide de Livefyre.js
- Créer des jetons côté serveur
- CollectionMeta Token
- Jeton d’authentification utilisateur
- Création d’une collection à l’aide du jeton CollectionMeta
- Création d’une somme de contrôle
- Intégration d’identité
- Identité Livefyre
- Identité Livefyre
- Activer l’identité Livefyre
- Utilisation des applications sociales avec l’identité Livefyre
- Création de vos applications Social
- Création d’une application Facebook à utiliser avec l’identité Livefyre
- Création d’une application Twitter à utiliser avec l’identité Livefyre
- Créez un Yahoo! Application à utiliser avec l’identité Livefyre
- Création d’une application d’identité Microsoft Live pour une utilisation avec l’identité Livefyre
- Création d’une application LinkedIn à utiliser avec l’identité Livefyre
- Création d’une application d’identité GitHub à utiliser avec l’identité Livefyre
- Utilisation de Studio pour connecter vos applications Social à votre mise en oeuvre Livefyre
- Ajouter Livefyre.js à la page
- Initialiser l’identité Livefyre
- Courriels pour l’identité Livefyre
- Capture/fond de panier en janvier
- Installation
- Installation des bibliothèques
- Classes et méthodes
- Méthodes réseau
- setSSL Network, méthode
- buildLivefyreToken, méthode réseau
- buildUserAuthToken, méthode réseau
- validateLivefyreToken, méthode réseau
- setUserSyncUrl, méthode réseau
- syncUser Network, méthode
- getUrn Network, méthode
- getUrnForUser, méthode réseau
- Méthode réseau getNetworkName
- getSite Network, méthode
- Méthodes de classe réseau
- Méthodes de classe de collection
- createOrUpdate, méthode de collecte
- buildCollectionMetaToken, méthode de collecte
- Méthode de collecte buildChecksum
- getCollectionContent, méthode de collecte
- getUrn, méthode de collecte
- Méthodes de classe de site
- buildBlogCollection, méthode du site
- buildChatCollection, méthode du site
- buildCommentsCollection, méthode du site
- buildCountingCollection, méthode du site
- buildRatingsCollection, méthode du site
- buildReviewsCollection, méthode du site
- buildSitenotesCollection, méthode du site
- buildCollection, méthode du site
- getUrn, méthode du site
- Exemples
- SDK mobiles
- Livefyre.js
- Création de jetons Livefyre C#
- Intégrations des applications
- Personnalisations de l’application
- Personnalisations de l’application
- Modifier les options d’affichage
- Classes CSS
- Storify CSS Classes
- Jeux de transformations
- Déplacer le logo Livefyre
- Restreindre le média
- Masquer les éléments d’application
- Modifier l’icône de @mention
- Mettre le contenu en surbrillance
- Personnalisation de l’horodatage et de la date
- Contenu des fonctionnalités
- Connexion de Janrain à Livefyre à l’aide d’AuthDelegate
- Contenu proposé agrégé à l’aide des API phare
- Contenu du style
- Appliquer des styles personnalisés
- Événements JavaScript
- Incorporer une application de commentaires
- Suivi des renvois
- Prise en charge du périphérique et du navigateur
- Exigences d’affichage Twitter
- Stratégie de test de stress
- Analytics
- Intégration de Livefyre avec AEM
- Rubriques avancées
Intégration de Sidenotes
Intégrez une application Sidenotes en suivant un processus similaire à celui des applications de base.
En règle générale, si l’intégration de l’application principale est terminée, le code écrit pour générer l’objet collectionMeta peut être réutilisé pour les Sidenotes.
Vous pouvez également réutiliser vos délégués auth existants en fournissant un délégué auth créé avec fyre.conv aux Sidenotes dans le champ (facultatif) authDelegate.
REMARQUE
Sidenotes vous permet d'inclure network, siteId et articleId dans un seul objet, plutôt que de les transmettre séparément dans d'autres parties du constructeur.
<!DOCTYPE html>
<html>
<head>
<!-- First add Livefyre.js to the page -->
<script src="https://cdn.livefyre.com/Livefyre.js"></script>
</head>
<body>
<script type="text/javascript">
var convConfig = {
network: 'client-solutions.fyre.co',
selectors:'span.lyrics-sidenote',
siteId: '356373',
articleId: 'sidenotes-sample',
collectionMeta: 'eyJhbGciOiAiSFMyNTYiLCAidHlwIjogIkpXVCJ9.eyJ1cmwiOiAiaHR0cDovL3d3dy5zaWRlbm90ZXMtZGVtby5jb20vbHlyaWNzIiwgInNpdGVJZCI6ICIzMDQwNTkiLCAidHlwZSI6ICJzaWRlbm90ZXMiLCAiYXJ0aWNsZUlkIjogInNpZGVub3Rlc19zYW1wbGUiLCAidGl0bGUiOiAiQ2xpZW50IFNvbHV0aW9ucyBTaWRlbm90ZXMifQ.2gxnsM0TS8dfp-Jokb5uW1kuMl-DqIlqfJSCBwJgf1k'
};
Livefyre.require(['sidenotes#1', 'auth'], function (Sidenotes, Auth) {
new Sidenotes(convConfig);
Auth.delegate({
login: function (callback) {
callback(null,{livefyre:'<userauthtoken>'});
}
});
});
</script>
</body>
</html>
Comme indiqué dans la section Création collectionMeta, collectionMeta est un objet JSON codé. Dans l’exemple ci-dessus, l’objet JSON utilise le format suivant avant d’être codé JWT.
{
"title":"Client Solutions Sidenotes",
"url":"http:\/\/www.livefyre.com\/sidenotes",
"articleId":"sidenotes_sample",
"siteId":"304059",
"type":"sidenotes"
}
Pour plus d'informations, consultez le jeton collectionMeta.
Configuration mobile
Sidenotes a été optimisé pour être utilisé sur les périphériques mobiles. Pour obtenir de meilleurs résultats avec les versions mobiles de votre application Livefyre, définissez l’option évolutive de l’utilisateur sur Non. Par exemple :
<meta name="viewport" content="width=device-width, user-scalable=no">
Ressources sur adobe.com
Sur cette page
