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

یاد بگیرید که چگونه یک برنامه پرداخت مبتنی بر وب را هنگام ثبت نام پیکربندی کنید.

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

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

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

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

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

کروم سافاری فایرفاکس
دسکتاپ اندروید دسکتاپ موبایل دسکتاپ/موبایل
رابط برنامه‌نویسی کاربردی درخواست پرداخت ✔ ✔ ✔ ✔
رابط برنامه‌نویسی کاربردی مدیریت پرداخت مبتنی بر وب ✔ ✔
اپلیکیشن پرداخت iOS/Android ✔ ✔ ✔* ✔*

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

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

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

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

برای اطمینان از اینکه مانیفست روش پرداخت شما به درستی به مانیفست برنامه وب شما اشاره می‌کند، به بخش «تنظیم روش پرداخت» مراجعه کنید.

ثبت یک سرویس ورکر به صورت به موقع (JIT)

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

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

هنگام توسعه‌ی یک رابط کاربری (frontend) اپلیکیشن پرداخت مبتنی بر وب، احتمالاً بین زمینه‌ی فروشگاه و زمینه‌ی اپلیکیشن پرداخت جابجا خواهید شد. نکات اشکال‌زدایی زیر به تجربه‌ی توسعه‌ی شما در کروم کمک خواهد کرد.

توسعه روی یک سرور محلی

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

خبر خوب این است که برخی مرورگرها، از جمله کروم، به طور پیش‌فرض از نیاز به گواهینامه برای http://localhost معاف هستند. همچنین در کروم، می‌توانید با راه‌اندازی یک نمونه کروم، نیاز به گواهینامه را معاف کنید. به عنوان مثال، برای معاف کردن نیاز از 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 مراجعه کنید .

انتقال پورت به یک سرور محلی

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

اشکال‌زدایی از راه دور وب‌سایت در کروم اندروید از طریق ابزارهای توسعه دسکتاپ

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

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

DevTools می‌تواند رویدادهای API مربوط به Payment Handler مبتنی بر وب را برای توسعه محلی آسان‌تر نمایش دهد . DevTools را در بستر فروشنده باز کنید و به بخش "Payment Handler" در زیر پنل Application بروید. گزینه "Show events from other domains" را تیک بزنید و روی دکمه "Record" کلیک کنید تا ثبت رویدادهای ارسال شده به service worker که پرداخت‌ها را مدیریت می‌کند، آغاز شود.

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

مراحل بعدی

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