# ローカル サーバにプラグインをホストする

クローンとして作成したプラグインを FormIt でプレビューする前に、ローカル サーバにホストする必要があります。

### **IDE でターミナルを表示する**

別のターミナル ウィンドウではなく、Visual Studio Code 内でサーバを開始するオプションがあります。 \*\*\*\* ターミナルを開く前に、適切なフォルダが Visual Studio Code で開いていることを確認してください。

\[表示] > \[ターミナル] (またはキーボード ショートカット\[Ctrl]+\[\`])

![](https://github.com/FormIt3D/autodesk-formit-windows-help/blob/master-jpn/.gitbook/assets/image%20\(11\)%20\(1\).png)

### HTTP サーバを設定する

正常に動作する HTTP サーバは、npm の [http-server](https://www.npmjs.com/package/http-server) です。

[NodeJS](https://nodejs.org/en/) がまだインストールされていない場合は、ダウンロードしてインストールする必要があります。

次の手順でエラーが発生した場合は、コンピュータを再起動して NodeJS のインストールを完了してください。

コマンド プロンプトで、次のように入力して npm の *http-server* をグローバルにインストールします(1 回限りの設定)。

* `npm install http-server -g`

![](https://1042687263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi2QoKYmxiErmbCIxIwlZ%2Fuploads%2Fgit-blob-aa9245c0718bb2a1b84597879f87b1db1944e0a5%2Fimage%20\(47\).png?alt=media)

### ローカル サーバを起動する

設定が完了したら、ターミナルで次のコマンドを実行して npm の http-server を起動します。

* `http-server`

![](https://1042687263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi2QoKYmxiErmbCIxIwlZ%2Fuploads%2Fgit-blob-2c233a5985b71b0451ef3a5a68083c76b879a87d%2Fimage%20\(84\).png?alt=media)

ヒント 1: http-server を実行する際に問題が発生した場合は、インストールがグローバルでもローカルでも、npx を使用して直接実行するとうまくいく場合があります。

* `npx http-server`

ヒント 2: Windows 10/11 ユーザが新しいコンピュータでスクリプトを実行するときにエラーが発生した場合は、設定が無効になっていることが原因である可能性があります。そのためには、次のようにします。

* PowerShell スクリプトを管理者として起動します。
* 次のように入力します: `Set-ExecutionPolicy RemoteSigned`

### FormIt Web 用の開発

FormIt Web 用に開発するには、代わりに次のコマンドを実行します。

* `http-server --cors`

![](https://github.com/FormIt3D/autodesk-formit-windows-help/blob/master-jpn/.gitbook/assets/image%20\(10\)%20\(1\).png)

### サーバを確認する

Web ブラウザで次のアドレスにナビゲートすると、サーバを確認できます。

* <http://localhost:8080>

ブラウザのウィンドウにプロジェクト フォルダのファイルが表示されます。

\*\* npm 以外の Web サーバを使用している場合は、既定のアドレス/ポートが異なる可能性があります。

![](https://1042687263-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi2QoKYmxiErmbCIxIwlZ%2Fuploads%2Fgit-blob-fed5b683fc91a4717930e195a3b740f87ddd655f%2Fimage%20\(41\).png?alt=media)