برنامه نویسی

برنامه های TWA – نحوه پنهان کردن نوار URL (نوار مرورگر) و نمایش برنامه به صورت تمام صفحه

مقدمه

من در 3 روز گذشته برنامه های فروشگاه Google Play را با TWA با استفاده از Bubblewrap ساخته ام

1 روز طول کشید تا برنامه را برای انتشار آماده کنم و 2 روز طول کشید تا بفهمم چگونه نوار URL را حذف کنم و برنامه خود را به صورت تمام صفحه نشان دهم.

مشکل

تصویر زیر تصویری از شماره Bubblewrap Repo است.

از مسائل GitHub

برنامه مانند باز شدن از مرورگر نشان داده می شود.

با این حال، اگر می خواهید آنها را حذف کنید، چند مرحله وجود دارد که باید انجام دهید.

راه حل

به طور خلاصه باید کد زیر را در آن قرار دهید .well-known/assetlinks.json فایل وب سایت PWA شما

[
  {
    "relation": [
      "delegate_permission/common.handle_all_urls"
    ],
    "target": {
      "namespace": "android_app",
      "package_name": "app.web.finalscalcu.twa",
      "sha256_cert_fingerprints": [
        "AA:E5:9C:AB:40:56:31:CD:2F:AF:98:FB:67:F0:0B:68:AC:F1:9A:2C:3A:77:0E:61:42:38:37:66:43:AB:55:4D",
        "39:77:6A:AE:F1:88:86:E9:81:EE:16:CE:05:ED:37:13:7B:61:F6:04:44:D5:AC:CB:0A:A8:79:08:0D:DD:27:B3"
      ]
    }
  },
  {
    "relation": [
      "check_validation"
    ],
    "target": {
      "namespace": "android_app",
      "package_name": "app.web.finalscalcu.twa"
    }
  }
]
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

شما باید آرایه را جایگزین کنید sha256_cert_fingerprints با اثر انگشت خودت

دریافت اثر انگشت، برنامه – کنسول Google Play

اگر در فروشگاه Google Play منتشر می کنید، احتمالاً از کنسول Google Play استفاده می کنید.

مراحل

به کنسول Google Play بروید و برنامه خود را انتخاب کنید.
App Integrity را انتخاب کنید

یکپارچگی برنامه

به امضای برنامه بروید

امضای برنامه

کپی اثر انگشت (2)

اثر انگشت 1
اثر انگشت 2

آنها را در فایل json خود قرار دهید
به داشبورد بروید

داشبورد

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

برنامه

اطمینان حاصل کنید که اطلاعاتی که به شما داده می شود با اطلاعاتی که در خود قرار داده اید مطابقت داشته باشد assetlinks.json

پس از آپلود فایل JSON، با رفتن به Deep Links بررسی کنید که آیا موفق شده اید نوار URL را ناپدید کنید.

پیوندهای عمیق

اگر شبیه تصویر زیر به نظر می رسد، موفق شده اید.

پیوندهای عمیق را بررسی کنید

اگر نه، روی دکمه زیر کلیک کنید و آن را گسترش دهید fingerprints بخش برای کپی کردن کدی که فروشگاه گوگل پلی به شما می دهد

نهایی

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا