WEBアプリの基本は HTML と Javascript です。

この２つだけであれば、Windows や MAC の WEBだけで動作します。

HTML （エイチティーエムエル）とは、HyperText Markup Language の略で、ウェブ上の文書を記述するためのマークアップ言語である。

文章の中に記述することでさまざまな機能を記述設定することができる。

JavaScript （ジャバ スクリプト）とは、プログラミング言語のひとつである。

ウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。

インストール

$ sudo apt-get install apache2

HTMLファイル

$ cat /var/www/html/index.html 

詳しくは Rapsberry Pi と Python へ

SimpleHTTPServer は、Python の標準ライブラリで、簡潔な HTTP リクエストハンドラです。

下記のようなコマンド１つで、WEBサーバーが構築できます。

$ python -m SimpleHTTPServer 8000

WebIOPi とは、ラズパイの GPIO をWEBブラウザから制御できるフレームワークです。

インストール

$ sudo pip install flask

電源を投入すると、自動的に起動するようにします。

大きく２つの方法があります。

(1) rc.local

(2) サービスデーモン

この方法が最も簡単です。

rc.local の最後に、起動コマンドを記述するだけです。

欠点は、停止するのがちょっと面倒です。

ps コマンドで pid を見つけて、kill します。

参考

この方法は上級者向けですので、簡単に紹介する程度にします。

利点は、起動・停止が Linux の標準的なスタイルで行えることです。

大きく２つの手順が必要です。

(1) Python のパッケージ化

setup スクリプトを記述します。

(2) サービスデーモンの登録

skeleton を見本に、起動スクリプトを記述します。

参考

通常は、ローカルネットに接続しているラズパイには、インターネットからアクセスできません。

ルーター越えといわれる手段が必要で、大きく２つの方法があります。

NAT（Network Address Translation）とは、ローカルネットのルータにて、グローバルIPアドレスとプライベートIPアドレスを変換して、ローカルネットの特定のコンピュータに接続する方法です。

Port Forwarding とは、インターネット上のサーバーと、ローカルネットのコンピュータとの間で、特定の経路を設定しておく方法です。

詳しくは Raspberry Pi と Port Forward へ

ラズパイに特化した weaved などのサービスもあります。

詳しくは Raspberry Pi と weaved へ