GAE, Google Cloud SQL, Google Cloud Storageでwebサービスを作ってみた。
作ったサイト
匿名で不満や愚痴、普段言えない本音を匿名で投稿しちゃおう！boooing
##【概要】
- twitterログインが必要です。(殺害予告とか違法な内容をつぶやかれるのを抑止するため)
- 匿名で不満や愚痴をつぶやけます(ログインするけど、名前は一切表示されません)
- twitterにも@boooing1のアカウントで代理投稿します。(ここも完全に匿名です。)
- twitterやサービス内に頂いたコメントは、サービス↔twitter完全連携します。
- 不満書きたいのにtwitterの文字数制限で伝えきれないのが嫌だったので、サービス内では1000文字まで入力できます。
- twitterは、某質問系BOXの用に画像を添付します。
- サービス内では、３枚まで画像をはれます。(それもtwitterに連携します)
【インフラ】
- Google App Engine
- Google Cloud Storage
- Google Cloud SQL
##【フロント】
djangoのテンプレートを使ってます。
SPAとか、特別なことは特にないので割愛します。
【サーバサイド】
- python3
- django1.11
【苦戦したところ】その1 画像のキャプチャ
まず、webdriverを使って、画像をキャプチャしました。
こんなかんじの記事を参考にしてやってみたんですが
こんな感じで、スクロールバーが表示されてしまいました。
サイズ調整を試みるも、長文がくるとこんなふうに画像が切れちゃいました。
某質問系BOXは、文字数が長くても切れません。
色々と調査したところ、HTML自体をcropできる記事を見つけたのでそちらを参考に修正。
ようやくキレイに画像かすることができました。(しかも文字が見やすくなった)
【苦戦したところ】その2 画像のキャプチャどこでやるの問題
GAEは、デプロイや、運用などがお手軽にできるので、作ってすぐに動かすことができます。
便利！
でも、chromedriverのインストールなど、通常のGCEやEC2のようにサーバに入っての環境構築ができないため、この部分だけGCE契約するのか・・・？っと悩んみました。
【解決策】
Dockerfileを使ってchromedriverを構築する。
GAEは、カスタムしたDockerfileを配置することが可能なので、Dockerfileで、chromedriver関連をインストールするようにしました。
元になるGAE用のイメージはこちら
...
FROM gcr.io/google-appengine/python
RUN apt install unzip
RUN wget https://chromedriver.storage.googleapis.com/2.31/chromedriver_linux64.zip
RUN unzip chromedriver_linux64.zip -d ~/bin/
...
【苦戦してるところ】全然人が来ない。
まず、GAのキャプチャを見てください。
3/27にリリースして、全然増えません。
しかも、4/4の夜から4/5にかけて、twitterに制裁を受けてました。
(検索やハッシュタグで、引っかからない状態)
【事件】twitterアカウント凍結
4/6に@boooing1アカウントが凍結。。。。
かと思いきや、１時間ほどで何故か解除・・・・
人為的ミスか？？？
凍結されてしまったので、クローズする気になってたのですが、なんとか生きながらえたので、記事に書いてみましたｗ
【現在】
まだまだ、改善点は多いと思うのですが、ほそぼそと運用中。
ここでの学びを次に活かすぞー!!