「navigateParentURL() メソッドの設定」
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
ウィジェットで navigateParentURL() メソッドを使用する方法
ウィジェットを作成する
1. このリンクから Node.js ソースコードをダウンロードしてインストールします https://nodejs.org/en/download/
2. インストールが正常に完了したことを確認するために、次のコマンドを実行します。コマンドはパッケージのバージョンを返します。
注意: コマンドを入力する際、ドル記号（$）を明示的に入力する必要はありません。デフォルトですでに表示されています。Mac OSではTerminal、WindowsではCommand Promptでコマンドを実行できます。
- $ node -v
- $ npm -v
- $ node -v
- $ npm -v
3. 次のコマンドを実行して、zapps cli node パッケージをインストールします。
- $ npm install -g zoho-extension-toolkitをインストールします。
注意: 以下のコマンドを使用して、権限の問題が発生した場合：
sudo npm install -g zoho-extension-toolkit
インストールが成功したかどうかを確認するために、次のコマンドを実行します。 パッケージのバージョンが返されます。
- $ zet -v
5. 次のコマンドを使用してプロジェクトを作成します：
- $ zet 初期化
注意: 権限の問題が発生した場合は、次のコマンドを使用してください。
sudo zet init
7. プロジェクト名を指定してください。Enterを押してください。
注意:
このプロジェクトは、ウィジェットをレンダリングするために必要なファイルを格納するためのフォルダです。アルファベットとアンダースコア文字のみを含めることができます。
8. プロジェクト/フォルダ名を入力し、Enterを押してプロジェクトディレクトリに移動します。
9. 次のコマンドを実行してください。
- $ zet 実行
注意: これにより、ローカルマシンのポート番号5000でHTTPサーバーが起動します。サーバーを開始する前に、このポートが他のプロセスによって占有されていないことを確認してください。上記コマンドの実行により、関連する注意事項が表示される場合があります。
10. サーバーが正常に開始されたかどうかを確認するには、widget.htmlに移動し、ブラウザーで開きます。 widget.htmlファイルは、前に作成したフォルダ（プロジェクト）にあります。
注:
デフォルトでは、このファイルはアプリフォルダーにあります。
以下の手順に従ってwidget.htmlファイルにアクセスできます。
1. 新しいタブでローカルホストURL（https://127.0.0.1:5000）を開き、詳細->127.0.0.1へ進むをクリックして接続を承認します。
2. ローカルホストURLに/app/widget.htmlを追加します：https://127.0.0.1:5000/app/widget.html
次の画面が表示されます。
11. プロジェクトフォルダ内のアプリフォルダを開きます。 同じフォルダ内にあるwidget.htmlファイルを見つけます。
「以下のサンプルコードをwidget.htmlファイル内にコピーすることで、Verify widget内で正しいオプションを選択した後、User Detailsフォームにナビゲートすることができます。こちらの例を参照してください。
」- 関数addData()を実行します。
- ZOHO.CREATOR.init()
- .then(function() {
- config = {
- action : 'open',
- url : 'https://creatorapp.zoho.com/megan/zylker-online-tutorials/#Form:User_Details',
- window : 'same'
- }
- ZOHO.CREATOR.UTIL.navigateParentURL(config);
- });
- }
13. アプリ内にウィジェットを埋め込む必要がある場合は、設定ページに移動します。ウィジェットを選択します。
14. 「作成」ボタンをクリックしてください。
15. 新しいウィジェットパネルが表示されます。
16. ウィジェットの名前を入力してください。
17. 「ホスティング」のドロップダウンリストから内部を選択してください。
18. dist フォルダ内の ウィジェットファイル フィールドから、圧縮された zip ファイルをアップロードします。
19.「インデックスファイル」フィールドに/widget.htmlを入力します。/widget.htmlファイルは、インデックスファイルであり、このファイルがページ内のウィジェットとして組み込まれます。
20.「作成」をクリックします。作成されたウィジェットが、「ウィジェット」ページに追加されます。
21. このウィジェットは、アプリケーション内のすべてのページで、ページビルダー内のドラッグアンドドロップ要素として表示されます。
ページにウィジェットを追加する
1. アプリの編集モードに移動します。
2. 所要のページのビルダーを開きます。
3. 左側のペインからウィジェットを選択します。作成したウィジェットが表示されます。
4. ウィジェットをドラッグ＆ドロップして、ビルダーエリアに配置してください。
5. 「完了」をクリックしてビルダーを終了します。
サンプルデータで開始しよう
開始を迅速に行うために、ウィジェットを作成するために使用してダウンロードできるサンプルデータを提供しました！
関連トピック
Zoho CRM 管理者向けトレーニング
「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。
日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Zoho コミュニティ オンラインフォーラム
フォーラムをフォローして、Zoho ユーザーによる活用のノウハウやアドバイスを入手。サービスのアップデート情報やユーザー向けイベントの告知について通知を受け取りましょう。
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
Related Articles
理解するnavigateParentURL（）メソッド
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 この方法は、ウィジェットに適用されます。 Zoho ...