Blogger APIでAnywhere OSのトップページを作るまで
Blogger APIでAnywhere OSのトップページを作るまで Anywhere OSの制作ログ1本目です。 今回は、Blogger APIの設定から、トップページのテーマ反映、商品導線の整理までをまとめます。 最初にやりたかったことはシンプルでした。 「どこにいても、学べる。どこにいても、稼げる。」というテーマで、Blogger上にAnywhere OSの母艦になるトップページを作ることです。 APIキーだけでは投稿できなかった 最初は、Blogger APIもAPIキーを取れば投稿できると思っていました。 しかし実際には、投稿や下書き作成にはOAuth 2.0認証が必要でした。 Google CloudでBlogger APIを有効化し、OAuthクライアントを作成し、テストユーザーを追加しました。 その後、認可コードを取得してrefresh tokenに交換し、Blogger APIからアクセストークンを取得できる状態にしました。 下書き投稿はAPIで作れた OAuth認証が通った後、Blogger APIで下書き投稿を作成しました。 まずは接続テスト用の短い下書きを作り、次にトップページ用のHTML本文を下書きとして投入しました。 ここまではAPIで問題なく進められました。 ただし、ここで重要なことに気づきました。 投稿本文を作っても、ブログのトップページそのものは変わりません。 トップページを変えるにはテーマ編集が必要だった BloggerのトップURLを開いたときに専用デザインを見せるには、投稿本文ではなくテーマ側の制御が必要でした。 ただし、Bloggerテーマは普通のHTMLではなく、Blogger専用のXMLです。 最初に本文HTMLをそのままテーマ編集画面へ貼ると、 <b:skin> が見つからないというエラーになります。 これは、テーマ全体として必要な構造を壊しているという意味でした。 既存テーマをベースにトップだけ差し替えた そこで、既存テーマXMLをダウンロードし、その構造を残したまま、トップページだけ専用デザインを表示する形にしました。 条件は data:view.isHomepage です。 これにより、トップページではAnywhere ...