Как создать ежедневную услугу SMS-подтверждений с Stripe & Syncano

Чтобы получить доступ к API Stripe для этого, мы включили их JavaScript в index.html нашего файла index.html :

 <script src="https://checkout.stripe.com/checkout.js"></script> 

В нашем app.js мы готовимся к подписке с помощью функции StripeCheckout.configure() :

 var handler = StripeCheckout.configure({ key: 'pk_test_YOURSTRIPEKEY', locale: 'auto', panelLabel: 'Subscribe', email: username, token: function(token) { stripeToken = token; console.log("Stripe token is " + JSON.stringify(token)); $.ajax({ type: "POST", url: "https://api.syncano.io/v1/instances/bold-rain-5584/webhooks/p/1254a339e4544e4c36ae4c5fcf67f4249413b3f2/subscribecustomer/", data: {"stripe_token": stripeToken.id, "email": username} }) .done(function(msg) { paid = true; ids = msg.result.stdout.split(','); stripeId = ids[0]; subscriptionId = ids[1]; goToPage('myaccount'); }); } }); 

В начале этой функции содержится клавиша Stripe, которую мы использовали ранее, locale устанавливает всплывающее окно на местном языке пользователя (приятное прикосновение), panelLabel изменяет то, что будет panelLabel кнопка оплаты под формой panelLabel о кредитной карте (мы хотим, чтобы она говорила « Подписаться ») и мы передаем адрес электронной почты, который мы уже знаем из их учетной записи Syncano, по email чтобы он был предварительно заполнен:

 var handler = StripeCheckout.configure({ key: 'pk_test_YOURSTRIPEKEY', locale: 'auto', panelLabel: 'Subscribe', email: username, 

Когда в Stripe есть данные пользователя, запускается функция token и мы отправляем токен и электронное письмо на наш Syncano Webhook, который называется subsecustomer. Это передает их на наш CodeBox для использования в нашем действительном процессе подписки.

 token: function(token) { stripeToken = token; $.ajax({ type: "POST", url: "https://api.syncano.io/v1/instances/bold-rain-5584/webhooks/p/1254a339e4544e4c36ae4c5fcf67f4249413b3f2/subscribecustomer/", data: {"stripe_token": stripeToken.id, "email": username} }) 

Когда этот запрос POST завершен, мы устанавливаем наши локальные переменные JavaScript, чтобы мы знали, что текущий пользователь заплатил, и мы знаем его идентификатор пользователя Syncano, идентификатор полосы и идентификатор подписки. Затем мы запускаем функцию, чтобы перевести пользователя на страницу приложения «Моя учетная запись», которая проверит детали и скажет им, что они подписаны. Помните, что вы можете (и должны) сделать это немного лучше, используя выбранную вами среду.

 .done(function(msg) { paid = true; ids = msg.result.stdout.split(','); stripeId = ids[0]; subscriptionId = ids[1]; goToPage('myaccount'); }); } }); 

Чтобы фактически отключить этот обработчик Stripe Checkout, у нас есть простая handler.open() которая запускает всплывающее окно Stripe для запроса деталей платежа:

 $('#main').on('click', '#paymentButton', function(e) { handler.open({ name: "Life is Good Affirmations", description: "A monthly subscription to daily affirmations!", currency: "aud" }); e.preventDefault(); }); 

Если они щелкают часть всплывающего окна, в результате чего Stripe popstate событие popstate , всплывающее окно закрывается:

 $(window).on('popstate', function() { handler.close(); }); 

Отказ от подписки

Чтобы отписаться от клиентов, мы делаем сокращенную версию процесса подписки. Нам не нужен Stripe для первоначального получения информации о клиенте или чего-либо подобного, потому что у нас уже есть его Stripe ID и идентификатор подписки Stripe. Вместо этого все, что нам нужно, это CodeBox, который может взять эти данные и сказать Stripe, чтобы отписать этого пользователя от этой подписки. Мы создадим CodeBox под названием «Stripe Unsubscribe Customer».

В нашем CodeBox «Stripe Unsubscribe Customer» у нас есть те же самые require что и в CodeBox «Stripe Subscribe Customer». Мы берем идентификатор текущего пользователя Syncano, а также его идентификаторы Stripe, чтобы мы могли изменить их данные на нашем конце, чтобы установить subscribed на false и удалить их идентификатор подписки из нашей базы данных.

Единственный фрагмент этого CodeBox, который может отличаться от того, что мы уже сделали, — это stripe.customers.cancelSubscription() который является нашим вызовом Stripe для отмены подписки этого пользователя. Мы передаем идентификатор Stripe ID и идентификатор подписки Stripe, затем при обратном вызове успешно вносим изменения в нашу собственную базу данных.

 var Syncano = require('syncano'); var account = new Syncano({accountKey: 'YOURACCOUNTKEY'}); var _ = require('lodash'); var stripe = require("stripe")("sk_test_YOURSTRIPEKEY"); var userId = ARGS.POST.user_id; var stripeId = ARGS.POST.stripe_id; var subscriptionId = ARGS.POST.subscription_id; stripe.customers.cancelSubscription( stripeId, subscriptionId, function(err, confirmation) { var details = { "subscribed": false, "subscription_id": "" }; account.instance('bold-rain-5584').class('user_profile').dataobject(userId).update(details, function(err, res) { console.log("User set to unsubscribed"); }); } ); 

Создайте Webhook под названием «unsubscribeecustomer», запустите его теми же методами, что и наш «subsecustomer» Webhook, и ваши настройки подписки завершены!

Планирование задач

Последнее, что нам нужно, чтобы начать работать сейчас, когда мы можем принимать клиентов, — это наши запланированные подтверждения. У нас есть готовый к запуску наш CodeBox под названием «Запланированное подтверждение», нам просто нужно установить его на таймер.

Перейдите на страницу «Задачи», нажмите на круглую кнопку со значком, который немного напоминает таймер в правом нижнем углу. В появившемся всплывающем окне выберите имя для своего расписания, выберите «Подтверждение по расписанию» в качестве CodeBox, который мы хотим запланировать, и укажите, как часто вы хотите, чтобы оно запускалось (оно появляется в данный момент, один раз в полночь — это наше Единственный вариант — еще нет способа установить часовые пояса, так что это не будет полночь для всех!). Нажмите «Подтвердить», и ваше расписание будет запущено самостоятельно!