Welcomeページ

提供: 釧路高専プロ研Wiki
移動先: 案内検索

http://nitkc.org/ として稼働するWelcomeページについて述べます。

仕組み[編集]

Welcomeページは、dokku-altにより管理されています。 これによって、プロ研部員であれば誰でも自由に編集ができます。

内部ではサムネイル作成のため、次の手順を行うスクリプトが走っています。

  1. index.html内の<a href="HogeURL"><img src="fuga.png" /></a>からHogeURLとfuga.pngを抽出する。
  2. cp empty.png fuga.pngと同等の処理を実行
    • empty.pngは 「NO IMAGE」な画像です
  3. HogeURLにアクセスする
  4. 10秒間待つ
  5. スクリーンショットを取得する
  6. 6時間待つ
  7. 3.へ戻る

「2.」の処理は強引というか、あまり綺麗ではない。

また、スクリーンショット取得の際は、1250x875の解像度を持ち、UserAgentがKPC Kitto caPture dekiruto ureC toolであるブラウザとしてアクセスします。 この情報を基に、デモモードなどに移行しても良いと思いますが、この情報をWikiで公開してしまったので、認証を回避させるのは危険です。

また、dokku-alt関連として、

  • アプリ名は welcome
  • でも、ドメイン名は、nitkc.org
  • www.nitkc.org はリダイレクト

としてします。

index.htmlの編集[編集]

サムネイルは自動取得なので、編集しても無駄です。 WebサイトのURLや、サムネイル取得URLの変更について述べます。

箇条書きで手順を示すと、

    • git clone dokku@dokku.nitkc.org:welcome
  1. public/index.html を適当に編集する
    • URLと画像URLは何でも良い
    • 後述のルールさえ守れば
  2. リポジトリにpush
    • git add -A
    • git commit -m "HOGEHOGE"
    • git push origin master

となる。index.htmlの編集では、<a href=['"](.+?)['"]><img src=['"]\.\/img\/([a-zA-Z0-9]+?\.png)['"] *?\/><\/a>の制約を守らないとサムネイルが取得されない。Regexperなどで見やすくなる。