android - 如何在 PWA 中隐藏 URL 栏？

Question

我正在构建一个 PWA，它遵循所有规则，甚至还有一个 HTTPS URL：

https://toastmasterstimer.tk

但是网址栏仍然出现：

该应用程序是可安装的，因为它符合所有规则，并且我已经在我的 Android 手机上的 Chrome 中对其进行了测试：

这是我的摇篮：

apply plugin: 'com.android.application'

android {
    compileSdkVersion 29
    defaultConfig {
        applicationId "tk.supernovaic.tmtimer.go"
        minSdkVersion 20
        targetSdkVersion 29
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
        manifestPlaceholders = [
                hostName: "toastmasterstimer.tk",
                defaultUrl: "https://toastmasterstimer.tk",
                launcherName: "Toastmasters Timer - Go",
                assetStatements: '[{ "relation": ["delegate_permission/common.handle_all_urls"], ' +
                        '"target": {"namespace": "web", "site": "https://toastmasterstimer.tk"}}]'
        ]

        resValue "color", "colorPrimary", "#272838"
    }
    buildTypes {
        release {
            minifyEnabled false
        }
    }
    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
}

dependencies {
    implementation fileTree(include: ['*.jar'], dir: 'libs')
    implementation 'com.github.GoogleChrome.custom-tabs-client:customtabs:e849e45c90'
}

这是我的AndroidManifest.xml：

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.placeholder">
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="${launcherName}"
        android:supportsRtl="true"
        android:theme="@style/Theme.TwaSplash">

        <meta-data
            android:name="asset_statements"
            android:value="${assetStatements}" />

        <activity android:name="android.support.customtabs.trusted.LauncherActivity"
            android:label="${launcherName}">
            <meta-data android:name="android.support.customtabs.trusted.DEFAULT_URL"
                android:value="${defaultUrl}" />

            <meta-data
                android:name="android.support.customtabs.trusted.STATUS_BAR_COLOR"
                android:resource="@color/colorPrimary" />

            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>

            <intent-filter>
                <action android:name="android.intent.action.VIEW"/>
                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE"/>
                <data android:scheme="https"
                    android:host="${hostName}"/>
            </intent-filter>
        </activity>
    </application>
</manifest>

这是style.xml：

<resources>
    <style name="Theme.TwaSplash" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowNoTitle">true</item>
        <item name="android:backgroundDimEnabled">false</item>
    </style>
</resources>

我遵循了本教程：

受信任的网络活动 - PWA 到 Play 商店指南

有谁知道我错过了什么？谢谢。

Answer 1

该域toastmasterstimer.tk似乎缺少验证所有权和启用全屏所需的数字资产链接文件。

该文件需要在https://toastmasterstimer.tk/.well-known/assetlinks.json.

您可以使用语句列表生成器和测试器来生成assetlinks.json文件。

文档的这一部分提供了更多信息，包括如何从您的签名密钥中提取 SHA-256 指纹。

Answer 2

您在 web/.well-known/assetlinks.json 中输入的 sha256 指纹是否与在 google play 控制台中输入的指纹相同？（关于“发布管理”/“应用签名”“应用签名证书”）

    [{
    "relation": ["delegate_permission/common.handle_all_urls"],
    "target" : { "namespace": "android_app", "package_name": "package.name",
                 "sha256_cert_fingerprints": ["**this:one**"] }
  }]

Answer 3

构建 APK 时，您将使用密钥库对应用程序进行签名。

创建密钥库后，您需要获取一个sha256 fingerprint.

要获得 sha256，您需要运行：

keytool -list -v -keystore /keystore-location/pwa-keystore.ks

然后，确保您的 Web 应用程序上提供以下路由，其中​​包含上面生成的 sha256 指纹。

www.example.com/.well-known/assetlinks.json

    {
      "relation": ["delegate_permission/common.handle_all_urls"],
      "target": {
        "namespace": "scapeq",
        "package_name": "org.electrobooth.twa.scapeq",
        "sha256_cert_fingerprints": ["sha256_FINGER_PRINT_GOES_HERE"]
      }
    }
  ]

Answer 4

在您移植到 android 之前将此添加到您的清单中：

     "display": "standalone"