Clever Geek Handbook

サイトからアプリケーションを作成し、数時間でGoogle Playに掲載する方法。 パート2/2：信頼できるWebアクティビティ

画像



最初の部分では、サイトをプログレッシブWebアプリに変えました。 また、最近、2019年2月6日に、Googleは、信頼できるWebアクティビティを使用してPWAをGoogle Playにアップロードする簡単な機会を提供したと言われました。 あなたがする必要があるのは、Google Playに置くことができるAndroidの小さなラッパーを書くことです。 ユーザーがそのようなラッパーアプリケーションをダウンロードすると、Chrome内でPWAが開かれます。 もちろん、Chromeインターフェースは非表示になり、すべてが美しくなります。



私のように、Android向けのアプリケーションを作成したことがない場合は、将来も一連の魔法の操作を行う必要があります。 しかし、なぜアプリケーションをレイアウトするだけに頼らないのですか。 行こう！





  1. サイトからアプリケーションを作成し、数時間でGoogle Playに掲載する方法。 パート1/2：プログレッシブWebアプリ
  2. サイトからアプリケーションを作成し、数時間でGoogle Playに掲載する方法。 パート2/2：信頼できるWebアクティビティ




Android Studio



開始するには、Android Studioの人生で初めてダウンロードしてください。 新しいプロジェクトを作成し、同時に「アクティビティを追加しない」を選択します。







次に、プロジェクトを構成します。







パッケージ名については、次のように名前を作成することをお勧めします。開始ページskorochtec.ru/appはru.skorochtec.appになります。



アプリケーションの構成と依存関係



作成されたプロジェクトの構造は次のとおりです。







AndroidManifest.xml、styles.xml（res / valuesフォルダー）、および両方のbuild.gradleファイルを変更する必要があります。



また、res / drawableおよびres / mipmapフォルダーにアプリケーションアイコンを設定することをお勧めします。そうしないと、アプリケーションに標準のAndroidアイコンが設定されます。 



build.gradle(Project: AndroidStudioProjects) // Top-level build file where you can add configuration options common to all sub-projects/modules. buildscript { repositories { google() jcenter() } dependencies { classpath 'com.android.tools.build:gradle:3.3.1' // NOTE: Do not place your application dependencies here; they belong // in the individual module build.gradle files } } allprojects { repositories { google() jcenter() maven { url "https://jitpack.io" } } } task clean(type: Delete) { delete rootProject.buildDir }


説明する時間はありません、これを自分にコピーしてください:) 



 build.gradle(Module: app) apply plugin: 'com.android.application' android { compileSdkVersion 28 defaultConfig { applicationId "ru.skorochtec.app" minSdkVersion 19 targetSdkVersion 28 versionCode 5 versionName "1.0.0" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" manifestPlaceholders = [ hostName: "skorochtec.ru", defaultUrl: "https://skorochtec.ru/app/", launcherName: "", assetStatements: '[{ "relation": ["delegate_permission/common.handle_all_urls"], ' + '"target": {"namespace": "web", "site": "https://skorochtec.ru"}}]' ] } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' } } compileOptions { sourceCompatibility JavaVersion.VERSION_1_8 targetCompatibility JavaVersion.VERSION_1_8 } } dependencies { implementation fileTree(dir: 'libs', include: ['*.jar']) implementation 'com.github.GoogleChrome.custom-tabs-client:customtabs:e849e45c90' }


そして、ここでいくつかの説明をする必要があります：





AndroidManifest.xml 

 <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="ru.skorochtec.app"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="${launcherName}" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <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}" /> <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>


これをコピーするには、 <mnifest>



（最上部）のpackage



を変更しpackage



。



styles.xml 

 <resurces> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> <item name="android:windowNoTitle">true</item> <item name="android:backgroundDimEnabled">false</item> </style> </resurces>


コピーしてください。



署名済みアプリケーションを作成する



すべてがアプリケーションをリリースする準備ができています。 ただし、署名が必要です。 これを行うには、ビルドツールバーで[署名済み境界/ APKを生成]を見つけます... APKを選択します。







[新規作成...]をクリックします。







新しいキーストアとその中のキー自体を作成します。







最後に、アプリケーションを収集して署名します。







やった！ APKをリリースする準備ができました！



Google Playコンソール



アプリケーションを投稿するには、25ドルの開発者アカウントが必要です。 購入後、Google Play Consoleにアクセスできます。 理解するのは簡単ですが、1つのポイントを明確にします。 APKを開発者コンソールにダウンロードする段階で、次のように表示されます。







グーグルは、私たちが曲がっており、署名キーを失う可能性が高いことを示唆しています。つまり、後でアプリケーションを更新することはできません。 したがって、APKに署名するよう提案されていますが、最終的なアプリケーションは既にGoogle自身によって署名されています。 この条件を受け入れることをお勧めします。



デジタル資産リンク



以前のアクションで疑わしい点はありませんか？ アプリケーションを作成するために、私たちは基本的にサイトのアドレスのみを使用しました...それでは、たとえばTwitterなどのアプリケーションを現在リリースできないのはなぜですか？



また、アプリケーションとサイトの所有者が1人である（アプリケーションの署名キーに基づいて）ことを証明するために、サイトに配置する必要があるDigital Asset Linkが邪魔になります。



これは非常に簡単に実行できます。GooglePlay Consoleの[リリース管理]-> [アプリケーション署名]で見つけます。 Googleによって生成されたアプリケーションに署名するための証明書があります（私の推奨事項に従って条件を受け入れた場合）。 SHA-256証明書のフィンガープリントをコピーする必要があります。







そして、それをデジタル資産リンクツールに貼り付けます 。 そして、それをassetlinks.jsonファイルに配置します。このファイルは、パス.well-known / assetlinks.jsonに沿ってサイトのサーバーで使用可能になります。



完了



以上です！ アプリケーションをリリースし、Googleが承認するまで数時間待って、最終的にGoogle Playマーケットでその存在を楽しんでください！







ちなみに、画面の美しい写真はhttps://apptoolkit.io/で作成できます 。



おわりに



さて、私たちはサイトからアプリケーションまでずっと行きましたが、それほど簡単ではありませんでしたが、それほど難しくもありませんでした。 PWAおよびTWAテクノロジーはまだ非常に若く、いくつかの欠点があります。 たとえば、この方法でリリースされたアプリケーションは、Google Chromeバージョン72以降がスマートフォンのデフォルトブラウザーでない場合、ユーザーに対して開かれません。 そのため、リリース速度のために一部のユーザーを犠牲にする準備をしてください。



App Storeでは、アプリケーションをこのように配置することはまだできません。 まあ、一般に、Appleはこれらの技術のサポートに関して遅れをとっています（意図的ではないことを願っています）。 ただし、プログレッシブWebアプリの分野は急速に開発および改善されているため、すべてのモバイルブラウザがすぐにサポートし、既存の欠点が修正されることを期待できます。



それはともかく、私は未来はプログレッシブWebアプリにあると信じており、このテクノロジーの早期採用者になることをお勧めします。 幸いなことに、これに関する指示があります。



便利なリンク





More articles:


All Articles