Chromebookで作るPWAアプリ日記2

こんにちは、junkawaです。

今回は、GitHub PagesでPWAアプリを公開するための準備を行います。

目次
1. gitの設定
2. sshの設定
3. githubでリポジトリ作成
4. ローカルリポジトリで作業

1. gitの設定

$ pkg install git

gitをインストールします。

GitHub でダミーのメールアドレスを使用する - Qiita

コミット時にメールアドレスを非公開にしたいので、上記の設定を行います。

2. sshの設定

githubへのアクセスはhttpsとsshが使えます。httpsでは毎回パスワードの入力が必要なので、今回はsshを使用します。

$ pkg install openssh

sshをインストールします。

gitHubでssh接続する手順~公開鍵・秘密鍵の生成から~ - Qiita

ssh-keygenで鍵を生成し、githubに公開鍵を登録します。

3. githubでリポジトリ作成

今回は、リポジトリpwaを作成し、そのサブディレクトリで各アプリケーションを公開する予定です。https://<username>.github.io/pwa/<application name>/

github上でpwaリポジトリを作成します。

GitHubのアカウント登録からリポジトリ操作まで - Qiita

4. ローカルリポジトリで作業

【メモ】GitHubでgit clone〜git pushまで - Qiita

$ mkdir github # 好きなディレクトリ名
$ cd github
$ git clone git@github.com:<username>/pwa.git # 自分のリポジトリ
$ cd pwa

pwaリポジトリをcloneします。

$ emacs .gitignore #*~を追加
$ git add .gitignore
$ git commit -m "added .gitignore"
$ git push

.gitignoreを追加します。

$ mkdir docs
$ emacs docs/index.html # 適当にhtmlファイルを作成
$ git add docs/index.html
$ git commit -m "added docs/index.html"
$ git push

docs/index.htmlを追加します。

GitHub Pagesの新機能、ソース設定が地味にいい | To Be Decided

masterブランチのdocs以下でGitHub Pagesを公開するように設定します。

これで、https://<username>.github.io/pwa/ にページが表示されるようになりました。