WordPressをPWA化してGooglePlayに公開するまでの流れ

WordPressで運営していたサイト、[しかくのいろは](https://www.qualification-master.work/)をPWA化し、GooglePlayでリリースしてみたので備忘録としてその手順を書いていこうと思います。

![fcf18c85cce6a005971d1a5354416e47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/315920/809335af-fb73-cfce-61b8-f80dd56749a3.png)


##PWAについて

最初にPWAについて簡単に触れておきます。

###そもそもPWAとは

PWAはProgressive Web Appsの略称で、WebアプリケーションのUX向上を目的とし、WEBサイトやWEBアプリとネイティブアプリのハイブリッドのようなものです。

スマホやアンドロイド上で他のアプリ同様にアイコンが表示され、ユーザからのアクセシビリティが上がることが期待できます。

###PWAのメリット

上記で書いたようにユーザからのアクセシビリティが向上する以外にも更新通知を行うこともできるようになり、ユーザの囲い込みに貢献します。

また、それ以外にも

- ページの読み込みが速い
- オフラインでも動く
- アプリではないためインストールがいらない
- プッシュ通知を送信することができる
- アプリではないためアップデートやリリースの審査がいらない
- GPS機能を使える
- ホームスクリーンにアイコンを追加できる

と言ったようなメリットがあります。

そもそもGoogleがPWA化を推奨しており、直接的ではないにしてもSEO的にも良い効果が期待できるのではないでしょうか。

##WordPressをPWA化してGooglePlayに公開する手順

実際にWordPressをPWA化してGooglePlayにアップロードするまでの手順は以下の通りです。

###GooglePlayに登録する

最初にGooglePlayに登録しましょう。

Googleアカウントと登録料の2,500円があれば5分でデベロッパ登録できます。

アカウントを持っていない方は以下のURLから作成しましょう。

[Google アカウント作成](https://accounts.google.com/signup/v2/webcreateaccount?flowName=GlifWebSignIn&flowEntry=SignUp)

デベロッパ登録はクレジットカードが必要なので準備しておきましょう。

![acc0db4c9269acdb74c34d76191d0ef1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/315920/eb8ba599-c038-2176-013d-c605ff57ec29.png)


[Google Play Console](https://play.google.com/apps/publish/signup/)

###WordPressをPWA化する

最初にWordPressをPWA化します。

元々テーマによっては設定によってPWA化できるものもあります。

![7a831d4770b925aa95256327000dec32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/315920/aa61a6e5-0f64-00c2-023e-1862ee088390.png)

その場合各テーマ名+PWAなどで検索すれば大抵解決するかと思います。

逆にPWA非対応のテーマの場合、プラグインを導入するのが手ごろでおすすめです。

個人的には「Super Progressive Web Apps」と呼ばれるプラグインがオススメです。

導入方法に関しては下記のサイト様が詳しく解説されているので参考にしてください。

[【Google推奨】WordPressをPWAに対応させよう！](https://jam25.jp/wordpress/wordpress-pwa-plugin/)

###PWAからAPKアプリを作成する

サイトをPWA化させても、そのままGooglePlayにリリースすることは出来ません。

PWA化されたサイトを一旦APKアプリに変換するといったワンクッションを挟む必要があります。

ただこちらもプログラミング的な要素は全く不要で、PWA化されたサイトのURLを以下のサイトに入力します。

[PWA2APK](https://appmaker.xyz/pwa-to-apk/)

![5039911fbb72d2bddd67f09001fb24bf-1024x479.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/315920/bc9c7953-2db6-1480-e283-e9a7b4e1498e.png)

次にGoogle Play用の管理メールアドレスを入力します。

ssetlinks.jsonと言ったファイルを受け取るためのメールアドレス(Google Play用の管理メールアドレスで良い)を入力しましょう。

そうするとAPK、ソースコード、証明書、パスワードが発行されます。

![6ddb9fdce0032311696fa49e3c51aa4e-1024x479.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/315920/1405b8fe-2ce5-6a5e-d190-a1abef25d3bb.png)

###.well-knownフォルダにjsonファイルをアップロードする

PWA2APKに必要事項を記入するとメールでjsonファイルが送られてくるので、それをサイトのhttps://<domain>/.well-known/assetlinks.jsonにアップロードします。

.well-knownフォルダはSSL化すると自動生成されることが多いらしいのですが、出来てなければ自分で作りましょう。

###Google Playにリリースする

サイトにjsonファイルをアップロード後はGoogle Playにリリースしていきます。

サイトの説明やアイコン、プライバシーポリシーの書き方は他のアプリとそん色ありません。

![52f3ff2205484ed183671895399fd429.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/315920/5b065d5e-326f-3714-82d3-b76a13015887.png)

![a185052abe3baa13633dea19f8eb0fba.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/315920/0bfcfb3e-25d7-2ab7-6c96-c0c0f62b9ee5.png)

アプリのアップロード方法については下記サイト様をご参照ください。

[AndroidアプリをGooglePlayでリリースする方法【今さら聞けない！】](https://techacademy.jp/magazine/2255)


先ほどのサイトからjsonファイルと同時に送られてきたapkをアップロードし、審査を終えれば無事にリリースされます。

![4c5bc6a2f482e6a230b8226f603a64ad.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/315920/922e466d-f05d-5009-8f5e-47ea5cd3d38e.png)

審査には最長48時間ほどかかると言われており、筆者もそれくらいの期間はかかりました。

無事に審査が通るとリリース完了のメールが送られてきます。

![0eb2f1aea205b7dca0c2d0ea09c6e7f3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/315920/327464a5-661a-bd07-4b8a-8f839d4e25b8.png)


##まとめ
PWA化は多少面倒ですが、半日もかからず所定の手続きは可能で恩恵もそれなりに大きいです。

SEOが厳しくなりつつある昨今においてはこのような取り組みも必要ではないでしょうか。

ほとんどプログラミング的な要素は必要ないので、気になっている方は是非試してみてください。