Zoho Peopleのウェブタブ

Zoho Peopleのウェブタブ

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

Zoho PeopleのWebタブとは何ですか?

Zoho PeopleのWebタブでは、外部のウェブサイトやZoho CLIとJS SDKを使用して作成されたカスタムウェブページ/ウェブアプリを読み込むことができます。これはカスタムウィジェット機能と同様に動作します。

WebタブはZoho Peopleのどこに展開できますか?

  1. ホームエリアのタブとして展開することができます。
  2. また、任意のサービス内のタブとしても展開することができます。
Info
ホーム/サービスにリストされるWebタブの最大数は10までです。

Webタブの作成と使用

Webタブのホスティング種別は2つあります:
内部: Zet-CLIツールを使ってWebタブを作成し、パックします。その後、.郵便番号ファイルがZohoサーバー内にアップロードされます。詳細はこちら.
外部: URLを入力して外部のWebサイトを読み込みます。

外部WebサイトタイプのWebタブの作成:

  1. 設定 > 開発者向け設定 > Webタブ >新規Webタブ作成に移動します。
  2. 名前と説明を入力します(説明は必須ではありません)。
  3. Webタブの位置を選択します。
  4. 外部をホスティング種別として選択します。
  5. Base URLテキストボックスに読み込むURLを入力します。
  6. 必要に応じて適用範囲を設定します。
  7. 送信をクリックします。


Webタブの位置にホームが選ばれましたので、適用対象の従業員はホーム > Zylkerホーム(webタブ名)からアクセスできます。


内部タイプのWebタブの作成:

  1. 設定 > 開発者向け情報 > Web タブ > 新しく作成する Web タブへ移動します。
  2. 名前を入力し、説明欄に内容を記入してください(説明は必須項目ではありません)。
  3. Webタブの位置を選択してください。
  4. ホスティング種類としてInternalを選択してください。
  5. Webタブを選択するために、アップロードしたデスクトップオプションを使用します。プロジェクトの'dist'フォルダから郵便番号ファイルをアップロードします。(作成手順については以下を参照してください。)
  6. 提供されたテキストボックスに、WebアプリのインデックスページURLを入力します。
  7. 適用範囲を設定します(必須の場合)。


Webタブは現在、アップロードされたWebアプリを対応するサービス上に表示します。
Alert
Zet-CLIツールを使用して作成し、zet packコマンドを使用してパッケージ化した.zipファイルのみを使用してください。詳細は以下をご覧ください。

Zet-CLIツールを使用してZoho PeopleのWebタブとして表示されるWebアプリを作成する

Webタブとして表示するWebアプリを作成するために、Zoho Extension Toolkit(ZET)が使用中です。Zoho Extension Toolkit(ZET)は、開発者がZoho Peopleと統合するためのウィジェットを作成およびパッケージ化するのを支援するために設計されたコマンドライングラフインターフェースです。以下に説明をどうぞ。

手順

  1. この記事を参照し、Zet-CLIツールのインストールおよび使用の手順について参照してください。
  2. プロジェクトを作成する際、プロジェクトテンプレートを作成したいZohoサービスのリストが表示されます。ここで、Zoho Peopleを選択してください。

Info
初期設定のplugin-manifestファイルがプロジェクトテンプレートディレクトリの一部として作成されます。このファイルは重要であり、ここであなたの拡張機能のJSONパラメーターを設定する必要があります。拡張機能に関するメタデータを含みます。 plugin-manifestファイルについての詳しい情報は、ここをクリックしてください。
  1. 作成したプロジェクトフォルダ内にWebアプリのHTMLファイルがappフォルダに存在します。
  2. HTMLファイルには、Webアプリの構造、デザイン、コンポーネントが含まれています。HTMLファイルを用いてWebアプリを作成することができます。
  3. 必要なJavaScriptファイルとスタイルシートを作成することで、追加のデザインや機能を用いてWebアプリを強化することができます。(オプション)
  4. ウィジェット内でZoho PeopleのAPIを使用するためには、JS SDKライブラリに提供されているAPIヘルパーを利用できます。
  5. ウィジェットの開発が終わったら、プロジェクトフォルダから、テキストエディターでplugin-manifest.jsonファイルを開き、Webタブの表示される場所を指定します。
ウェブタブ位置
位置識別子
ホーム
people。ホーム
サービス
people。サービス
  1. 同じplugin-manifest。jsonファイルにホワイトリスト化するドメインを追加することができます。これは内部的にホストされており、アクセスはZoho Peopleサーバーに制限され、すべての他のURLは初期設定でブロックされます。特定のソースからのデータ取得をWebアプリに許可するには、特定のURLをホワイトリストに追加します。
  2. パッケージ化された.zipファイル内の.htmlファイルが初期設定のインデックスURLです。もしあなたがAppフォルダ内に別のフォルダを作成し、その中にHTMLファイルを移動した場合、次の形式でインデックスファイルのパスを指定する必要があります:
/ / .html
  1. 'zet pack'コマンドを使用してパッケージ化された.zipファイルのみが有効とみなされます。他の方法でパッケージ化された.zipファイルはアップロード時に失敗します。
Quote
zet pack






    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho WorkDrive Resources



                Zoho Desk Resources

                • Desk Community Learning Series


                • Digest


                • Functions


                • Meetups


                • Kbase


                • Resources


                • Glossary


                • Desk Marketplace


                • MVP Corner


                • Word of the Day









                                • Related Articles

                                • Zoho PeopleとのZoho Cliq統合

                                  お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 はじめに この統合の目的は、Zoho PeopleとZoho Cliqをスムーズに接続することです。これは、部署、役割、出席状況、座席情報などの従業員データをZoho Cliqでアクセス可能にし、Zoho Peopleからの承認通知をZoho ...
                                • Zoho People for Office 365

                                  お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 Office 365用のZoho Peopleアプリをインストールする 2つのアプリケーション間でデータをシームレスに同期するために、Microsoft Office 365用のZoho Peopleアプリをインストールします。 Office 365用のZoho ...
                                • Zoho People for G Suite

                                  お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 Zoho PeopleとG Suiteの間の同期は、2つのシステム間でスムーズなデータフローを実現します。G SuiteからZoho Peopleアプリをインストールすることで、G SuiteユーザーはZoho Peopleにアクセスできます。 可能性のあるシナリオは2つあります: ...
                                • Zoho People 5.0の設定

                                  お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 設定機能では何ができますか? 設定では、組織のHRプロセスを管理するためにZoho Peopleを設定することができます。これには以下が含まれます: Zoho ...
                                • Zoho People ホームタブ

                                  お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 Zoho Peopleのホームタブとは何ですか? Zoho ...

                                Resources

                                Videos

                                Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                eBooks

                                Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                Webinars

                                Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                CRM Tips

                                Make the most of Zoho CRM with these useful tips.