Google App Engine Launcherでバージョン管理

Google App Engine Launcherをローカルサーバーとデプロイに使っています。GAEを使いだした時からGUIで使っていたので、これしか知らないし、コマンドラインを使わずにデプロイ出来るのでとても便利です。ランタイム環境としては㎩ythonとPHPですが、html+JavaScriptのみで使用しています。バージョンアップする際に以前はindex.htmlをコピーしindex2.htmlとして編集していました。これを止めて下記のようにしてみました。

1. ローカルファイルをフォルダー毎コピーし、フォルダー名の後に区別する名称を追加します。今回は「_aquq」、「_blue」など、色で区別します。
2. 次にapp.yamiのversion:にこの文字列をバージョンとして記入します。
3. Google App Engine Launcherを起動し、「Add Existing Application…」で新しく作成したフォルダーを追加します。

GAEのバージョンを見てみると下記のようになり分かり易いです。下記の例ではトラフィック100%のgreenバージョンが稼働中ですが、マウスポインターでショートカットをクリックするとaquaバージョンの動作を実際のサーバー上で確認出来ます。動作確認後に実際に切り替える時はチェックマークを入れて、トラフィックを移行すればOKです。また古いバージョンに戻すことも同様に可能です。

A-Frameのテスト２ 日本語の表示

A-Frameの画面に日本語を入れるテストを行いました。サイズや位置を合わせるのが面倒です。試行錯誤でやってみましたが、画面フルサイズと埋め込みで表示が変わるので使いづらいかも。

---

A-Frameのテスト

360度写真の埋め込みテストの4回目はA-Frameです。日本語のページを検索すると下記サイトにシンプルな使用例（デモ02）が載ってました。アルファベットだけなら文字も簡単に入れることが出来ました。キーボードの矢印キーを押すと文字だけが動きます。日本語を入れるテストは後日やってみます。

• A-Frameを使ってWebVRを実装してみよう
• A-FrameとHTML Shaderで美しい日本語テキストを表示する方法

---

GAEでデプロイ出来ない？

久しぶりにGAEを触っていたらDeployでエラー発生。
原因が分からず色々調べていたら、ファイル名に日本語が含まれているためのエラーと判明です。そう言えばindex.htmlを弄る時にバックアップを残そうとしてコピペしてました。「index - コピー.html」←これが原因です。そう言えば以前にも同じことで悩んだことが有ったような気がします。

Error 500: --- begin server output ---
<h3>Server Error</h3><p>A server error has occurred.</p>
--- end server output ---
2018-10-17 21:06:28 (Process exited with code 1)

---

GAEのソースファイルのダウンロード方法

appcfg.py download_app -A <your_app_id> -V <your_app_version> <output-dir>

アクティブなバージョンの切り替え　App Engine でプロジェクトを選択し、左ペインでバージョンを選ぶ。「トラフィック割り当て」が100%な物が現在のアクティブバージョンなので、切り替えたいバージョンにチェックを入れて、「トラフィックを移行」をクリックする

---

Google App Engine Launcherを起動すると時々アップデートの案内が表示されます。字が小さいし、URLをクリックしても開かない。URLはコピーも出来ないのでとっても不親切！
https://developers.google.com/appengine/downloads
記載された上記URLにアクセスすると、下記へリダイレクト。
https://cloud.google.com/appengine/downloads
Standard environmentの「Python」をクリック
最後の方にある下記文字列をクリック
Download and install the original App Engine SDK for Python

ようやく上記へ辿り着きました。・・・　下記の画面で長～～く待たされます。

---

Python 用 App Engine SDK 1.9.87.msi <= 現在非推奨です

Marzipaneのテスト

360度写真を表示する方法を検索してみました。今回見つけたのは下記サイトです。

Top 13 Panorama/360-Degree Photo Viewers

参照してみると、2番目の「Marzipane」は以前に一度見た覚えがあるサイトでした。画面右上の「Marzipano Tool」から始めると簡単な操作で作成したファイル一式をダウンロードできます。ソースとして2:1のEquirectangularファイル、もしくは6面のCubeファイルが使用可能です。Equirectangularは最大23,000x11,500pxまでです。今回はmarzipanoを使って作成したページを埋め込んでみました。

---

VR View for the Webのテスト

VR View for the Web を参照して、Equirectangularファイルを360度写真として埋め込んでみました。videoとimageの両方に対応していますが、今回はimageファイルの表示です。Hotspotにも対応しているようだけど、そこまではまだやっていません。埋め込みソースはPython on Google App Engineで作成したページです。

参照サイト1 Google VR Viewで360度コンテンツを表示する方法
参照サイト2 How to enable CORS on Google App Engine Python Server?

PTGuiのPublish to Website

PTGuiのToolsメニューにあるPublish to WebsiteでPhotosphereを埋め込んでみました。これを使えばGoogleマップにアップロードしなくて下記のように埋め込みが可能です。

菜の花畑の画像はViews時代に投稿したもので、Photosphereを撮り始めた頃の作品です。Nexus7を手持ちで撮影したので水平線が傾いてるし、サイズも3840x1919と小さいです。リスティング付けしていなかったら、いつの間にかGoogleマップから消えていたのでここに埋め込んでみました。