ثبت اپلیکیشن پرداخت مبتنی بر وب

با نحوه پیکربندی یک برنامه پرداخت مبتنی بر وب در حین ثبت نام آشنا شوید.

ایجی کیتامورا

برنامه‌های پرداخت مبتنی بر وب، برنامه‌های وب پیشرو (PWA) هستند و در بالای کارکنان خدمات اجرا می‌شوند. کارمند خدمات در یک برنامه پرداخت نقش مهمی ایفا می کند زیرا درخواست های پرداخت را از یک تاجر دریافت می کند، برنامه پرداخت را راه اندازی می کند و ارتباط با تاجر را واسطه می کند.

برای پیکربندی یک برنامه پرداخت مبتنی بر وب، باید روش های پرداخت موجود و یک سرویس دهنده را ثبت کنید. می‌توانید برنامه پرداخت مبتنی بر وب خود را به‌صورت اعلامی با یک مانیفست برنامه وب پیکربندی کنید.

پشتیبانی از مرورگر

پرداخت های وب از چند فناوری مختلف تشکیل شده است و وضعیت پشتیبانی به مرورگر بستگی دارد.

کروم سافاری فایرفاکس
دسکتاپ اندروید دسکتاپ سیار رومیزی/موبایل
API درخواست پرداخت ✔ ✔ ✔ ✔
Payment Handler API ✔ ✔
اپلیکیشن پرداخت iOS/اندروید ✔ ✔ ✔* ✔*

پیکربندی یک برنامه پرداخت با مانیفست برنامه وب

برای پیکربندی برنامه پرداخت مبتنی بر وب خود به صورت اعلامی، یک مانیفست برنامه وب ارائه دهید .

ویژگی‌های زیر در مانیفست برنامه وب برای برنامه‌های پرداخت مبتنی بر وب مرتبط است:

  • name
  • icons
  • serviceworker
    • src
    • scope
    • use_cache

تنظیم یک روش پرداخت را بررسی کنید تا مطمئن شوید که مانیفست روش پرداخت شما به درستی به مانیفست برنامه وب شما اشاره می کند.

ثبت نام کارگر خدماتی به موقع (JIT)

ثبت JIT فقط به ارائه مانیفست برنامه وب و بدون کدگذاری اضافی نیاز دارد. اگر قبلاً مانیفست برنامه وب خود را پیکربندی کرده اید و به درستی از آن استفاده می کنید، باید آماده باشید. مرورگر بقیه را مدیریت خواهد کرد.

اشکال زدایی یک برنامه پرداخت مبتنی بر وب

هنگام توسعه یک برنامه پرداخت مبتنی بر وب، احتمالاً بین زمینه تجاری و زمینه برنامه پرداخت خواهید پرید. نکات اشکال زدایی زیر به تجربه توسعه شما در Chrome کمک می کند.

در حال توسعه بر روی یک سرور محلی

از کدام سرور برای توسعه استفاده می کنید؟ بسیاری از توسعه دهندگان تمایل دارند از میزبان محلی یا یک محیط سرور داخلی شرکت استفاده کنند که می تواند چالش برانگیز باشد زیرا ویژگی های قدرتمند در مرورگر به یک محیط امن (HTTPS) و یک گواهی معتبر نیاز دارند. Payment Request API و Payment Handler API از این قاعده مستثنی نیستند و لوکال هاست ها یا سرورهای داخلی شرکت معمولاً گواهی معتبری ندارند.

خبر خوب این است که برخی از مرورگرها، از جمله کروم، به طور پیش‌فرض از گواهی‌های http://localhost معاف هستند. همچنین در Chrome، می‌توانید با راه‌اندازی یک نمونه Chrome، از الزام گواهی معاف شوید. به عنوان مثال، برای معافیت از الزامات http://*.corp.company.com ، از پرچم های زیر استفاده کنید:

سیستم عامل مک

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=http://*.corp.company.com

پنجره ها

chrome.exe --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=http://*.corp.company.com

در Run Chromium with flags درباره اجرای Chrome با پرچم زمان اجرا بیشتر بیاموزید.

ارسال پورت یک سرور محلی

می‌توانید وب سرور محلی را با استفاده از DevTools Chrome به دستگاه Android منتقل کنید و نحوه عملکرد آن را از مرورگر تلفن همراه آزمایش کنید. برای یادگیری نحوه انجام آن، دسترسی به سرورهای محلی را بررسی کنید.

اشکال زدایی از راه دور یک وب سایت در Android Chrome از DevTools دسکتاپ

همچنین می توانید Android Chrome را در DevTools دسکتاپ اشکال زدایی کنید. برای یادگیری نحوه انجام آن، شروع به کار با اشکال زدایی از راه دور دستگاه های Android را بررسی کنید.

ثبت رویداد مدیریت پرداخت

DevTools می‌تواند رویدادهای Payment Handler API را برای توسعه محلی آسان‌تر نمایش دهد . DevTools را در زمینه تجاری باز کنید و به بخش «Payment Handler» در قسمت Application بروید. «نمایش رویدادها از دامنه‌های دیگر» را علامت بزنید و روی دکمه «ضبط» کلیک کنید تا ضبط رویدادهای ارسال شده به کارگر خدماتی که پرداخت‌ها را انجام می‌دهد شروع شود.

تصویری از ثبت رویداد Payment Handler.
ثبت رویداد مدیریت پرداخت.

مراحل بعدی

گام بعدی این است که یاد بگیرید چگونه کارمند خدمات می تواند یک تراکنش پرداخت را در زمان اجرا تنظیم کند.