wix app tutorial

チュートリアル：マシンで最初のWIXアプリケーションを作成します

このチュートリアルでは、WIXアプリ市場に提出できるWIXプラットフォームと対話するWIXアプリケーションを作成する方法について説明します。WIXサイトの所有者はサイトに展開できます。

1. WIX開発者アカウントにアプリを設定する

A. WIX開発者にログイン（またはサインアップ）。

B.クリックします

この画面を取得する必要があります：

C.ワークスペース> oauthに移動し、 App IDとApp Secret Keyをコピーします。後で必要になります。

2.アプリケーションを設定して、インバウンドHTTPS接続を受信する

ほとんどの開発者マシンはインバウンド接続のために開かれておらず、HTTPS証明書を持っていないため、 ngrokを使用したプロセスについて説明します。 （これらの制限なしにサーバーでアプリケーションをホストしている場合は、この手順をスキップできます。）

ngrokをインストールして実行します

注：アプリがリッスンしているポートでHTTPトンネルを起動します（デフォルトは3000）あなたは次のようなものを取得する必要があります：

ngrokプロセスを閉じないでください- プロセス全体で実行する必要があります。

3.アプリケーションURLを設定します

https://<12345678>.ngrok.io/signupワークスペース> OAuth B. Redirect URL App URL移動しますhttps://<12345678>.ngrok.io/login
「12345678」を**上記のngrok文字列に置き換えることを忘れないでください。例えば：

D. [保存]をクリックします。

4.アプリケーションを登録して、最初のWebhookを受け取ります

A.ワークスペース> webhooksに移動し、新しいwebhookを追加します。

B. wix_developersカテゴリとapp_provisioned_webhookイベントを選択します。

C. webhookコールバックURLをhttps：// <12345678> .ngrok.io/webhook-callbackに設定します。

「12345678」を**上記のngrok文字列に置き換えることを忘れないでください。

D. [保存]をクリックします。これで、画面の下部に公開キーが表示されます。 Public keyをコピーします。後で必要になります。

5.アプリを作成して実行します

A. NPMをダウンロードしてインストールします

B. WIXサンプルアプリケーションをマシンにクローンします

C. config.jsファイル（ srcフォルダー） ：

• app_idを見つけて置き換えて、WIX開発者からコピーした値に置き換えます。
• public_keyを見つけて置き換えて、WIX開発者からコピーした値に置き換えます。

D.資格情報.jsファイル（ srcフォルダー）で、app_secretを見つけて置き換えて、WIX開発者からコピーした値に置き換えます。

E.アプリを実行します

• クローン化されたサンプルアプリケーションを参照します
• npm installを実行します
• npm buildを実行します
• npm startを実行します

あなたはこのようなものを手に入れるべきです：

よくやった！今度は、アプリが期待どおりに機能することを確認する時が来ました。

6.アプリをテストします

A. Test Your Appをクリックします

B.サイトを選択し、 Test Your Appをクリックします

C.プロンプトが表示されたら、 Add To Siteをクリックします。

D. Allow and Installをクリックして、データを収集するためにアプリに同意を提供します。

E.アプリケーションIDとサイトインスタンスIDを使用して、ブラウザに印刷を取得する必要があります。

おめでとう、あなたは終わった！

これで、アプリケーションロジックおよびその他のWIX APIを追加できます。