wix app tutorial

Tutorial: Buat aplikasi WIX pertama Anda di mesin Anda

Dalam tutorial ini kami membahas cara membuat aplikasi WIX yang berinteraksi dengan platform WIX yang dapat Anda kirimkan ke pasar aplikasi WIX, di mana pemilik situs WIX dapat menggunakannya di situs mereka.

1. Siapkan aplikasi Anda di akun pengembang WIX

A. Masuk (atau mendaftar) ke pengembang WIX.

B. Klik

Anda harus mendapatkan layar ini:

C. Pergi ke Workspace> OAuth dan salin App ID dan App Secret Key Anda. Anda akan membutuhkannya nanti.

2. Siapkan aplikasi untuk menerima koneksi HTTPS masuk

Karena sebagian besar mesin pengembang tidak terbuka untuk koneksi masuk dan tidak memiliki sertifikat HTTPS, kami akan menjelaskan proses menggunakan NGROK . (Jika Anda hosting aplikasi Anda di server tanpa batasan ini, Anda dapat melewatkan langkah ini.)

Instal dan jalankan Ngrok

Catatan: Mulai terowongan HTTP di port yang didengarkan aplikasi Anda (default adalah 3000) Anda harus mendapatkan sesuatu seperti ini:

Jangan tutup proses NGROK - Anda akan membutuhkannya berjalan untuk seluruh proses.

3. Siapkan URL aplikasi Anda

A. Pergi ke Workspace> OAuth B. Dalam Redirect URL Enter: https://<12345678>.ngrok.io/login C. dalam App URL enter: https://<12345678>.ngrok.io/signup
Ingatlah untuk mengganti '12345678' dengan ** string Ngrok Anda yang Anda dapatkan di atas. Misalnya:

D. Klik Simpan.

4. Daftarkan aplikasi Anda untuk menerima webhook pertama Anda

A. Pergi ke Workspace> Webhooks dan tambahkan webhook baru.

B. Pilih Kategori Wix_Developers dan acara App_Provisioned_webhook.

C. Siapkan URL Callback WebHook ke https: // <22345678> .ngrok.io/webhook-Callback.

Ingatlah untuk mengganti '12345678' dengan ** string Ngrok Anda yang Anda dapatkan di atas.

D. Klik Simpan. Sekarang Anda harus melihat kunci publik Anda di bagian bawah layar. Salin Public key Anda. Anda akan membutuhkannya nanti.

5. Buat dan jalankan aplikasi Anda

A. Unduh dan instal NPM

B. Kloning Aplikasi Sampel Wix ke Mesin Anda

C. Dalam file config.js (di folder src ) :

• Temukan dan ganti app_id dengan nilai yang Anda salin dari pengembang WIX:
• Temukan dan ganti public_key dengan nilai yang Anda salin dari pengembang WIX:

D. Di file Credentials.js (di folder src ) Temukan dan ganti app_secret dengan nilai yang Anda salin dari pengembang WIX:

E. Jalankan aplikasi Anda

• Jelajahi aplikasi sampel yang dikloning
• Jalankan npm install
• Jalankan npm build
• Jalankan npm start

Anda harus mendapatkan sesuatu seperti ini:

Bagus sekali! Sekarang saatnya memastikan aplikasi Anda berfungsi seperti yang diharapkan.

6. Uji aplikasi Anda

A. Klik Test Your App

B. Pilih situs dan klik Test Your App

C. Saat diminta, klik Add To Site :

D. memberikan persetujuan untuk aplikasi untuk mengumpulkan data dengan mengklik Allow and Install :

E. Anda harus mendapatkan cetakan ke browser dengan ID aplikasi Anda dan ID instance situs Anda:

Selamat, Anda sudah selesai!

Sekarang Anda dapat menambahkan logika aplikasi dan API WIX lainnya.