• [プレビュー] タブには、コンポーネントプロパティで設定された選択肢に従ってリアルタイムデータが表示されます。
• ナレッジ記事コンポーネントインスタンスに関連するコンポーネントプロパティの説明については、「 ナレッジ記事ビューのコンポーネントプロパティ」を参照してください。

import { init, login, logout, startGuestSession } from 'https://demo.servicenow.com/uxasset/externals/sn_embeddable_core/index.jsdbx';

await init({
    theme: 'fad87d2ca304121029a4d1aed31e610f',  /* sys_id of the theme to use for the embeddable components in your website */
    baseURL: 'https://demo.servicenow.com', /* Base URL of the instance to be used for the embeddable components in your website */
    authCallback: getTokenCallBack, /* Function which returns the auth token for the current user, required for auth setup */
    module: '591800ffc1243610f87714367ed47c6a', /* Demo module */
    pageName: document.title, /* Uses the browser's document title as the page name in User analytics experience */
    guestTokenCallback: getGuestJWTTokenCallBack, /* Function which returns the guest token for the current user, required for guest validation setup */
    cacheComponents: [] /* Pre-caches resources for improved performance. Update component list as per your usage */
});

function getTokenCallBack() {
    var idToken; /* Get the id token for the current user */
    return Promise.resolve(idToken);
}

function getGuestJWTTokenCallBack() {
    var guestToken; /* Get the guest token for the current user */
    return Promise.resolve(guestToken);
}

/* Uncomment below function to handle guest session */
// await startGuestSession();

/* Uncomment below functions to handle login and logout once the user logs into your website */
// await login();
// await logout();

<!--  
    Module: Demo module
    Group: Group 1
    Instance: Knowledge article view 1
-->
<sn-embedx-kb-article-view record-id="9d25b5b8dbd92200d75270f5bf96198b"></sn-embedx-kb-article-view>
<!--
 The component also includes the following additional properties:
 hide-header
 hide-language-selector
 hide-author-information
 hide-reading-time
 hide-last-updated
 hide-view-count
 hide-average-rating
 hide-attachments
 hide-helpful-option
 hide-article-rating
 disable-displaying-latest-article-version
 hide-errors
 hide-notifications
-->

<script type="module">
	import { getEmbeddables, setEvents, setProperties } from 'https://demo.servicenow.com/uxasset/externals/sn_embeddable_core/index.jsdbx';
	
	const snEmbedxKbArticleView = document.querySelector('sn-embedx-kb-article-view');

	getEmbeddables(["sn-embedx-kb-article-view"]);

	const eventHandlers = {
		'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#BACK_BUTTON_CLICKED' : (e) => {
			// Event for back button clicked on mobile variant of knowledge article view.
			//Redirect to the knowledge browse page
			open('/knowledgebrowse', '_self');
		},
		'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#RATING_CLICKED' : (e) => {
			// This event is dispatched when rating is provided for the article
			var {rating} = e.detail.payload;
			console.log(rating);
		},
		'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#LANGUAGE_DROPDOWN_CLICKED' : (e) => {
			// This event is dispatched when language dropdown selection is clicked
			var {articleID} = e.detail.payload;

			// Set properties for the knowledge article view
			setProperties(snEmbedxKbArticleView, {recordId: articleID});
			
		},
		'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#NOTIFICATION_LINK_CLICKED' : (e) => {
			// This event is dispatched when link present on notification has been clicked
			var {table, sys_id} = e.detail.payload;

			if(table == 'kb_knowledge') {
				// Set properties for the knowledge article view
				setProperties(snEmbedxKbArticleView, {recordId: sys_id});
			}
		},
		'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#COMPONENT_READY' : (e) => {
			// This event is dispatched when a component is ready and usable.
		},
		'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#COMPONENT_ERROR' : (e) => {
			// This event is dispatched when a property validation or internal error occurs.
			var {errorMessage, errorType} = e.detail.payload;
			console.log(errorMessage, errorType);
		},
		'SN_EMBEDX_KNOWLEDGE_ARTICLE_VIEW#LINK_CLICKED' : (e) => {
			// This event is dispatched when a record link has been clicked inside article body
			var {table, sys_id} = e.detail.payload;
			console.log(table, sys_id);
		}
	};

	setEvents(snEmbedxKbArticleView, eventHandlers);
</script>