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>.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。