前提条件

• nodejsのソースコードをダウンロードします https://nodejs。org/en

• 次のコマンドを使用してインストールを認証します。

CLIのインストール

プロジェクトの開発

1. 作成したプロジェクトフォルダへ移動します。appフォルダ内に、初期設定で 'widget.html' という名前のHTMLファイルが見つかります。
2. widget.htmlファイルには、ウィジェットやWebタブの構造、デザイン、コンポーネントが含まれています。HTMLファイルからウィジェットやWebタブを作成できます。
3. 必要に応じて、JavaScriptファイルやスタイルシートを作成し、追加のデザインや機能を加えることでウィジェットやWebタブを拡張できます。（任意）
   
   

   複数のHTMLファイルを単一のウィジェットまたはWebタブパッケージとしてまとめ、Zoho Peopleの対応インターフェースで利用できます。この機能を有効にするには、plugin-manifest.jsonファイルでロケーション識別子を正しく設定してください。
4. ウィジェットやWebタブでZoho People APIを利用するには、JS SDKライブラリで提供されているJS SDK APIヘルパーを活用できます。
5. plugin-manifest.jsonファイルの設定方法については、次のトピックをご参照ください。

plugin-manifest.jsonファイルの設定

1. プロジェクトフォルダでウィジェットまたはWebタブの開発が完了したら、テキストエディタでplugin-manifest.jsonファイルを開き、ウィジェットまたはWebタブのロケーション識別子を指定します。
   
2. ホワイトリストに登録するドメインを追加します。
   

   

   内部ウィジェットやWebタブは、初期設定でZoho Peopleサーバー内からのみアクセスが許可されており、他のすべてのURLはブロックされます。特定のソースからデータを取得する権限を与えるには、アクセスを許可したいURLをホワイトリストに登録してください。
3. plugin-manifest.jsonファイルを保存します。

単一の郵便番号ファイルで複数のHTMLファイルをサポートするためのPlugin-manifest.jsonファイル設定

1. {
2. 'locale': [
3. 'en'
4. ],
5. 'サービス': 'PEOPLE',
6. 'whiteListedDomains': [],
7. 'タブ': {
8. 'widgets': [
9. {
10. '場所': 'people.ホーム',
11. '名前': 'Zoho People Extension',
12. 'url': '/app/widget。html',
13. 'ロゴ': ''
14. },
15. {
16. '場所': 'people.ダッシュボード',
17. '名前': 'Zoho People Extension',
18. 'url': '/app/時間.html',
19. 'ロゴ': ''
20. },
21. {
22. '場所': 'people。custombutton',
23. '名前': 'Zoho People Extension',
24. 'url': '/app/移動する.html',
25. 'ロゴ': ''
26. }
27. ]
28. },
29. 'config': [],
30. 'connectors': [],
31. 'cspDomains': {
32. '接続-src': []
33. }
34. }

テスト Widget または Web タブ

1. 以下のコマンドを使用してプロジェクトディレクトリに移動します：
   

cd {プロジェクト directory}

2. 次のコマンドを実行して、ローカルHTTPサーバーを開始します。これにより、ウィジェットやWebタブをローカルで実行し、テスト環境インスタンスでテストできます：
   

zet run

認証とパック

1. 以下のコマンドを使用してプロジェクトディレクトリに移動します。
   

cd {プロジェクト directory}

2. 以下のコマンドを実行してアプリケーションを認証します。
   

zet 認証

この操作により、アプリパッケージの認証が行われ、違反があれば表示されます。違反がある場合は、開発者コンソールで郵便番号ファイルを更新する前に修正してください。

3. Zoho People へアップロード可能なウィジェットまたはWebタブの郵便番号を生成するには、次のコマンドを実行します。

zet pack

     

ウィジェットまたはWebタブの郵便番号ファイルは、プロジェクトディレクトリ内の「dist」フォルダに作成されます。このファイルを使用してZoho Peopleアプリケーションへアップロードしてください。

内部ウィジェットまたはWebタブの郵便番号ファイルを作成したら、Zoho Peopleにアップロードして、ウィジェットやWebタブとして該当するインターフェースで利用できます。
ウィジェットのアップロード方法については、Zoho Peopleでのウィジェットの利用を参照してください。
Webタブのアップロード方法については、Zoho PeopleでのWebタブの利用を参照してください。

注意事項

1. ウィジェットまたはwebタブ 郵便番号フォルダーには、初期設定でAppフォルダー内にwidget。htmlファイルが格納されています。このファイルがインデックスファイルとなり、ページのウィジェットとして組み込まれます。
2. Appフォルダー内に新たなフォルダーを作成し、widget。htmlファイルをその新規フォルダーに移動した場合、Zoho Peopleアカウントにウィジェットを追加する際、下記の形式でインデックスファイル名を指定する必要があります。
   

/ / .html

1. ウィジェット 郵便番号フォルダーは、zet packコマンドのみを使用して梱包済みの場合に有効な郵便番号ファイルとして認識されます。他のコマンドでウィジェットファイルをアップロードすると失敗します。