Vercel'i Shopify Flow'a nasıl bağlayabilirim?

Vercel, bir dağıtım oluşturulduğunda, başarılı olduğunda, başarısız olduğunda veya bir proje ya da etki alanı değiştiğinde bir webhook gönderir. Workflow Webhooks, bu çağrıyı bir Shopify Flow tetikleyicisine dönüştürür; böylece mağazanız buna tepki verebilir: bir müşteriye etiket ekleyebilir, sipariş notu ekleyebilir, dahili bir e-posta gönderebilir, bir meta alanı güncelleyebilir - kısacası Shopify Flow’un yapabileceği her şeyi gerçekleştirebilir.

Bu kılavuz, tüm süreci ortaya koymaktadır - Vercel gönderir, Workflow Webhooks alır ve doğrular, Shopify Flow harekete geçer - her istekte Vercel’in HMAC imzası kontrol edildiğinden, iş akışınızı yalnızca Vercel başlatabilir.

Neler yapabileceğiniz

• Başsız mağaza ön yüzü dağıtımı başarısız olduğunda ekibinize e-posta gönderin.
• Her başarılı dağıtımın ardından canlı dağıtım kimliğini bir mağaza meta alanına yazın.
• Dağıtım hazır hale geldiğinde, önbellek ısıtma veya yeniden indeksleme iş akışını başlatın.

Gönderilebilecek tipik olaylar: deployment.succeeded, deployment.error, project.created.

Başlamadan önce

• Shopify mağazanıza kurulan Workflow Webhooks.
• Shopify Flow, Shopify Uygulama Mağazasından ücretsiz olarak indirilip kuruldu.
• Webhook oluşturma iznine sahip bir Vercel hesabı.

1. Adım - Workflow Webhooks'ta webhook'u oluşturun

1. Workflow Webhooks'u açın -> Webhooks -> Webhook oluştur seçeneğine tıklayın ve Shopify Flow'da kolayca tanıyabileceğiniz bir ad verin; örneğin Vercel events gibi.
2. Kimlik Doğrulama bölümünden HMAC'yi seçin.
3. İmza sağlayıcısı bölümünden Vercel’i seçin. Uygulama, başlığı, algoritmayı, imzalanmış yükü ve tekrar oynatma süresini sizin için otomatik olarak doldurur; ayarlamanız gereken başka bir şey yoktur.
4. Şimdilik gizli alanı boş bırakın ve Kaydet'e tıklayın. Sayfada gösterilen webhook URL'sini kopyalayın.

Diğer kimlik doğrulama modları için Kimlik Doğrulama’a, hangi alanların Shopify Flow’a aktarılacağını seçmek için ise Yük haritalama ve Shopify Flow değişkenleri’a bakın.

2. Adım - Vercel'de uç noktayı ekleyin

Vercel'de, Ayarlar -> Webhook'lar bölümünü açın (takım veya proje için), kopyaladığınız URL ile bir webhook oluşturun ve size gösterilen gizli anahtarı kopyalayın.

Vercel imzalama gizli anahtarınızı nasıl bulabilirsiniz?

Webhook'u oluştururken görüntülenen webhook gizli anahtarı (veya entegrasyonun istemci gizli anahtarı).

Vercel'in webhook imzalarıyla ilgili kendi belgeleri, hesabınız için tam metni ve ekran görüntülerini içeriyor.

Bu gizli anahtarı, Workflow Webhooks bölümündeki webhook’un “Secret” alanına yapıştırın ve kaydedin. O andan itibaren her Vercel teslimatı, Shopify Flow’a ulaşmadan önce doğrulanacaktır.

Bu kontrolün amacı

Ne	Değer
İmza başlığı	x-vercel-signature
İmzanın bulunduğu yer	Başlığın tamamı
Neyin imzalandığı	{body}
İmza	HMAC-SHA1, onaltılık kodlu
Zaman damgası	Bu gönderen tarafından kullanılmamaktadır
Tekrar oynatma koruması	Yok - bu gönderen zaman damgasını imzalamamaktadır; dolayısıyla tüm geçerli imzalar geçerliliğini korur
Sır	Düz metin olarak kullanılır. Göndericinin gösterdiği şekilde aynen yapıştırın.

İmzalı yükte, {body}, bayt bayt ham istek gövdesidir.

Bu koşullardan herhangi birini karşılamayan bir istek, 401 hatasıyla reddedilir, Geçmiş ve sorun giderme bölümüne kaydedilir ve hiçbir zaman bir iş akışını başlatmaz.

3. Adım - Shopify Flow iş akışını oluşturun

1. Shopify Flow'da bir iş akışı oluşturun ve Workflow Webhooks tetikleyicisini seçin.
2. Olayları Kaydet seçeneğine basın, ardından Vercel’den bir test olayı gönderin (ya da Workflow Webhooks bölümündeki Test Gönder seçeneğini kullanın), böylece Shopify Flow verilerinizin yapısını öğrenebilir.
3. Sahip olduğunuz her webhook aynı Shopify Flow tetikleyicisini çalıştırır; bu nedenle, bu iş akışını yalnızca Vercel ile sınırlı tutmak için **webhook **kimliğine ilişkin bir ilk koşul ekleyin. Kimlik, webhook sayfasında gösterilir.
4. İşlemlerinizi ekleyin - bir müşteriyi etiketleyin, bir not ekleyin, şirket içi bir e-posta gönderin, bir meta alanı güncelleyin.

4. Adım - Uçtan uca test edin

Vercel'de gerçek bir olayı tetikleyin. Workflow Webhooks → History bölümünde, durumu Success olan bir çağrı görmelisiniz. İmza yanlışsa, bunun yerine nedeni belirtilen bir hata kaydı görürsünüz; İmzalı webhook'ların doğrulanması, hangi adımın başarısız olduğunu tam olarak gösteren imza denetleyicisini açıklar.

İlgili

• İmzalı webhook'ların doğrulanması - doğruladığımız tüm sağlayıcılar ve doğrulamadığımız bir sağlayıcıyı nasıl tanımlayacağımız.
• Yük haritalama ve Shopify Flow değişkenleri - yükten doğru alanları alıp Shopify Flow'a aktarma.
• Yinelenen teslimat koruması - Vercel bir teslimatı yeniden denediğinde ne olur?
• Geçmiş ve sorun giderme - her isteğin günlüğü, tekrar oynatma özelliği ile.