PWAの実験記録メモ

ウェブサイトをアプリ化できる技術「PWA(Progressive Web Apps)」

自分の運営しているいくつかのサイトで使ってみたい。

テストサイトで実験してみることにした。

スポンサーリンク

テストサイトの環境構築

2019年4月6日 10時40分

サブドメイン「pwa-test」を切った。

 

スターサーバー サーバーデフォルトページ

無効なURLです。
プログラム設定の反映待ちである可能性があります。
しばらく時間をおいて再度アクセスをお試しください。

スターサーバーの場合、サブドメインを追加してから使えるようになるまで、おおよそ1時間ほど要する。

お茶でも飲みながらのんびり待つ。 

 

2019年4月6日 11時00分

スターサーバー サーバーデフォルトページ

この接続ではプライバシーが保護されません

pwa-test.usakichi.me では、悪意のあるユーザーによって、パスワード、メッセージ、クレジット カードなどの情報が盗まれる可能性があります。詳細NET::ERR_CERT_COMMON_NAME_INVALID一部のシステム情報とページのコンテンツを Google に送信して、セーフ ブラウジングの改善にご協力ください。プライバシー ポリシー

 

しまった

Google ChromeではSSLに対応していないサイトへはアクセスできなくなったんだった

SSLの設定を仕掛け忘れていた

 

スターサーバーでは「無料独自SSL」の機能が用意されている

急いで設定

1.スターサーバー管理画面にアクセス

2.左メニュー「ドメインー>SSL設定」をクリック

3.「無料独自SSL」タブをクリック

4.SSLを設定したいサイトを選ぶ

5.「独自SSL設置を追加する(確定)」をクリック

SSL新規取得申請中です。しばらくお待ちください。
※処理には数分程度かかる場合があります。

 
※独自SSLは追加後、サーバーに設定が反映されるまで最大1時間程度かかります。

「pwa-test.usakichi.me」に独自SSL設定を追加しました。
なお、SSL設定が反映するまで、最大1時間程度かかります。今しばらくお待ちください。

※ スターサーバーでサブドメインを追加したらSSLの設定も忘れず一緒に実施しよう

WordPressとテーマ

WordPressは環境構築時点での最新版「XX.XX」をインストール

テーマは無料のWordPressテーマとして有名な「Cocoon」を選択 バージョンは最新版の「1.7.4.4」

 

なぜCocoonを選んだかといえば 

ワンクリックでPWA対応

https://wp-cocoon.com/

これに尽きる。

 

自分でプログラムを書いたり、PWA化してくれるプラグイン(利用テーマは問わない)をインストールしたり、することもできるのだが・・・正直面倒である

楽してPWAを使えるようにしたいのだ

まずはCocoonでどこまで出来るか試してみようと思う

うさ吉

群馬出身埼玉在住。
趣味(写真や小旅行)についてつらつらと書き綴ってます。

うさ吉をフォローする
うさ吉の日記ノート
スポンサーリンク
うさ吉をフォローする
うさログ

コメント