사이드노트 통합

핵심 애플리케이션과 유사한 프로세스를 수행하여 Sidecotes 앱을 통합합니다.

일반적으로 핵심 응용 프로그램 통합이 완료된 경우 collectionMeta 개체를 생성하기 위해 작성된 코드를 사이드노트에 다시 사용할 수 있습니다.

fyre.conv로 만든 auth 대리자를 (선택 사항) authDelegate 필드에서 사이드노트에 제공하여 기존 auth 대리자를 재사용할 수도 있습니다.

노트

사이드노트는 생성자의 다른 부분에 별도로 전달하는 대신 단일 객체에 network, siteId 및 articleId를 포함할 수 있습니다.

<!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>

collectionMeta 빌드 섹션에 설명된 대로 collectionMeta은(는) 인코딩된 JSON 개체입니다. 위의 예에서 JSON 개체는 JWT로 인코딩되기 전에 다음 형식을 취합니다.

{ 
"title":"Client Solutions Sidenotes", 
"url":"http:\/\/www.livefyre.com\/sidenotes", 
"articleId":"sidenotes_sample", 
"siteId":"304059", 
"type":"sidenotes" 
}

자세한 내용은 collectionMeta 토큰을 참조하십시오.

모바일 설정

사이드노트는 모바일 장치에서 사용하도록 최적화되었습니다. 모바일 버전의 Livefyre 앱을 사용하여 최상의 결과를 얻으려면 사용자 확장 가능 옵션을 no로 설정합니다. 예:

<meta name="viewport" content="width=device-width, user-scalable=no">

이 페이지에서는