wix app tutorial

教程：在計算機上創建您的第一個WIX應用程序

在本教程中，我們介紹瞭如何創建與Wix平台交互的WIX應用程序，您可以將其提交到Wix App Market，Wix站點所有者可以在其網站上部署它。

1。在Wix開發人員帳戶中設置您的應用程序

A.登錄（或註冊）與Wix開發人員。

B.點擊

您應該得到此屏幕：

C.轉到Workspace> OAuth，然後復制您的App ID和App Secret Key 。您以後需要它們。

2。設置應用程序以接收入站HTTPS連接

由於大多數開發人員機器無法開放用於入站連接，也沒有HTTPS證書，因此我們將使用NGrok描述該過程。 （如果您在沒有這些限制的情況下將應用程序託管在服務器上，則可以跳過此步驟。）

安裝並運行NGrok

注意：在您的應用程序正在偵聽的端口上啟動HTTP隧道（默認為3000），您應該得到這樣的東西：

不要關閉NGROK過程- 您需要在整個過程中運行它。

3。設置您的應用程序URL

A.轉到workspace> oauth B.在Redirect URL中輸入： https://<12345678>.ngrok.io/login C.在App URL enter： https：// <12345678> https://<12345678>.ngrok.io/signup
請記住，用**替換“ 12345678”。例如：

D.單擊保存。

4.註冊您的申請以接收您的第一個Webhook

答：轉到Workspace> Webhooks，然後添加一個新的Webhook。

B.選擇wix_developers類別和app_provisioned_webhook事件。

C.將Webhook回調URL設置為https：// <12345678> .ngrok.io/webhook-callback。

請記住，用**替換“ 12345678”。

D.單擊保存。現在，您應該在屏幕底部看到您的公鑰。複製您的Public key 。您稍後需要它。

5。創建並運行您的應用程序

答：下載並安裝NPM

B.克隆WIX樣本申請到您的機器

C.在config.js文件中（在src文件夾中） ：

• 查找並用您從Wix開發人員複製的值替換App_ID：
• 查找並用您從Wix開發人員複製的值替換public_key：

D.在憑證中（在src文件夾中）在Wix開發人員中復制的值查找並替換App_secret：

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。